Diseño web con CSS Grid (no más Bootstrap)



https://i.ytimg.com/vi/XFhYf9GNyY0/hqdefault.jpg



CSS Grid es increible, nos permite crear diseños complejos con muy pocas líneas de código. Ya puedes decirle adiós a los frameworks. Este video es parte de nuestro curso de CSS Grid. Mira el temario completo en: https://ed.team/cursos/css-grid

Visítanos en nuestra página web https://ed.team
Conoce nuestros cursos https://ed.team/cursos
Síguenos en Facebook: https://ed.team/facebook
Siguenos en Instagram: https://ed.team/instagram
Síguenos en Twitter: https://ed.team/twitter

Únete a la comunidad Escuela Digital https://ed.team/comunidad

Original source


49 responses to “Diseño web con CSS Grid (no más Bootstrap)”

  1. este tipo de conocimiento en diseño web es muy útil, muchas gracias por ejemplo tan práctico, siempre es agradable saber que hay una manera «más limpia» y liviana de escribir código y que sea de buena práctica.

  2. Hola, Les escribo desde General Heliodoro Castillo Guerrero Mx Me gustó mcuho el vid, Alguien que pueda intercambiar links? Tengo mi página web Ando mejorando el SEO de mi pagina ppal. en mi canal esta mi correo Gracias! Saludos

  3. Alvaro consejos boostratp quita trabajo y deja vender ideas para que seas más usado como boostrapt tienes que quitar la necesidad de escribir ese codigo repetitivo y no solo un esqueleto si no ir más allá porque boostrapt se usa mucho no por lo bonito si no porque me toma 2 minutos hacer un slider y enseñar mi idea para que venda dinero y con eso dejaran de usarlo. Porque al final si yo vendo platos con diseños sofisticados y quiero hacer un portal web no me voy a fijar cual me enseña más si no quien me hace vender mi idea más rapido. por eso usan más window que linux ya que windows es rapido,sencillo y practico y no porque sea el mejor .

  4. Hay muchos que sobre valoran a bootstrap por x o y razon pero en si ya lo veo obsoleto a nivel de que lo que quieren las empresas en el ejemplo muy claro la pagina oficial de apple ahí no encontraras nada de bootstrap al igual que las paginas de google, ademas eso es incentivar a que la creatividad se valla al carajo en usar framework como lo es bootstrap ademas cuando te pidan algo muy pero muy especifico a la mala tendrás que usar CSS nativo o pre-procesadores de css como lo son sass o less, en mi opinión me gusta mas este tipo de tecnologías ya que ahorra un chingon en entender la forma de trabajar imagínate ese poquito código que mostraste EDteam en cambio con bootstrap se alargarían como mas de 300 lineas y eso hablando para hacer la primera grilla para escritorio y ni hablemos de las media querys para cada dispositivo, ya rondarían las 2500 lineas si no mas aquí por el contrario ya implementa de manera mas interna las medias querys sin tener que usar tanta cosa, ademas es re fácil de usar ademas si hablamos de desarrollo del frontend es mejor ir por alguna libreria o framework que si son para ello como Angular 6, ReactJS, Polymer o VueJS entre otros; muchas gracias EDteam por mostrar esta grandiosa herramienta.

  5. Pense que diria, no mas EDGrid, que tambien es buen layouts y su clase dev, pero bootstrap no solo se lo utiliza por el layout, sino para no volver a inventar la rueda con estilos, una forma limpia y detallada o especifica se debe hacer en css puro pero algo funcional cotidiano, bootstrap sin complicaciones que para eso existen los frameworks.

  6. amigo una pregunta, hace poco descargue una plantilla en bootstrap, pero me vino en archivos desconocidos para mi, y yo lo quería en html5 para blogger y no se que hacer por que de verdad me gusto la plantilla, crees que se pueda convertir esos archivos en html5 para blogger, y si podrías ayudarme a convertirlo seria aun mejor gracias.

  7. siempre he visto a bootstrap, solamente para maquetar rápidamente y ver el diseño de una pagina. pues como solo uso el grid, aun que claro que también lo he usado para proyectos, pero pues esperando que la versión 4 se pueda personalizar para solo descargar el grid, Excelente video!

  8. Veo mal que den a entender que bootstrap solo sirve para los layouts cuando lo comparan con css grid, sí que el grid system es gran parte de bootstrap pero este también ofrece mil herramientas más que no son para hacer layout. Seguiré utilizando bootstrap aunque exista css grid (de hecho, aún no sé del primero que dejó de utilizar bootstrap para utilizar css grid; son cosas totalmente distintas). Gracias por el video de css grid, muy explicativo!

  9. No mas Bootstrap???,,, la mayoría usa bootstrap no solo por el grid, lo usan por toda su funcionalidad, estilos etc… Pienso que es bueno saber siempre las base de cualquier herramienta pero al final los frameworks nos echan una mano muy grande al momento de desarrollar, en la próxima versión de Bootstrap se incluirá el sistema Grid y un montón de features más que potenciaran mas el framework haciendonos la vida más facil (aunque pienso que siempre debemos conocer las bases de las herramientas que utilizamos)

  10. Está muy interesante esto pero Bootstrap me quita bastante trabajo y seguro que haré el curso de CSS Grid cuando pueda por que esto es FUNDAMENTAL para el Front-end pero de momento seguiré trabajando con Bootstrap, gracias por el aporte!

Leave a Reply