Diseñado y diseñado por Google, Material Design es un lenguaje de diseño que combina los principios clásicos de diseño exitoso junto con la innovación y la tecnología. El objetivo de Google es desarrollar un sistema de diseño que permita una experiencia de usuario unificada en todos sus productos en cualquier plataforma.
Pues ni más ni menos, es un Framework para el desarrollo Web con estilo Material Design. Está desarrollado en SASS y hace uso de las buenas prácticas en HTML5, CSS3 y Javascript. Materializecss cuenta con un sistema de rejillas (grid) responsive adaptable a pantallas mayores a 992px, 600px y los menores a 600px, viene integrado con la fuente Roboto también propuesta por Google en su sistema de diseño Material Design.
Alvin es un Mayor de Interacciones de Sistemas de Información y Computación Humana. Trabajó como Ingeniero de Software en Fidelity Investments este verano pasado.
Alan es un especialista en Sistemas de Información con un menor en ciencias de la computación. Trabajó como desarrollador de Front End en Shift Collaborative este verano pasado.
Alex es un gran Sistemas de Información con un menor en Human Computer Interaction. Trabajó como desarrollador de software de Intuit el verano pasado.
Kevin es un gran Sistemas de Información con un menor en Human Computer Interaction. El verano pasado, trabajó como analista de tecnología de PPG Industries.
Esta es la versión estándar que viene con el CSS archivos JavaScript miniaturizada y unminified y. Esta opción requiere poca o ninguna configuración. Utilice esta opción si no está familiarizado con Sass.
Puedes descagar materialize en: http://materializecss.com/getting-started.html
Recordemos que para usar Materialize deberemos integrar JQUERY para que todo vaya bien
Podremos encontrarlo por aca https://jquery.com/download/
Pegar el codigo directamente a nuestro documento HTML
<!-- Nuestro Archivo CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
<!-- Nuestro Archivo JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<!--Importamos materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Permitir que el sitio web del navegador esté optimizado para móviles utilizando esta etiqueta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--Importamos jQuery antes de materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>
</html>
Nuestro Resultado será fantástico
