</> CodeBooks
    ← Volver a UX y UI (página 1)
    Portada de Introducing Materialize

    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?

    TeóricoPráctico

    Teoría + práctica

    • ✗ Sin ejercicios
    • ✗ Sin proyectos

    Más de UX y UI con nivel Básico