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.
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
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...
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 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)
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♨️
![Position Relative y Absolute en CSS [Trucos Prácticos]](/img/n.gif)
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
He estado aprendiendo css y html gracias a tu contenido, ahora yo también he lo logrado hacer diseños creativos. Gracias ✌️
Sería bueno videos de otras metodologías como bemit o abem parecidas a bem 😊
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.
Aprendo mucho por la manera en que explicas, gracias por compartir. Saludos.
tremendo capo, muchas gracias 🙏
Excelente pero no entiendo por qué usar doble guión medio o doble guión bajo
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
Que bueno, ¿Oye esta metodología se puede combinar al usar un framework de front, o al ya tener componentes no tendría sentido?
Nos daría una estructura para nombrar clases, aunque igual podríamos usar Tailwind que ya incorpora una metodología de clases de utilidad
Grande Alex!
Un saludo Guillermo!!
Yo matandome haciendo paginas a puro css sin framework 🤡
saludos . con la AI , sera logico aprender eso de html css y demas, si ya una web sale sin mucho esfuerzo?
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...
Si, el saber este conocimiento te puede ayudar a crear proyectos más rápidos gracias a la inteligencia artificial y mejorar tu productividad:)
Como se llama tu tema?, saludos
Hola amigo, se llama Tokyio Night
@@AlexCGDesign Gracias por responder, estoy comenzando a ver tus vídeos y ahora usaré ese tema, saludos
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 '
Hola amigo, pero esa no es la sintaxis de usar pseudoclases?
@@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)
Genial eh 😊
Gracias por comentar César, un saludo!
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♨️
Tienes un prototipo? Podrías etiquetarme en Twitter ahora X jajaja y ahí podría ver si hago un tutorial:)
Si patrón
Solución: Tailwind, de nada XD
También, pero de igual manera tailwind implementa una metodología que se basa en clases de utilidad :)