¡ESCRIBE CSS como un EXPERTO! - BEM TUTORIAL.
HTML-код
- Опубликовано: 25 июл 2024
- 📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 www.hostinger.com/alexcg
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
Desde hoy no volverás a tener errores en CSS, porque desde hoy escribirás código CSS modular, mantenible y con las mejores practicas, ya no te romperás más la cabeza pensando en nombres para tus clases y a comparación escribirás un código CSS impecable, gracias a la metodologia BEM.
-----------------------------------------------------------------------------------------------------------------------------
Aprende CSS (Desde CERO en RUclips) 👉 • 🚀 Curso CSS PARA PRINC...
-----------------------------------------------------------------------------------------------------------------------------
CURSOS COMPLETOS:
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 alexcgdesign.com/descuento-di...
-----------------------------------------------------------------------------------------------------------------------------
00:00 La mejor manera de escribir código CSS.
00:28 Proyecto sin una metodología.
09:24 Desventajas de no usar una metodología en CSS.
11:24 Utilizando BEM de manera PRACTICA
✉️ Redes sociales:
Blog de desarrollo web: www.alexcgdesign.com/blog
Twitter: / alexcgdesign
Facebook: goo.gl/7o77tx
Linkedin: goo.gl/byCJnS
Instagram: / alexcg_design
Github: github.com/AlexCGDesign 
Наука
![MAF Teeski - Whole Thing (feat. VonOff1700) [Official Music Video]](http://i.ytimg.com/vi/SHWEj-ndz6g/mqdefault.jpg)
📘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 ✌️
Aprendo mucho por la manera en que explicas, gracias por compartir. Saludos.
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.
tremendo capo, muchas gracias 🙏
Sería bueno videos de otras metodologías como bemit o abem parecidas a bem 😊
Grande Alex!
Un saludo Guillermo!!
Genial eh 😊
Gracias por comentar César, un saludo!
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
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
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:)
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
Yo matandome haciendo paginas a puro css sin framework 🤡
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)
Solución: Tailwind, de nada XD
También, pero de igual manera tailwind implementa una metodología que se basa en clases de utilidad :)