Masonry - Cascading grid layout library

https://masonry.desandro.com/

https://codepen.io/desandro/pen/JdEyYQ

Driveway: Pure CSS masonry layout

Driveway is a pure CSS masonry layout aid. It was developed using stylus, and is exploring pure CSS masonry layouts.

pure CSS masonry layouts http://jh3y.github.io/driveway

driveway is an explorative project for developing pure CSS masonry layouts. It is developed using stylus.

• easy to use
• interactive
• responsive
• config driven
• customisable
• extendable

탭 사이즈

탭 세로 사이즈

스마트폰 세로 사이즈

PC 사이즈

.

jQuery 의 동적레이아웃 플러그인.

A dynamic layout plugin for jQuery
The flip-side of CSS floats.

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Demos

• Basic single-column
• Basic multi-column
• Images
• Tumblelog example
• Animating with jQuery
• Animating with CSS Transitions
• Animating with Modernizr
• Adding items
• Infinite Scroll
• Gutters
• Right-to-left
• Centered
• Fluid
• Corner stamp