MDN publicó una guía completa de Flexbox con materiales nuevos y actualizados de Rachel Andrew. La guía incluye 11 publicaciones que muestran diseños, casos de uso y todo lo que pueda desear o necesitar saber sobre el tema. Todas las propiedades relacionadas de Flexbox se adjuntan agradable y convenientemente a la tabla de contenido, lo que lo hace extremadamente fácil de usar.
En esta publicación, Rachel agrega pensamientos útiles y contexto sobre Flexbox. Su comentario sobre que Flexbox fue tratado inicialmente como una solución milagrosa para todos nuestros problemas de diseño me llamó la atención:
Antes del envío de Grid, Flexbox se veía como la especificación para resolver todos nuestros problemas de diseño, sin embargo, gran parte de la dificultad de usar Flexbox es cuando intentamos usarlo para crear el tipo de diseños bidimensionales para los que Grid está diseñado. Una vez más, nos encontramos luchando para persuadir a un método de diseño de hacer cosas para las que no fue diseñado.
Culpable de los cargos. Recuerdo estar tan ansioso por deshacerme de los flotadores y aprender una nueva sintaxis que traté a Flexbox como una clavija cuadrada tratando de encajar en un agujero redondo. Eso definitivamente me mordió en al menos un proyecto.
Lo más importante de esta guía es que forma una especie de trifecta de materiales de referencia sobre las especificaciones de diseño proporcionadas por CSS: Flexbox, Grid y otras propiedades de Box Alignment.
Ah, y ya que estamos en el tema, tenemos guías Flexbox y Grid aquí en CSS-Tricks. Nunca se puede aprender demasiado, ¿verdad?
Enlace directo →