Deprecated: Function create_function() is deprecated in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/plugins/wp-automatic/wp-automatic.php on line 70

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; COUNT_CLASS has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/functions.php on line 1713

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; sidebar_generator has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/plugins/multiple_sidebars.php on line 29

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_video_widgets has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/video.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_soundcloud has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/soundcloud.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_counter_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/social-counter.php on line 9

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_news_in_pic has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/new-in-pic.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Flickr_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/flickr.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_fb_likebox has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/fb.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_google_follow has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/google-follow.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_popular has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/popular-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_recent_posts has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/recent-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_cate_posts has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/category-posts.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; tabs_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/tabs.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_youtube_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/youtube-subscribe.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_social_links has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/social-links.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_comments_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/comments.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_author_bio has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/bio-author.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_login has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/login.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_search_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/search.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_120_600_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads120.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_125_125_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads125.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_250_250_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads250.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; Ad_300_300_Widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/ads300.php on line 7

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_tweets_load has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/twittes.php on line 10

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; feedburner_widget has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/newsletter.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_related has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/related.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_slider has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/slider.php on line 6

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; bd_top_rate has a deprecated constructor in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/themes/renad/includes/widgets/top-review.php on line 6
Diseño web con CSS Grid (no más Bootstrap) | D4mations.com
  • Thursday , 4 March 2021

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

Code Canyon
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

3d Ocean

Related Posts

49 Comments

  1. EDteam
    January 15, 2021 at 23:13

    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

  2. Ruperta Ruperto
    January 15, 2021 at 23:13

    No es que no lo valga, pero no creen que si bajan un poco más los precios más venden?

  3. Gustavo Allfadir
    January 15, 2021 at 23:13

    Excelente, no más xs-cols-4

  4. Anthony Eduardo Nuñez Canchari
    January 15, 2021 at 23:13

    Yo use tanto CSS3 con Bootstrap, Esta mal eso??

  5. __
    January 15, 2021 at 23:13

    Bueno ahora hazte unos formularios o unos modal o un header menu etccc con CSS grid. Estas comparando peras con manzanas

  6. Sebastián Urbano
    January 15, 2021 at 23:13

    Bootstrap se usa más por sus herramentas ya construidas como los modales o ls targetas que por la grid

  7. Nataa naat
    January 15, 2021 at 23:13

    Hola, sé que el vídeo es antiguo, pero quiero saber si actualmente es común encontrar webs realizadas con css grid.

  8. Pablo Sosa
    January 15, 2021 at 23:13

    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.

  9. David Martinez Perez
    January 15, 2021 at 23:13

    Css grid lejos lo mejor…se agradece a bootstrap 4….pero es demasiado maravilloso css grid.

  10. Keny Cristofer Rangel
    January 15, 2021 at 23:13

    Anomames we no sabía eso de los últimos minutos del video lo de Alaing-items center :v😮😮😮 me salvaste el día

  11. Bomba Sumergible
    January 15, 2021 at 23:13

    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

  12. gesaporiti
    January 15, 2021 at 23:13

    que buenooo!!! sabes que no encuentro el video de edicion audiovisual que hubo una vez que creo que fue una videoconferencia…lo tienes?

  13. Carlos Daniel Viera Pérez
    January 15, 2021 at 23:13

    WOW! como sabe este hombre… que increíble!

  14. Quinta Online
    January 15, 2021 at 23:13

    Excelente Tutorial, dejare boostrap

  15. viktor giraldo
    January 15, 2021 at 23:13

    no estoy de acuerdo… no soy fanboy de framewoks. pero aun se pueden usar muchos de los elementos de bootstrap sin usar su grid

  16. Joel Ventura
    January 15, 2021 at 23:13

    Boostrap es una porquería solo es copiar y pegar no hay lógica de enseñanza uno no aprende nada :/

  17. G Garcia
    January 15, 2021 at 23:13

    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 .

  18. Javi Martín
    January 15, 2021 at 23:13

    Impresionante!
    Por cierto: ¿Cuál es el nombre de tu editor?

  19. Edwin Saenz
    January 15, 2021 at 23:13

    Que significa 1fr ?

  20. Daniel Leonardo Arevalo Padilla
    January 15, 2021 at 23:13

    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.

  21. Codigo Rapido
    January 15, 2021 at 23:13

    alvaro pero se puede usar css grid y bootstrap a la vez

  22. Facundo Azambuya
    January 15, 2021 at 23:13

    Jajajaja bastante polémico lo de "no más bootstrap" 😆

  23. Eduardo Javier
    January 15, 2021 at 23:13

    Este curso que tal es a comparacion del curso css avanzado del 2017?

  24. Elie Network
    January 15, 2021 at 23:13

    Dios cada dia mas me siento en pañales con estas new tecnologias T_T apenas apendiendo CSS.

  25. el maldito oso judio
    January 15, 2021 at 23:13

    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…

  26. Menn Anna
    January 15, 2021 at 23:13

    Merci

  27. Educación & DIY
    January 15, 2021 at 23:13

    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.

  28. Marce Software
    January 15, 2021 at 23:13

    Es decir segun su logica bootstrap es solo un grid?

  29. Mercham Peru
    January 15, 2021 at 23:13

    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.

  30. Jorge Alberto Ortega Ceja
    January 15, 2021 at 23:13

    Es Css puro o pre prosesado por less o sass ? Y en caso de ser CSS puro que tan soportado está por los navegadores?

  31. Claudio 12962
    January 15, 2021 at 23:13

    No parece difícil.

  32. Logan J.
    January 15, 2021 at 23:13

    Adios bootstramp… …en serio?

  33. Zeck M
    January 15, 2021 at 23:13

    Me quedo con bootstrap

  34. Vlufire
    January 15, 2021 at 23:13

    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!

  35. Justin Bieber
    January 15, 2021 at 23:13

    No mas Boostsrap, no mas Javascript, no mas PHP, no mas CSS, no mas MySQL, desde ahora solo Python.

  36. sOxTw - Joel
    January 15, 2021 at 23:13

    Cada día sorprende más esta grandiosa comunidad. Gracias a EDTeam.

  37. Juan Manuel Batty Linero
    January 15, 2021 at 23:13

    Bootstrap sería mejor si usara VanillaJS en vez de JQuery.

  38. Nelson Daniel Rosales
    January 15, 2021 at 23:13

    excelente

  39. MitxelVlogs
    January 15, 2021 at 23:13

    Qué editor está usando?

  40. Tirso Lecointere
    January 15, 2021 at 23:13

    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!

  41. José Gregorio
    January 15, 2021 at 23:13

    Bueno, hay que tener la mente abierta, pero es muy osado decir "no mas Bootstrap".

  42. Wilson Díaz
    January 15, 2021 at 23:13

    Una vez dije lo mismo del título en el grupo de Facebook y casi me crucifican, hay mucho fanboy de bootstrap.

  43. Jheyson Arciria
    January 15, 2021 at 23:13

    Ahh.. ese título del vídeo es algo fuerte XD, buen video

  44. Juan Camilo Amézquita
    January 15, 2021 at 23:13

    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)

  45. Carlos Hurtado
    January 15, 2021 at 23:13

    tarde o temprano bootstrap terminara implementando css grid como lo hizo con flex box

  46. ChiKler
    January 15, 2021 at 23:13

    Wow!!

  47. Sky so blue
    January 15, 2021 at 23:13

    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!

  48. Omaaar cito
    January 15, 2021 at 23:13

    Yo te quiero mucho Álvaro pero seguiré usando bootstrap, ajajaja. Abrazo grande!

  49. Miguel Bonifaz
    January 15, 2021 at 23:13

    #hailEDteam

Leave A Comment

You must be logged in to post a comment.