Etiqueta: CSS

Una manera de aprovechar la cascada CSS con <em>custom properties</em>
Una manera de aprovechar la cascada CSS con custom properties

Las custom properties nos proporcionan una manera de tener algo parecido a variables en CSS. Pero ¿estamos utilizando todo su potencial? Aquí tienes una técnica para usar custom properties para evitar repetir código y hacerlo más mantenible.

Leer artículo
Fuentes variables en el mundo real
Fuentes variables en el mundo real

Las fuentes variables son una gran revolución digital que, a pesar de llevar con nosotros cerca de 4 años y de tener un soporte de navegadores superior al 91%, aún cuesta ver en sitios en producción. Este artículo es una pequeña guía para animarte a incluirlas en tu próximo proyecto.

Leer artículo
El color en CSS
El color en CSS

Con CSS actualmente solo podemos acceder al perfil de color sRGB, pero esto va a cambiar pronto con la llegada de las funciones Lab y Lch, preparadas para acceder a todos los colores que ya soportan nuestras pantallas hoy en día.

Leer artículo
CSS aritmético: exprimiendo calc()
CSS aritmético: exprimiendo calc()

Yendo más allá de operaciones matemáticas básicas, podremos aprovechar la capacidad de calc para operar con distintos tipos de unidades a la vez, con el fin de generar estilos más flexibles, con técnicas que no son posibles sólo con pre-procesadores CSS.

Leer artículo
El caso de CSS-in-JS
El caso de CSS-in-JS

Probablemente hayas oído hablar de CSS-in-JS. Puede que seas un firme detractor o un fiel defensor. O simplemente, te da igual. Vamos a hacer un análisis sobre esta forma de escribir CSS y si os puedo ayudar a decidir si se adapta a vuestro contexto, mejor que mejor.

Leer artículo
Aporta valor a tu equipo más allá de HTML, CSS y JavaScript
Aporta valor a tu equipo más allá de HTML, CSS y JavaScript

Así que ya te consideras un experto o experta en HTML, CSS y JavaScript. Pero ¿crees que es lo único que puedes hacer por tu equipo? ¿Qué harías si te dijera que dominar los lenguajes del desarrollo web es solo el principio? Acompáñame para descubrir otras maneras de aportar valor más allá de la programación pura y dura.

Leer artículo
Cómo crear diferentes Sistemas de Votación para tu Web
Cómo crear diferentes Sistemas de Votación para tu Web

Un pequeño tutorial de cómo crear 4 diferentes sistemas de votación para artículos o productos en nuestra web con un poco de HTML, Javascript y mucho CSS nos darán la posibilidad de agregar estos elementos a nuestra página… porque no todo va a ser WordPress y sus plugins.

Leer artículo
Imprimir la web en el siglo XXI
Imprimir la web en el siglo XXI

Hace poco tuve que afrontar en el trabajo una tarea poco habitual: "Dar la oportunidad al usuario de imprimir una web". Ante tan extraño reto y con total libertad para ejecutar este poco frecuente encargo, decidí ponerme a investigar. En el siguiente artículo transmitiré algunos consejos y sugerencias atesoradas durante este proceso.

Leer artículo
🎯 HTML + CSS dan mucho juego
🎯 HTML + CSS dan mucho juego

CSS nos permite construir cosas extremadamente complejas con un puñado de caracteres. El lenguaje ha crecido mucho con los años y el abanico de posibilidades que nos brinda es enorme. Haciendo uso de algunas técnicas conocidas, y otras no tanto, vamos a construir un juego únicamente con HTML y CSS. ¿Lo conseguiremos sin JavaScript? Spoiler: sí.

Leer artículo
Refactorizar: Welcome to the CSS jungle
Refactorizar: Welcome to the CSS jungle

Una de las tareas más ingratas a la que todo frontend ha de enfrentarse alguna vez es limpiar, estructurar y arreglar bugs generados por un código desastroso heredado en el 99% de los casos. Durante el artículo me alejaré de cuestiones moralizantes sobre buen código, centrándome más en trucos, estrategias y experiencias que en su día, me hicieron más fácil el enfrentarme a este tipo de actividad.

Leer artículo
En defensa del noble oficio de maquetador
En defensa del noble oficio de maquetador

Últimamente me entristece ver cómo la maquetación es la parte del trabajo de crear una web que menos se valora, incluso se desprecia. Trabajar con HTML y CSS no es programar, pero también es importante.

Leer artículo
CSS al rescate: UX y Formularios
CSS al rescate: UX y Formularios

Los formularios dieron un salto cualitativo con HTML5, los nuevos tipos de input y la validación por el navegador. Pero podemos ir un paso más allá y mejorar la UX de los mismos gracias a las pseudo-clases CSS3 y algunas pinceladas de la especificación de selectores de nivel 4.

Leer artículo
js(uego)css: Jugando con CSS en JavaScript
js(uego)css: Jugando con CSS en JavaScript

Jugaremos a re-crear CSShake, una librería de animaciones CSS vibrantes, en React.

Leer artículo
Millones de internautas ven la web al revés
Millones de internautas ven la web al revés

La web con patrones rtl (right to left) es una realidad olvidada y mal implementada dentro del mundo del diseño web. Este artículo arroja algunos datos interesantes sobre este mercado de usuarios emergentes, sobre los patrones básicos de diseño y algunas reflexiones sobre su óptima aplicación.

Leer artículo
Responsive luminoso
Responsive luminoso

Hacer un sitio con buena usabilidad abarca muchas facetas, una de ellas es que sea cómodo y agradable de usarlo. Y algo que haría muy agradable la experiencia a cualquier usuario es no tener que desgastar la vista cuando está en la oscuridad ni forzar los ojos cuando hay mucha luz. ¡Ahora es posible adaptar el diseño a la luz!

Leer artículo