Diseño de cuadrícula minimalista con JavaScript puro-minired
| Autor: | henriquea |
|---|---|
| Views Total: | 3,630 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 30, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
minired es una biblioteca de JavaScript independiente que se utiliza para generar un diseño de cuadrícula adaptable, flexible y adaptable para su siguiente diseño web. Sin la necesidad de cualquier 3ª dependencia como jQuery, etc.
¿Cómo funciona?
Importe el archivo JavaScript principal en cualquier lugar de su página web.
<script src="index.js"></script>
Agregar elementos de cuadrícula en el diseño de cuadrícula.
<div class="grid"> <div class="grid-item"></div> <div class="grid-item"></div> ... ... ... </div>
Los estilos CSS requeridos.
.grid {
position: relative;
...
}
.grid-item {
position: absolute;
...
} Inicializar el diseño de cuadrícula.
// minigrid(containerSelector, itemSelector, gutter, animate, done)
minigrid('.grid', '.grid-item', 6, null,
function(){
// callback here
}
); Registro de cambios
07/30/2018
- Elimine el desbordamiento oculto del elemento
