¡ESCRIBE CSS como un EXPERTO! - BEM TUTORIAL.

[@AlexCGDesign]

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

[@Cssnova]

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

[@luisberoiza227]

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]

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

[@Juancarloscr8]

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

[@bookiethelion]

tremendo capo, muchas gracias 🙏

[@carlosl.5322]

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

[@AlexCGDesign]

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

[@espejolui]

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]

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

[@guillermoalbertorivarola9330]

Grande Alex!

[@AlexCGDesign]

Un saludo Guillermo!!

[@Adormir123]

Yo matandome haciendo paginas a puro css sin framework 🤡

[@dariobocaranda4584]

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

[@diegomarin5098]

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]

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

[@Hamn-mg2yc]

Como se llama tu tema?, saludos

[@AlexCGDesign]

Hola amigo, se llama Tokyio Night

[@Hamn-mg2yc]

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

[@JValenteM92]

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]

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

[@JValenteM92]

@@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)

[@gustavomendez9031]

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]

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

[@mastermaster153]

Si patrón

[@cesarenriquerosalesricalde321]

Genial eh 😊

[@AlexCGDesign]

Gracias por comentar César, un saludo!

[@mastermaster153]

Solución: Tailwind, de nada XD

[@AlexCGDesign]

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