1. Introducción MDL (Capitulo 1 https://www.youtube.com/watch?v=_EFo58r9Ggc)
Material Design es una normativa de diseño creada por google enfocada al diseño móvil y web lanzada en 2014, un lenguaje de diseño
que combina los principios clásicos de diseño junto con la innovación y la tecnología.
¿Que es Material Design Lite? (MDL)
Es una biblioteca de componentes o framework css basado 100% en estilo de material design y tiene como objetivo la optimizar el diseño para su
uso en diferentes dispositivos. MDL hace fácil que se pueda añadir material design a los sitios web. MDL tiene pocas dependencias y es fácil utilizar.
¿Por que lo debo usar?
Esta hecho para hacer pantallas adaptables en función de su resolución. A las interfaces se le puede adaptar un color primario y secundario y permite personalizar esos colores desde su pagina web. y por ultimo un gran cantidad de componentes que pueden ser personaliza bles.
¿Quien lo utiliza?
Material Design es una normativa de diseño creada por google enfocada al diseño móvil y web lanzada en 2014, un lenguaje de diseño
que combina los principios clásicos de diseño junto con la innovación y la tecnología.
¿Que es Material Design Lite? (MDL)
Es una biblioteca de componentes o framework css basado 100% en estilo de material design y tiene como objetivo la optimizar el diseño para su
uso en diferentes dispositivos. MDL hace fácil que se pueda añadir material design a los sitios web. MDL tiene pocas dependencias y es fácil utilizar.
¿Por que lo debo usar?
Esta hecho para hacer pantallas adaptables en función de su resolución. A las interfaces se le puede adaptar un color primario y secundario y permite personalizar esos colores desde su pagina web. y por ultimo un gran cantidad de componentes que pueden ser personaliza bles.
¿Quien lo utiliza?
- Youtube
- facebook (aplicación móvil)
- Gmail (Aplicación Móvil)
2. Configuración del entorno de trabajo (Capitulo 2 https://www.youtube.com/watch?v=AZ5i8EhoZhA )
Recursos para trabajar
LLamado css
<link rel="stylesheet" href="css/material.min.css">
LLamado script
<script src="js/material.min.js"></script>
Iconos
<link rel="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Recursos para trabajar
- Editor de texto (Sublime text, Brackets, Atom etc.)
- navegador
- https://getmdl.io/ (descargar Material Design Lite)
LLamado css
<link rel="stylesheet" href="css/material.min.css">
LLamado script
<script src="js/material.min.js"></script>
Iconos
<link rel="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
