Metodología BEM

Clase 7 de 67 • Curso de HTML5 y CSS3 2015

Dayan Betancourt

student•

La metodología BEM (Bloque - Elemento - Modificador) significa que una web está compuesta de bloques, cada bloque tiene dentro de él elementos y cada elemento puede o no tener un modificador que le indica que estilos o diseño debe presentar.

Jhon Carlos Colorado Angulo

student•

Ok excelente la definición.

Luigi Pizarro Caceda

student•

Ojo que no solo cada "elemento" puede o no tener un modificador. El "Bloque" también puede o no tener modificador. Saludos

maria amaya

student•

BEM: Key concepts
https://en.bem.info/method/definitions/

Enrique José Estrada Núñez

student•

HOla

Acabo de ver este video y solo dijo que es BEM pero no hizo ningun ejemplo. NO es solo decir que es?

hay qe enseñar como se hace

Yeraldin Acevedo Acevedo

student•

BEM ( Bloque - Elemento - Modificador ) se usa así:

.block { }
.block__elemento { }
.block--modificador { }

.panel {} /*Bloque*/

/*elementos */
.panel__heading {}
.panel__title {}
.panel__body {}
.panel__footer {}

/* Modificadores */
.panel--default {}
.panel--primary {}
.panel--danger {}

Leonel Pedrozo Quiroz

student•

Gracias!

Santos Avid Silva Huaman

student•

un buen resumen
http://goo.gl/tYNiZ

Vero Lch

student•

BEM block-element-modifier

Jairo Fernández

student•

**BEM:**Bloque elemento modificador

Brandon Lecklerh Solarte Melenje

student•

BEM: Bloque, Elemento y Modificador

Felipe

student•

este video tiene un leve retraso de imagen respecto al audio, gracias por la introduccion a BEM!

Kevin Caicedo Riascos

student•

metodologia BEM que significa bloque elemento modificador

Erick Orlando Velasco Martínez

student•

Me gusta como explica :)

Gonzalo Torres

student•

BEM: Bloque, Elemento y Modificador

Erick Neftalí Sarmiento Cortes

student•

Ok se le podría decir que BEM es un standard?

Metodología BEM

Bienvenidos

Materiales

Descarga el código del proyecto

Introducción a HTML5 y CSS3

Preguntas antes de la clase

Diferencias entre Backend y Front-end

¿Qué es un Frontend?

¿Qué es HTML y CSS?

Semántica en HTML5