posts

Guía interna del equipo IT de la Fundación UMH

Metodología CSS BEM

Metodología CSS BEM

En la terminología de BEM (https://www.espai.es/blog/2016/07/metodologias-css-oocss-bem-smacss/), un bloque es un componente de interfaz de usuario independiente, modular. Un bloque puede estar compuesto de varios elementos HTML, o incluso varios bloques. Un ejemplo de un bloque podría ser un menú de navegación o un formulario de búsqueda. Un elemento es un componente de un bloque. Un elemento sirve un propósito singular. Por ejemplo, si tenemos un bloque de menú de navegación, sus elementos podrían ser los elementos de la lista (elementos li) y los links (elementos a). Un modificador es una clase css que cambia la presentación de un bloque o un elemento.

Caja de diálogo CSS

Caja de diálogo CSS

Con este HTML y CSS puedes montar cajas de diálogo como si fueran bocadillos de cómic.

Encontrar elementos que sobresalen

Encontrar elementos que sobresalen

# Script para encontrar los elementos que provocan el margen blanco

Ejecuta este script en la consola del navegador para encontrar los elementos HTML que sobresalen del document.

Scroll suave entre anclajes

Scroll suave entre anclajes

Con este script, se añade un evento a todos los enlaces con anclajes para que se haga un desplazamiento con efecto «smooth» en la página.