usó Bootstrap. Y Bootstrap hizo que todo se viera bastante similar. Bootstrap también fue uno de los momentos de
framework en los que usamos muchos preprocesadores, que todavía hacemos hasta este día. Echando un vistazo a este archivo de hace tiempo, esto está usando LESS, que es un antiguo preprocesador
CSS. Podías hacer cosas como crear propiedades personalizadas o variables con este símbolo de arroba o de dólar. Y tenías estas funciones incorporadas como darken que modificarían tus colores o variables para ti. Y eso fue realmente agradable porque de nuevo
CSS en ese momento era un poco débil. Hay un linaje interesante, creo con los preprocesadores
CSS. Hay
CSS, luego encima de eso teníamos hojas de estilo sintácticamente impresionantes o SASS, que a menudo se comparaba con Ruby porque tenían una sintaxis similar a esa en CoffeeScript. Luego tuvimos LESS que son hojas de estilo más delgadas. Parecía un poco más como
CSS, a la gente le gustaba eso. Así que también nos subimos a ese patrón con SCSS que significa, lo adivinaste, Sassy
CSS. Es una secuela, un predecesor de algunas de las cosas que tenemos hoy. Ahora, esto en realidad se parece bastante a los preprocesadores que vimos en el panorama de
JavaScript. CoffeeScript salió con una sintaxis muy parecida a Ruby, y luego tenemos Babel y
TypeScript que vienen después de eso que son un poco como less en que estaban más cerca del núcleo. De todos modos, al mismo tiempo, la gente estaba trabajando y pensando en futuras adiciones a
CSS, y finalmente tuvimos
CSS 3. Y todavía está saliendo hasta el día de hoy. Estamos agregando constantemente a nuevas áreas de
CSS. Una de las cosas que puedes hacer en
CSS que no podías tan fácilmente antes era centrar. ¡Increíble! Puedes usar esta nueva cosa impresionante llamada flex, y puedes decir, por ejemplo, que la altura de mi contenedor es del 100%, y es flex con centrado, horizontal y vertical. Así que no me gusta escuchar a la gente decir más, oh, es imposible centrar en
CSS. Solía ser un poco difícil, pero trabajaron en ello. Y todo este ciclo que hemos visto aquí de primitivas y
frameworks y todo esto se repite continuamente en nuestra industria y en otras. Y lo llamo el ciclo de primitivas
innovation. Primero obtenemos un montón de primitivas como
CSS que son mejores que lo que teníamos antes. Y luego ideamos sobre las dificultades comunes, encontramos alguna manera en el terreno del usuario para hacer algunas soluciones competidoras para ellas, digamos
frameworks o meta procesadores. Y luego construimos eso en el lenguaje. Mientras
CSS y less y SASS y SCSS están todos revoloteando, la gente trabaja en el futuro
CSS. Y como ejemplo de eso en particular, ahora tenemos variables
CSS. Puedes hacer esas cosas de arroba o signo de dólar de less y SASS solo en
CSS Puro. Y esto es compatible con todos los navegadores evergreen. Lo que nos lleva a nuestra primera conclusión de la charla,
Comments