Etiqueta: CSS
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.
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.
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.
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.
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.
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.
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.
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.
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í.
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.
Ú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.
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.
Jugaremos a re-crear CSShake, una librería de animaciones CSS vibrantes, en React.
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.
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!
