
Introducing Materialize
Anirudh Prabhu, Aravind Shenoy
- Editorial
- Apress
- Año
- 2016
- Páginas
- ~134
- Nivel
- Básico
De qué trata
Introducción práctica a Materialize, el framework frontend responsive basado en el lenguaje Material Design de Google, escrita por Anirudh Prabhu (desarrollador de interfaces con más de siete años de experiencia) y Aravind Shenoy (redactor técnico), y publicada por Apress en 2016, cuando el framework estaba en sus versiones 0.x. Se presenta como una alternativa a Bootstrap o Foundation con estética Material, y está pensada para desarrolladores y diseñadores web que ya conocen HTML, CSS, JavaScript y jQuery, desde principiantes hasta perfiles con experiencia.
A lo largo de seis capítulos breves explica los principios de Material Design y qué es Materialize, cómo descargarlo y configurarlo (incluida la versión con Sass), y luego recorre el sistema de rejilla de 12 columnas con contenedores, offsets, push y pull, la navegación lateral responsive y las clases helper (alineación, floats, ocultar contenido, truncado, efectos hover). Sigue con el estilo de elementos: paleta de colores, imágenes y vídeos responsive, sombras, tablas, tipografía y citas; los componentes JavaScript basados en jQuery (collapsibles, toasts, tooltips, dropdowns, modales, ScrollFire, ScrollSpy, SideNav, pestañas, efecto Waves, transiciones y carruseles); y los componentes de interfaz como badges, botones, tarjetas, chips, colecciones, pies de página y elementos de formulario (inputs, textareas, selects, radios, checkboxes, switches y date picker).
Funciona como una guía de referencia comentada con fragmentos de código para cada componente, más que como un proyecto guiado de principio a fin. Es útil para maquetar rápido interfaces con aspecto Material sin diseñar desde cero, pero hay que tener en cuenta que el contenido corresponde a versiones antiguas del framework, dependientes de jQuery: Materialize 1.0 (2018) eliminó esa dependencia y cambió parte de la inicialización de componentes, y el proyecto original quedó después sin mantenimiento activo. Conviene contrastarlo con la documentación actual o con el fork comunitario antes de usarlo en proyectos nuevos.
- Materialize
- Material Design
- CSS responsive
- Sistema de rejilla
- Sass
- Clases helper
- Componentes JavaScript
- jQuery
- Formularios
- Tipografía y color
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✗ Sin proyectos

