Position-sticky: Títulos pegajosos y siempre visibles hasta que llega el siguiente

Por 0 Comentarios

Al escribir un artículo sueles dividirlo en secciones o partes, cada una de ellas encabezada por un titular. Si has planificado bien, cada encabezado de estas partes deberían ser h2 ya que habrás reservado el h1 para el título general del post.

Y lo que suele ocurrir a poco extensos que sean estos bloques es que a medida que vas leyendo scroll este titular desaparece de la vista al hacer scroll. Y si el lector no ha estado atento, lectura diagonal que dicen, al momento de fijar su atención en algún elemento no sabrá exactamente a qué corresponde.

Así que lo ideal sería que el título de cada parte del post permaneciera visible hasta que dicha parte terminase, y que fuese sustituido por el siguiente título (en caso de que hubiese más secciones). Y al terminar el artículo y pasar a otras partes secundarias de la página (comentarios, pie de página...) desapareciera para no confundir.

Leer: Position-sticky: Títulos pegajosos y siempre visibles hasta que llega el siguiente

Optimización extrema de un blog en Blogger

Por 7 Comentarios

Cuando me planteé la existencia del blog #tras42 si algo tenía bien claro era conseguir una optimización extrema en su rendimiento / respuesta y prescindir de cualquier elemento que de verdad no añadiese valor a lo dicho en cada artículo por su autor.

Y como en su estética también quería huir de tendencias y "novismos" ya demasiado vistos... todo ayudaba.

Este planteamiento tuvo una gran ventaja inicial: no necesité trabajo extra para cumplir con la máxima del mobile first.

Y creo que, a tenor de las auditorías, en buena medida está conseguido.

Valores del blog #tras42

Empecemos por el final. Los cifras más significativas del índex de #tras42 para que valores si merece la pena leer el tocho siguiente:

Leer: Optimización extrema de un blog en Blogger

Css Box model: El concepto y los 3 modelos de caja en Css

Por 6 Comentarios

El concepto de caja (box en inglés) es básico para entender el funcionamiento de Css. Y lo que nunca se debería hacer es sustituir esa expresión por el de "capa", pues sólo hay un caso en el ámbito de Css donde se hace uso de la palabra "capa": "Layered presentation" en la propiedad z-index y la noción del "nivel de apilamiento" (stack level) si exceptuamos la nueva propuesta de las Css shaders.

Leer: Css Box model: El concepto y los 3 modelos de caja en Css

Guía breve sobre cómo insertar pens, imágenes y código en Ksesocss y #tras42

Por 4 Comentarios

Con motivo de la publicación en el blog #tras42 del artículo sobre cómo poder insertar pens de @Codepen en los comentarios de Blogger creo oportuno esta pequeña guía de cómo poder hacerlo. Tanto aquí, en Ksesocss, como allá, en #tras42.

A diferencia del artículo publicado en #tras42 (en el que se explica detalladamente todo el proceso (dos códigos diferentes) para que el administrador de un blog en Blogger lo implemente) esta entrada está enfocada a explicarte a ti, usuario y comentarista, cómo hacer para publicar un pen, una imagen o código en cualquiera de estos 2 blogs (y en cualquier otro que lo implemente usando la forma explicada en el post de #tras42.

Leer: Guía breve sobre cómo insertar pens, imágenes y código en Ksesocss y #tras42