[ad_1]
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)”
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
No es que no lo valga, pero no creen que si bajan un poco más los precios más venden?
Excelente, no más xs-cols-4
Yo use tanto CSS3 con Bootstrap, Esta mal eso??
Bueno ahora hazte unos formularios o unos modal o un header menu etccc con CSS grid. Estas comparando peras con manzanas
Bootstrap se usa más por sus herramentas ya construidas como los modales o ls targetas que por la grid
Hola, sé que el vídeo es antiguo, pero quiero saber si actualmente es común encontrar webs realizadas con css grid.
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.
Css grid lejos lo mejor…se agradece a bootstrap 4….pero es demasiado maravilloso css grid.
Anomames we no sabía eso de los últimos minutos del video lo de Alaing-items center :v😮😮😮 me salvaste el día
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
que buenooo!!! sabes que no encuentro el video de edicion audiovisual que hubo una vez que creo que fue una videoconferencia…lo tienes?
WOW! como sabe este hombre… que increíble!
Excelente Tutorial, dejare boostrap
no estoy de acuerdo… no soy fanboy de framewoks. pero aun se pueden usar muchos de los elementos de bootstrap sin usar su grid
Boostrap es una porquería solo es copiar y pegar no hay lógica de enseñanza uno no aprende nada :/
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 .
Impresionante!
Por cierto: ¿Cuál es el nombre de tu editor?
Que significa 1fr ?
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.
alvaro pero se puede usar css grid y bootstrap a la vez
Jajajaja bastante polémico lo de "no más bootstrap" 😆
Este curso que tal es a comparacion del curso css avanzado del 2017?
Dios cada dia mas me siento en pañales con estas new tecnologias T_T apenas apendiendo CSS.
Disculpa, ¿Sabes como poner todo en medio? Para que al momento de hacer zoom o alejar se mantenga en el centro toda la pagina web…
Merci
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.
Es decir segun su logica bootstrap es solo un grid?
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.
Es Css puro o pre prosesado por less o sass ? Y en caso de ser CSS puro que tan soportado está por los navegadores?
No parece difícil.
Adios bootstramp… …en serio?
Me quedo con bootstrap
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!
No mas Boostsrap, no mas Javascript, no mas PHP, no mas CSS, no mas MySQL, desde ahora solo Python.
Cada día sorprende más esta grandiosa comunidad. Gracias a EDTeam.
Bootstrap sería mejor si usara VanillaJS en vez de JQuery.
excelente
Qué editor está usando?
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!
Bueno, hay que tener la mente abierta, pero es muy osado decir "no mas Bootstrap".
Una vez dije lo mismo del título en el grupo de Facebook y casi me crucifican, hay mucho fanboy de bootstrap.
Ahh.. ese título del vídeo es algo fuerte XD, buen video
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)
tarde o temprano bootstrap terminara implementando css grid como lo hizo con flex box
Wow!!
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!
Yo te quiero mucho Álvaro pero seguiré usando bootstrap, ajajaja. Abrazo grande!
#hailEDteam