¡ESCRIBE CSS como un EXPERTO! - BEM TUTORIAL.

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

Комментарии • 29

  • @AlexCGDesign
    @AlexCGDesign  10 месяцев назад

    📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss

  • @Cssnova
    @Cssnova 9 месяцев назад +1

    He estado aprendiendo css y html gracias a tu contenido, ahora yo también he lo logrado hacer diseños creativos. Gracias ✌️

  • @luisberoiza227
    @luisberoiza227 9 месяцев назад

    que buena metodología de trabajo para usar css, siempre me había estado rompiendo la cabeza para modularizar mi codigo css, llegando a escribir algo parecido.
    muchas gracias por compartir.

  • @soran2290
    @soran2290 8 месяцев назад +1

    Sería bueno videos de otras metodologías como bemit o abem parecidas a bem 😊

  • @Juancarloscr8
    @Juancarloscr8 9 месяцев назад

    Aprendo mucho por la manera en que explicas, gracias por compartir. Saludos.

  • @bookiethelion
    @bookiethelion 7 месяцев назад

    tremendo capo, muchas gracias 🙏

  • @Adormir123
    @Adormir123 9 месяцев назад +1

    Yo matandome haciendo paginas a puro css sin framework 🤡

  • @espejolui
    @espejolui 9 месяцев назад

    Que bueno, ¿Oye esta metodología se puede combinar al usar un framework de front, o al ya tener componentes no tendría sentido?

    • @AlexCGDesign
      @AlexCGDesign  9 месяцев назад

      Nos daría una estructura para nombrar clases, aunque igual podríamos usar Tailwind que ya incorpora una metodología de clases de utilidad

  • @carlosl.5322
    @carlosl.5322 10 месяцев назад +2

    Excelente pero no entiendo por qué usar doble guión medio o doble guión bajo

    • @AlexCGDesign
      @AlexCGDesign  10 месяцев назад +1

      Para indicar que es un elemento o un modificador, esta estructura es la que propone BEM, en cierta medida es muy genial porque cuando te acostumbras, ya sabes en CSS que elementos modificas, por ejemplo .nav__link, sin ver mi HTML ya se que se trata de un enlace de un bloque de navegación, y eso hace nuestro código CSS más legible

  • @guillermoalbertorivarola9330
    @guillermoalbertorivarola9330 10 месяцев назад

    Grande Alex!

  • @Hamn-mg2yc
    @Hamn-mg2yc 9 месяцев назад

    Como se llama tu tema?, saludos

    • @AlexCGDesign
      @AlexCGDesign  9 месяцев назад

      Hola amigo, se llama Tokyio Night

    • @Hamn-mg2yc
      @Hamn-mg2yc 9 месяцев назад

      @@AlexCGDesign Gracias por responder, estoy comenzando a ver tus vídeos y ahora usaré ese tema, saludos

  • @JValenteM92
    @JValenteM92 9 месяцев назад

    Supongo que esto también sería BEM cambie los __ por : en CSS se usa así, un ejemplo ' .nav\:list | .item\:active '... se me hace más fácil.
    En HTML se usaría de esta forma ' .nav:list | .item:active '

    • @AlexCGDesign
      @AlexCGDesign  9 месяцев назад

      Hola amigo, pero esa no es la sintaxis de usar pseudoclases?

    • @JValenteM92
      @JValenteM92 9 месяцев назад

      @@AlexCGDesign si, pero al anteponer \ ya dejaría de ser una pseudoclase, y se transformaría como un - o _! Lo he probado con .width\:50\% en css y html .width:50% y funciona, deberías probarlo... (es raro, pero funciona)

  • @dariobocaranda4584
    @dariobocaranda4584 10 месяцев назад

    saludos . con la AI , sera logico aprender eso de html css y demas, si ya una web sale sin mucho esfuerzo?

    • @diegomarin5098
      @diegomarin5098 10 месяцев назад +1

      sino sabes las bases y lo elemental menos lo mas avanzado te abrumaria sino tienes conceptos claros para saber utilizar los prompt para saber donde estan los bugs y mejorarlos...

    • @AlexCGDesign
      @AlexCGDesign  10 месяцев назад +1

      Si, el saber este conocimiento te puede ayudar a crear proyectos más rápidos gracias a la inteligencia artificial y mejorar tu productividad:)

  • @cesarenriquerosalesricalde321
    @cesarenriquerosalesricalde321 10 месяцев назад

    Genial eh 😊

    • @AlexCGDesign
      @AlexCGDesign  10 месяцев назад +1

      Gracias por comentar César, un saludo!

  • @gustavomendez9031
    @gustavomendez9031 10 месяцев назад

    Alex me puede ayudar a hacer una Isla Dinámica, es un menú en la parte inferior del navegador, que cuando le de click a un botón se extienda, y que salgan los iconos así en esa isla dinámica así como Windows 11, te puedo explicar mejor si no me entiendes♨️

    • @AlexCGDesign
      @AlexCGDesign  10 месяцев назад +1

      Tienes un prototipo? Podrías etiquetarme en Twitter ahora X jajaja y ahí podría ver si hago un tutorial:)

    • @mastermaster153
      @mastermaster153 9 месяцев назад

      Si patrón

  • @mastermaster153
    @mastermaster153 10 месяцев назад +3

    Solución: Tailwind, de nada XD

    • @AlexCGDesign
      @AlexCGDesign  9 месяцев назад +4

      También, pero de igual manera tailwind implementa una metodología que se basa en clases de utilidad :)