A Practical Guide to Centering in CSS es una exhaustiva guía de cómo centrar el contenido en una página web mediante CSS, algo que debería ser fácil, pero que a veces no lo es.
Tag: CSS
Estado de CSS en 2022
Muy interesante el vídeo “State of CSS”, explica las novedades de CSS y todo lo que se puede emplear sin miedo a que no funcione en los princiaples navegadores web:
Anidamiento en CSS de forma nativa
Parece que en breve estará disponible de forma nativa en CSS el anidamiento de reglas, lo que ofrecen soluciones como Sass o Less. Lo podemos leer en CSS Nesting, specificity and you.
Herramientas para auditar CSS
Muy interesante lo que se explica en CSS Auditing Tools:
How large is your CSS? How repetitive is it? What about your CSS specificity score? Can you safely remove some declarations and vendor prefixes, and if so, how do you spot them quickly? Over the last few weeks, we’ve been working on refactoring and cleaning up our CSS, and as a result, we stumbled upon a couple of useful tools that helped us identify duplicates. So let’s review some of them.
CSS: cómo controlar los puntos de corte cuando se imprime una página
Cómo usar las propiedades de CSS para evitar que se produzcan cortes (saltos de página) en elementos que no se quiera dividir, como por ejemplo, una tabla.
Cómo usar las propiedades de CSS para evitar que se produzcan cortes (saltos de página) en elementos que no se quiera dividir, como por ejemplo, una tabla.
Batalla de CSS
A través del siguiente vídeo:
He descubierto el sitio web CSSBattle en el que se plantean batallas de CSS.
CSS: definición y uso de estilos alternativos
Cómo definir y usar los estilos alternativos de CSS, uso en Mozilla Firefox de forma nativa y en Google Chrome a través de una extensión.
El lenguaje que casi se convierte en CSS
Muy interesante el artículo The Languages Which Almost Became CSS que dice:
When HTML was announced by Tim Berners-Lee in 1991 there was no method of styling pages. How given HTML tags were rendered was determined by the browser, often with significant input from the user’s preferences. It seemed, however, like a good idea to create a standard way for pages to ‘suggest’ how they might prefer to be rendered stylistically.
But CSS wouldn’t be introduced for five years, and wouldn’t be fully implemented for ten. This was a period of intense work and innovation which resulted in more than a few competing styling methods which just as easily could have become the standard.
While these languages are obviously not in common use today, I find it fascinating to think about the world that might have been. Even more surprisingly, it happens that many of these other options include features which developers would love to see appear in CSS even today.
La guía completa de los media queries
Muy completo el documento The complete guide to CSS media queries.
Maquetación minimalista con CSS
En 1-Line Layouts se presentan 10 técnicas básicas de maquetado con CSS que ocupan muy poco:
- Super Centered place-items: center
- The Deconstructed Pancake flex: 0 1 <baseWidth>
- Sidebar Says grid-template-columns: minmax(<min>, <max>) …
- Pancake Stack grid-template-rows: auto 1fr auto
- Classic Holy Grail Layout grid-template: auto 1fr auto / auto 1fr auto
- 12-Span Grid grid-template-columns: repeat(12, 1fr)
- RAM (Repeat, Auto, Minmax) grid-template-columns: repeat(auto-fit, minmax(<base>, 1fr))
- Line Up justify-content: space-between
- Clamping My Style clamp(<min>, <actual>, <max>)
- Respect for Aspect aspect-ratio: <width> / <height>
También hay un vídeo: