Entradas

Mostrando las entradas de julio, 2015

Material Design Lite, Simple Card

Imagen
Les quiero dejar la primera experiencia utilizando #MaterialDesignLite, para este ejemplo utilicé un componente simple de #card.

1. Configurar un simple #html con lo esencial para que los estilos respeten #MaterialDesign. (utilicé los vínculos a los archivos en el CDN de referencia, luego hay varias opciones para dejarlo local)

Dentro del #head:
    <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.1/material.css">
    <script src="https://storage.googleapis.com/code.getmdl.io/1.0.1/material.js"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

2. Una simple configuración de estilos para darle un toque personal a la #card:
<style>
    .demostracion-mdl-card {
    width: 450px;
  }
    .demostracion-mdl-card > .mdl-card__title {
    color: #fff;
    height: 150px;
    background: url('./imagenes/android_1.jpg') center…