Se lee en 2 minutos

En este artículo se irán recopilando diferentes recursos gratuitos para aprender Flexbox y CSS Grid. Visita regularmente este artículo para aprender las últimas tecnologías y técnicas de maquetación online.

  1. Un pequeño artículo de David Walsh para aprender a centrar verticalmente con Flexbox. No es reciente, pero te ayudará a dar los primeros pasos en Flexbox [ENG].
  2. Aprende a crear formularios con Flexbox. Otro buen artículo para empezar a manejar Flexbox [ENG].
  3. Artículo que cubre todos los conceptos fundamentales para adquirir una buena base de Flexbox [ENG]. 
  4. Un juego para aprender las bases de Flexbox mientras te diviertes.
  5. Artículo sobre ‘mejora progresiva‘ o ‘progresive enhancement’. Cubre desde la maquetación con ‘floats’,  pasando por Flexbox y llegando a CSS grid [ENG]. 
  6. Mediante animaciones se muestran las distintas opciones y parámetros básicos de Flexbox [ENG]. 
  7. Usando Flexbox como fallback de CSS Grid,  para ampliar la compatibilidad [ENG].
  8. Otro artículo con ejemplos muy visuales para aprender Flexbox desde lo más básico [ENG].
  9. Combinando Flexbox con CSS Grid para conseguir layouts eficientes [ENG].
  10. Once conclusiones sacadas de las especificaciones de Flexbox [ENG]. 
  11. Aprende Flexbox en 10 minutos [ENG].
  12. CSS Grid desde el principio [ENG].
  13. Reemplazando Bootstrap por CSS Grid [ENG].
  14. Enlaces de interés sobre Flexbox, por Ángel Corral Arias, profesor de la escuela Fictizia
  15. Cuadrículas CSS Grid, por Manz. 
  16. Un completo y bien estructurado tutorial online sobre CSS Grid [ENG].
  17. Usando CSS Grid en producción [ENG]. 
  18. Todo acerca de CSS Grid, por Rachel Andrew [ENG].
  19. CSS Grid en 45 minutos. Vídeo de YouTube [ENG]. 
  20. Bases de CSS Grid [ENG].
  21. Plantillas en CSS Grid para ir [ENG]. 
  22. Vídeo de CSS Grid (YouTube) en español.
  23. Resolviendo problemas reales con Flexbox y CSS Grid [ENG].
  24. Introducción a CSS Grid, en español. 
  25. Guía para empezar a entender CSS Grid [ENG]. 
  26. Realizing common layouts using CSS Grid Layout [ENG.]

 

Stay Tuned!!