Aprendiendo a utilizar Flexbox

¿Haces skins para foros? ¿Te ves constantemente utilizando propiedades como display: inline-block o float? Entonces deja lo que estés haciendo y aprende Flexbox. Tu cabeza te lo agradecerá. Además, si siempre has querido aprender a hacer skins pero se te hacía muy complicado, quizás Flexbox te ayude a resolver alguna de tus dudas o problemas.

Centrado horizontal y vertical «like a boss»

Si llevas tiempo diseñando tus propios skins o incluso creando tablillas, fijo que has tenido la necesidad de centrar algo alguna vez. Lo más probable es que tengas un método para centrar de manera horizontal, pero cuando intentas centrar de manera vertical, mágicamente el centrado se vuelve un dolor de cabeza. En las siguientes líneas haré que eso se acabe de una vez por todas.

Columnas «like a boss»

A veces hacer que dos elementos se muestren uno al lado de otro puede ser difícil, al menos hasta ahora. Gracias a esta guía el hacer columnas será cuestión de segundos.

Variables CSS

El lenguaje CSS ha sufrido unas cuantas mejoras desde que la especificación de su versión número tres salió a la luz. De entre las mejoras, siempre he estado siguiendo de reojo a la evolución de las variables CSS, puesto que suponen un gran avance en la editabilidad y escalabilidad de los códigos CSS.

Considero que esta característica ha madurado lo suficiente y tiene el soporte necesario por parte de los navegadores más corrientes para poder ser utilizado a día de hoy. Es por ello que os vengo a informar sobre ella y a enseñaros, de forma general, cómo utilizarla.

Continuar leyendo “Variables CSS”