hand Inicio
hand JSBloqs
hand GutenBloqs
Qu茅?
noched铆a

DESARROLLO WEB con
REACT y WORDPRESS

Ap煤ntate a la newsletter (escribo algo de tanto en cuanto)

15 librer铆as para implementar masonry

100 palabras
1 minutos
February 10, 2020
blogjavascriptcss

La t茅cnica masonry parece sencilla y algo incluso trivial. No es as铆, y la constataci贸n de esto es esta lista de 15 librer铆as espectaculares que lo implementan brillantemente

MASONRY

Qui茅n no quiere un masonry en su vida?

Esta t茅cnica la populariz贸 Pinterest y su manera de darnos "cartas" o 铆tems o objetos o elementos o como quieras llamarlos, pero eran cosas que no estaban perfectamente alineadas

Esa imperfecci贸n le dotaba de un dinamismo y de una sensaci贸n de tener siempre contenido nuevo que despert贸 el inter茅s de los dem谩s (supongo)

Bien, pues hacer esto no es trivial y no basta con un par de l铆neas con css (seguro que tarde o temprano se implementar谩)

Y c贸mo hacerlo?

Pues puedes sumergirte en el c贸digo de algunas de ellas y entender c贸mo funciona, y para eso tiene el curso de kuworking aqu铆

O puedes utilizar librer铆as fant谩sticas como las siguientes, que viene a ser una lista de 15 opciones excelentes

css-masonry

webshot of library

columnsjs

webshot of library

github.com/drcmda

webshot of library

masonry

webshot of library

colcade

webshot of library

Magic-Grid

webshot of library

bricklayer

webshot of library

tiny-masonry

webshot of library

MiniMasonry

webshot of library

macy

webshot of library

muuri

webshot of library

packery

webshot of library

minigrid

webshot of library

waterfall

webshot of library

infinitegrid

webshot of library

Qu茅 tal la entrada?

馃憣 Bien 馃檶馃檶
馃憤 Bien, pero algunas cosas podr铆an explicarse mejor 馃槵
馃し鈥嶁檪锔 Da por sentadas demasiadas cosas 馃槖
馃し鈥嶁檪锔 A ver, hay poca chicha 馃槵
馃し鈥嶁檪锔 Los ejemplos no son muy claros 馃檱鈥嶁檪锔
馃し鈥嶁檪锔 No se entiende, est谩 mal escrito 馃憥
鉁嶏笍 Hay errores, rev铆salo en cuanto puedas 馃檹
Enviar Feedback 鉁嶏笍
El texto est谩 en blanco!
Gracias por enviarme tu opini贸n
馃憤

Si quieres explorar m谩s cursos y m谩s entradas en el blog, los tienes todos en la p谩gina principal, y si el contenido te ha ayudado si lo compartes me ayudas a dar difusi贸n 馃憤

Privacidad
by kuworking.com
[ 2020 >> kuworking ]