State of CSS 2023: Análisis con Carmen Ansio y Rita Coates

·1h 33m

Introducción al Estado del CSS 2023

En este episodio especial del pódcast, se analizan los resultados de la encuesta anual State of CSS 2023. Con la participación de las expertas Carmen Ansio (frontend engineer y consultora) y Rita Coates, se debate sobre la rápida evolución de la web y la percepción de esta tecnología clave.

La evolución y el menosprecio de CSS

El episodio aborda una problemática persistente en la comunidad: el menosprecio hacia CSS y el frontend en comparación con el backend. Las invitadas discuten:
• La falsa creencia de que "CSS no es programar", cuando en realidad requiere una curva de aprendizaje técnica profunda.
• La fragmentación del ecosistema actual donde, debido a la velocidad de las nuevas features, resulta difícil mantenerse al día.
• La importancia fundamental de CSS y HTML como base, incluso para usuarios de frameworks como Tailwind.

Innovaciones destacadas

Se repasan las funcionalidades que están cambiando la forma de hacer web, destacando:
Container Queries: Un cambio de paradigma frente a las tradicionales media queries.
View Transitions API: El potencial para crear transiciones nativas complejas tipo native app.
Subgrid: Aunque compleja, se reconoce su utilidad para estructuras avanzadas.
Nesting nativo: La llegada de esta funcionalidad a todos los navegadores, reduciendo la dependencia de preprocesadores.

Herramientas y Frameworks

"No quiero que CSS sea como Sass, quiero que sea nativo, quiero que sea estándar". — Reflexión sobre la importancia de la estandarización.

El debate sobre CSS-in-JS refleja una tendencia a la baja en satisfacción, mientras herramientas como Open Props y Panda CSS ganan tracción por su enfoque en Atomic CSS y variables nativas. Se menciona la importancia de no depender exclusivamente de soluciones autogeneradas (como las exportaciones de Figma a código) para evitar el exceso de divs y deuda técnica.

Conclusión y Futuro

Las invitadas concluyen que estamos en la mejor época para el desarrollo web, con un soporte de navegadores sin precedentes. La recomendación final es clara: aprender los fundamentos de CSS para tener control total, independientemente de los frameworks utilizados.

Temas

CSS DesarrolloWeb StateOfCSS Frontend ContainerQueries CSSInJS WebDev Programacion

Capítulos

18 chapters