CSS en 2025

una platica por @jailandrade

  • xalapacode co-fundador
  • Diseñador, desarrollador y vendedor de sitios y aplicaciones Web
  • Entusiasta de la web
  • Actualmente trabajo en Sandia
  • hola@sandia.website

Un poco de mi

Escribiendo HTML y CSS desde 2005, cobrando por ello desde 2009

15 años participando en comunidades

Esta charla es la que quiero hacer todos los años

Aunque ha habido años que no la he hecho, pero espero se vuelva una tradición

Nos guste o no

CSS es un lenguaje que tienes que aprender si te quieres dedicar a la Web, ya sea desarrollando o administrandola

Es uno de los 3 lenguajes que tienes que saber: HTML, CSS y JavaScript

Es un lenguaje que todos aprendemos mal

Y cuando eso pasa no queremos o no podemos aprenderlo bien

CSS es un lenguaje declarativo

En el paradigma declarativo los programas se construyen por lo que queremos lograr, en lugar de como queremos lograrlo

Entonces con CSS se trata describir lo que queremos

Dejar de pensar imperativamente

Otros lenguajes declarativos son SQL, por ejemplo

Hoy en día hay tres escuelas principales de pensamiento

CSS vainilla, TailwindCSS, CSS-in-JS

Logo Oficial de CSS Logo Oficial de TailwindCSS

Mi cara antes cuando me hablaban de TailwindCSS

Foto de Mantecada mirando de reojo Foto de Mantecada volteando los ojos

CSS es un lenguaje en constante evolución

Pero eso no significa que tengamos que estar siempre al día

No nos fatiguemos

En el CSS Working Group siempre se andan preocupando porque funcione hacia atras, entonces:

Si quieres usar float usalo

Si quieres usar table para hacer tus layouts usalo

Por eso este sitio aun funciona

Sitio de Space Jam

La unica recomendación que les puedo dar es:

Construyelo para que perdure

Cosas que me emocionan de CSS en 2025

Hay mejor colaboración entre navegadores para implementar nuevos features

Esto aplica no solo a CSS sino a HTML y JavaScript también

El más claro ejemplo es el Interop 2025 que este año va a estar trabajando en que esto funcione en todos los navegadores

  • Anchor Positioning
  • backdrop-filter
  • Core Web Vitals
  • detailselement
  • Layout
  • Modules
  • Navigation API
  • Pointer and Mouse events
  • Remove Mutation events
  • @scope
  • scrollend event
  • Storage Access API
  • text-decoration
  • URLPattern
  • View Transitions
  • WebAssembly
  • Web Compat
  • WebRTC
  • Writing Modes

En CSS si lo rompes

...No pasa nada

Por eso mas vale aplicar lo aprendido, que quedarse con las ganas

Pero si lo rompes y no lo puedes reparar