¿Sabes qué es resilient CSS? El desarrollo web está en constante evolución; los lenguajes de programación añaden cada día una nueva función que revoluciona la industria, y los programadores son cada vez más hábiles para crear diseños más complejos y novedosos. Sin embargo, el desarrollo web también depende del soporte que los navegadores le den a estas nuevas funciones. Muchas veces permitimos que el soporte sea el que detenga nuestra visión en el diseño de nuestra página web.
Sin embargo, hay otras formas de relacionarnos con los soportes de un navegador. Por ello, en este post, te explicamos qué es resilient CSS y cómo nos introduce a una nueva forma de diseñar una página web.
¿Qué es resilient CSS?
A la hora de usar una nueva función en CSS para diseñar nuestra página web, tendemos a pensar en el soporte de navegador como algo que define si la herramienta funciona o no y si podemos usarla o no podemos usarla. Con este pensamiento, creemos que no tenemos control sobre el diseño de nuestra página web, pues el soporte del navegador define qué podemos hacer. Entonces, creemos que debemos llegar a un alto porcentaje de usabilidad para poder agregar una función, pero no es así.
Resilient CSS piensa en las funciones como algo que podemos usar y no podemos usar a la vez, porque funcionan y no funcionan simultáneamente en distintos navegadores y versiones. De esta manera, no tenemos que esperar a que una función se soporte al cien por ciento para usarla en el diseño de nuestra página web.
Entonces, ¿qué es resilient CSS? Resilient CSS se refiere a un método de escritura en CSS que hace que las páginas web funcionen sin importar las características de navegación del usuario. En realidad, esta es la lógica del diseño web. A diferencia del diseño de software, que tiende a tener un funcionamiento dependiente de las características de la máquina, el diseño web cree en ser accesible sin importar las condiciones.
Jen Simmons, diseñadora para Mozilla y defensora del desarrollo web, tiene una lista de vídeos en Youtube que explican de manera detallada cómo usar el resilient CSS. Aunque en este post te hemos hecho una breve introducción para responder qué es resilient CSS, te invitamos a consultar su lista de reproducción para aprender en profundidad sobre esta herramienta.
Ahora que sabes qué es Resilient CSS y entiendes que hay una manera diferente de pensar en el soporte de los navegadores, ¡creemos que es el momento de que empieces a probar funciones de diseño en el documento HTML de tu propia página web! Por ello, te invitamos a inscribirte en nuestro bootcamp intensivo Desarrollo Web Full Stack Bootcamp. Allí, no solo continuarás aprendiendo acerca de los lenguajes de programación web y sus inmensas posibilidades, sino que también los utilizarás para crear tu propio sitio web con ayuda de nuestros profesores. ¿A qué esperas para inscribirte y cumplir tu sueño de ser un desarrollador web? ¡Apúntate ya!
