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.
Tag: CSS
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 …
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 …
Una hoja de estilo CSS que simula documentos Latex
Muy curioso el estilo Latex.css. Aquí lo he usado en mi página personal Sergio Luján Mora.
Un estilo CSS simple y elegante
El estilo new.css es simple y elegante. Aquí lo he usado en mi página personal Sergio Luján Mora.
Cómo alinear las cosas en CSS
Imprescindible el artículo How To Align Things In CSS: There are a few ways to align elements in CSS. In this article, Rachel Andrew explains what they are with some tips to help you remember which to use and why. …
Cómo manipular los colores CSS con JavaScript
Un excelente artículo How to manipulate CSS colors with JavaScript: I know you’re here to learn about manipulating colors — and we’ll get there. But before we do, we need a baseline understanding of how CSS notates colors. CSS uses two different …
Recetas de CSS
Muy interesante todo lo que se explica en CSS Layout cookbook de Mozilla Developer Network: The CSS layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites. In addition to …
Un ejemplo de CSS Grid
En Un billete de tren diseñado al completo con CSS Grid se muestra un ejemplo de las posibilidades que ofrece CSS Grid Level 1, aunque ya se está trabajando en Level 2.