Learn Material Design

Explore Google's Material Design language and learn how to apply its principles to your UI designs, creating beautiful and cohesive interfaces.
  1. Cómo recrear la etiqueta flotante de Material Design

    Cómo recrear la etiqueta flotante de Material Design

    Tutorial Beginner

    Cuando se trata de crear formularios en páginas web, la accesibilidad y el diseño deben ir de la mano.  Idealmente, cada campo de entrada deberías tener...

  2. Cómo personalizar Contact Form 7 para WordPress: etiquetas flotantes

    Cómo personalizar Contact Form 7 para WordPress: etiquetas flotantes

    Tutorial Intermediate

    Es posible que hayas visto formularios en los que el texto marcador de posición es animado cuando comienzas a escribir en ese campo de entrada. Este patrón...

  3. Cómo crear una página de aterrizaje animada con Bootstrap y Material Kit

    Cómo crear una página de aterrizaje animada con Bootstrap y Material Kit

    Tutorial Intermediate

    En un tutorial pasado, analizamos cómo crear una página de aterrizaje responsiva con Bootstrap 4. Hoy, aprenderemos a crear una página de aterrizaje animada...

  4. Material Design de Google: Actualizaciones, Mejoras y Nuevas Herramientas

    Material Design de Google: Actualizaciones, Mejoras y Nuevas Herramientas

    Tutorial Beginner

    Vamos a hablar de lo nuevo, qué ha cambiado, y lo que se ha mejorado en Material Design más nuevo de Google. Material Design es un lenguaje de diseño visual,...

  5. Diseñar una Aplicación Usando la Hoja de Etiquetas de Componentes de Material Design

    Diseñar una Aplicación Usando la Hoja de Etiquetas de Componentes de Material Design

    Tutorial Beginner

    Gracias a Material Design, un lenguaje visual desarrollado por Google, diseñar interfaces de usuario para la plataforma Android es más fácil que nunca. Una...

  6. Animación Basa en la Línea de Tiempo para la Wbe con Hype 3

    Animación Basa en la Línea de Tiempo para la Wbe con Hype 3

    Tutorial Beginner

    Hype 3 de Tumult, es una aplicación OS X para crear animaciones en HTML5. Si alguna vez uso las iconicas herramientas de línea de tiempo de Flash, entonces...

  7. Aprendiendo Material Design Lite: El Menú

    Aprendiendo Material Design Lite: El Menú

    Tutorial Beginner

    En esta entrega de nuestra serie sobre Material Design Lite (MDL), vamos a ver el componente de Menú. Puedes necesitar este componente en aquellas ocasiones...

  8. Aprendiendo Material Design Lite: Tarjetas

    Aprendiendo Material Design Lite: Tarjetas

    Tutorial Beginner

    Las Tarjetas se están convirtiendo rápidamente en un patrón de UI indispensable, particularmente en las webs móviles. Esto se debe en parte a las webs...

  9. Aprendiendo Material Design Lite: Campos de Texto

    Aprendiendo Material Design Lite: Campos de Texto

    Tutorial Beginner

    Siguiéndo con nuestras series sobre los pormenores de Material Design Lite (MDL), vamos a introducirnos en el componente de los Campos de Texto, Text Fields....

  10. Aprendiendo Material Design Lite: Botones

    Aprendiendo Material Design Lite: Botones

    Tutorial Beginner

    Los botones forman una parte integral de cualquier sitio web funcional (además los diseñadores los aman!) Las acciones de los usuarios en la web,...

  11. Visión General de Material Design Lite

    Visión General de Material Design Lite

    Tutorial Beginner

    Tengo el presentimiento que CodePen va a estar absolutamente agobiado con Material Design en los próximos meses. ¿Por qué? Porque Google acaba de revelar su...

  12. Cómo Integrar "No CAPTCHA reCAPTCHA" en tu Sitio Web

    Cómo Integrar "No CAPTCHA reCAPTCHA" en tu Sitio Web

    Tutorial Beginner

    Entradas CAPTCHA son quizá las mas comunes de las experiencias frustrantes en la web. Son suficientemente dolores para la mayoría de las personas, olvídate...