Mejora tu CSS en un 100% con el enfoque BEM | metodología BEM
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- El enfoque BEM permite estructurar y organizar código de manera clara, ya que cada clase tiene un propósito específico y se evitan los conflictos de estilos. #metodologia #enfoque #bem #css
Conviértete en miembro del canal recibe beneficios y apoya la creación de nuevo contenido:
/ @juandavid_dev
Aprende Manejo del DOM JS:
• Curso Práctico Manejo ...
Aprende Flexbox y posicionamiento de elementos en pantalla:
• Aprende CSS flexbox de...
Aprende JS:
• Curso de JavaScript de...
Redes Sociales:
/ juandavid_dev
/ juandavid_dev
/ juandavid_dev
/ jdoc.dev.page
![ถามตรงๆ กับ อาจตุพร ทำไม ประเทศไทย ใครเป็นนายก ก็โดนด่า พอออกเเล้วคนคิดถึง!!?? l [Nickynachat]](http://i.ytimg.com/vi/3YFLMXxBGAs/mqdefault.jpg)
Muchas gracias, muy bien explicado!
Mas claro imposible, me hiciste entender en menos de 10 minutos lo que busqué por horas para dominarlo.
Me alegra saber que el video te haya sido de ayuda.
Excelente explicación, gracias!!!😀
Me alegra mucho que sirva de ayuda en proceso de aprendizaje. Un saludo.
Sos muy claro explicando..! Muchas gracias!!
Bien explicado 😃
Duda… En los «navbar__link», si le agregamos un modificador, la clase quedaría así ¿No? «navbar__link--select», con lo cual, al final, ese ítem quedaría con dos clases, «navbar__link navbar__link--select». Es lo mismo que haces con el «navbar» y el «navbar--secondary».
Hola, ¿qué tal? Si, es correcto, aunque es un tema de gustos, ya que CSS permite agregar múltiples clases simplemente dejando un espacio, ósea que podrías agregar una segunda clase llamada active (navbar__link active) la cual puede ser agregada o quitada según la necesidad usando JavaScript.
Saludos.
Genial
Gracias me has ayudado a entender mejor las clases en css
¡Genial! Me alegra mucho leer estos comentarios 🥳
Muy bien explicado, tal vez a simple vista no se aprecia la utilidad de BEM, pero cuando un proyecto empieza a escalar siempre es bueno guiarse por alguna convencion para hacer el codigo mas limpio
Super útil, muchas gracias.
He escuchado y visto demasiado el tema de BEM y sin embargo, siguen solicitando el dominio de Bootstrap u otras librerías y frameworks de diseño 🥺
Te entiendo, ya que aunque BEM ofrece flexibilidad y control, Bootstrap, Tailwind y otros frameworks son populares por su facilidad de uso y rapidez.
Sos un capo, te amo.
¡Lo hago con cariño para todos ustedes, gracias por ver!
Buen video ✌, ¿consulta por qué no sería 'navbar__link--select' en lugar de 'link--select'?" 🤔
Hola, ¿qué tal? Perfectamente, podrías llamar los 3 links de esa forma y agregar un modificador al que consideres, lo importante sería estructurar los nombres de forma clara y entendible. Sin embargo, lo ideal sería que llamaras los modificadores con dos guiones al medio "link--active" y las clases principales con 2 guiones abajo "link__select" Un saludo.
Vale, muchas gracias por la aclaración @@juandavid_dev 🙌
En vez de usar BEM podéis usar CSS modules que es un enfoque más moderno y sencillo.
Gracias por el aporte, un saludo.
Primer comentario