https://responsively.app/

Mirrored Interactions

Any click, scroll or navigation that you perform in one device will be replicated to all devices in real-time.

Customizable Layout

Customize the arrangement of the devices to suit your every need.

Awesome Elements Inspector

Inspect any element in any device with just one click. No Hassle!

Extensive Built-in Device Profiles

Has 30+ built-in device profiles covering all major devices. You can even add new custom device profiles as you like.

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 사이즈

.

Responsive Web CSS: Layout responsive pages in minutes

Responsive Web CSS makes it simple to create responsive web layouts. Just add divs, set how big each should be for each device you want to target, and download your site’s skeleton.

pintrest 같은. 그리드. Grid

SuperScrollorama

SuperScrollorama is a popular jQuery plugin for creating supercool scrolling and animation, powered by TweenMax and the Greensock Tweening Engine. This is a powerful tool, and with great power comes great responsibility. Use wisely. A little subtlety can go a long way.

Scrolldeck

Scrolldeck is a jQuery plugin for making scrolling presentation decks.

Shapeshift

Shapeshift is an amazing jQuery plugin which creates a column based grid system that allows drag and drop even between multiple containers.

jQuery Nested

jQuery Nested plugin is for a gap free, multi column grid layout experience.

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement.

Gridster

Gridster is a jQuery plugin that allows building intuitive drag-able layouts from elements spanning multiple columns.

Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.

Stellar

With Stellar, parallax has never been so easier. Precisely align elements and backgrounds. Add some simple data attributes to your markup, run $.stellar() – that’s all you need to get started.

PageSlide

PageSlide is a jQuery plugin, by Scott Robbin, which slides a webpage over to reveal an additional interaction pane.

jQuery Full Content

This is a nice jQuery plugin for presentation style layout. It will dynamically position a container within the width and height of the browser window, and will smoothly scroll between each container.

LayoutIt! is NOT a site builder. It's the kick-off for every frontend project you need to develop.

LayoutIt! takes every element and component of Bootstrap to make your frontend coding easier without needing to be
an expert in javascript, html5 or css3. You just build what you need to start, and then code it however you most like!

LayoutIt! - Drag & Drop Interface Builder for Bootstrap