soy Kseso y esto EsCSS

Un adelanto a título experimental y de forma temporal

Un adelanto temporal de la nueva imagen del blog que se avecina. Sólo disponible por unas horas durante este fin de semana. Sólo por torturarte un poco y que me des tu opinión. Gracias.

Un adelanto a título experimental y de forma temporal

·Por Kseso ✎ 19
Imagen ilustrativa para la presentación del nuevo tema

Para que sufráis un poco aquellos visitantes del blog que no lo estéis haciendo con el partido de la final de la "champion" y por casualidad paséis por el blog durante este sábado os dejo ver un poco lo que me traigo entre manos.

Te presento (y así aprovecho) la próxima imagen del blog. Siempre que no cambie de idea y le de una vuelta completa antes de hacer el cambio siguiente. Que como me conozco... pues eso, todo es posible,

Navegadores testados

Sólo está testada en las últimas versiones de Firefox y Chome, en windows. En otros navegadores no la he abierto.

Lo que sí te adelanto es que aquellos que no soporten las unidades relativas al viewport fallarán bastantes cosas.

Lo mismo que aquellos que no manejen los SVG en línea diferidos. La razón es que he prescindido de las tipografías de iconos y con ellas las peticiones y peso para mostrarlas en beneficio de las imágenes SVG.

Un pequeño bug en Chrome que afecta a la portada

Chrome tiene un bug en el manejo de las columnas Css. Crea un espacio al final de la caja que las contiene. Espacio mayor o menor en función de unas cuantas variables imposible de prevenir y compensarlo.

Al final opté por prescindir de las columnas Css.

La sorpresa está en los encabezados

Para quienes uséis blogger quizás os sorprenda el título de las entradas. Verás bajo él una imagen colocada vía css como background-image. Imagen que cambia en cada post. Creo que este detalle amerita un post más adelante. Que por cierto, la imagen del encabezado de este artículo es obra de Ben Heine y proviene de su blog.

Los códigos los verás tal que así:

header { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; padding: 1rem; overflow: hidden; will-change: contents; }

Una cita textual

Y en caso de tener que citar texto de terceros seguiré usando el blockquote qye ahora se verá como el de abajo:

Reloj de emociones imborrables. Martillo de luz, hoz de trabajo, espina de tiempo.
El primero de mayo mi madre y yo cantábamos —en voz baja— esta letra de la Internacional:
“Arriba los de la cuchara, abajo los del tenedor, que mueran todos los fascistas, Viva el brazo trabajador”.
Oh, sí. Reloj de emociones imborrables. Martillo de luz, hoz de trabajo, espina de tiempo.
Rama y simiente de un templo antiguo. libradas al olvido que nos aguarda.
Oh, sí, puñal de tiempo. Oh, sí.

Basta de rollo, Cuéntame cómo lo ves

Pues eso, que bastante rollo sólo para una prueba que sólo tiene por objeto adelantarte la nueva imagen y que me digas cómo la ves.

Déja un comentario y así de paso vemos su funcionamiento y estética. Gracias.

avatar del Editor del blog

Ramajero Argonauta, Enredique Amanuense de CSS.
#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Don Kseso Kseso