Las nuevas funciones de CSS mejoran todo lo que sabes sobre diseño web

Acabamos de ofrecerle una serie de observaciones sobre CSS Grid en una nueva publicación de Manuel Matuzović. Grid nos ha dejado boquiabiertos desde que se presentó formalmente y Jen Simmons lo está conectando (entre otras características nuevas) con lo que ella ve como un fenómeno más amplio en la evolución de los diseños en el diseño web.

De las notas de Jeremy Keith sobre la charla de Jen, “Todo lo que sabes sobre diseño web acaba de cambiar” en An Event Apart Seattle 2018:

Este puede ser el sexto punto de este tipo en la historia de la web. Uno de esos puntos donde todo cambia y cambiamos nuestras técnicas… hablemos de diseño. ¿Que sigue? Diseño web intrínseco.

¿Por qué un nuevo nombre? ¿Por qué molestarse? Bueno, fue útil debatir entre diseños fluidos versus fijos o basados ​​en tablas: tener palabras realmente ayuda. En los últimos años, Jen ha necesitado un término para “diseño web responsivo +”.

Ese “+” es la naturaleza intrínseca de la web. ¿Debería utilizar tamaños de imagen flexibles o tamaños de imágenes fijos? ¿Por qué no ambas cosas y dejar que el contexto decidido? CSS Grid juega un papel en esto porque introduce nuevos métodos para que los diseños respondan al contexto intrínseco del elemento, como la frunidad y la minmax()función. No necesariamente necesitamos consultas de medios para que un diseño responda. Y, de igual forma, podemos optar por utilizar un diseño fijo que pase a uno fluido.

A diferencia de mí, Peter Anglea estuvo presente en la presentación y publicó un vídeo que articula maravillosamente el concepto aún más. Además, ¡las diapositivas de Jen!

Si bien aplicar un nombre puede ayudar a conceptualizar un cambio, no estoy tan seguro de que el “Diseño web intrínseco” esté cambiando todo lo que sabemos sobre diseño web. Me gusta pensar en ello más bien como una mejora de lo que entendemos al respecto. Cualquiera que sea la semántica, lo que sin duda están haciendo estas nuevas características de CSS es hacer que CSS sea menos complejo, incluso si el ritmo de estos cambios puede ser vertiginoso a veces y parecer que lo que sabemos se ha puesto patas arriba.