반응형
반응형

[jQuery] like Pintrest. 핀트레스트 같은 그리드(Grid)

 

Amazing jQuery Plugins to design Pinterest like Dynamic Grid Layout

 

1. Masonry

This is the most widely used dynamic grid layout plugin for jQuery. This works as opposite to CSS floats, because floating arranges elements horizontally while this Masonry arranges elements vertically.


2. Isotope

Its an exquisite jQuery plugin for intelligent and dynamic layouts that can't be achieved with CSS alone. It allows jQuery selectors and sorting the elements.


3. BlocksIt

BlocksIt.js is a jQuery plugin to create dynamic grid layout. It manages to convert HTML elements into 'Blocks' and position them in well-arranged grid layout like Pinterest. 


4. Wookmark

Wookmark is a website to bookmark Images and videos, and has a Pinterest like interface. This website has made this simple jQuery plugin which is available for free download on Github.


5. Pinterest Clone Layout

If you are a Ruby Developer and wish to create the Pinterest style layout in a short period of time, then this layout is for you. This layout uses the jQuery Masonyn plugin and is already styled and ready to use. You can also see the Demo interface here.


6. Flex

Flex is a fluid asymmetrical animated grid plugin for jQuery. It also has a feature of expanding the tiles on mouse hover.


 

 

 

 

 

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Script' 카테고리의 다른 글

[jQuery] NoUiSlider: A tiny range slider  (0) 2014.10.20
[jQuery] 시작페이지로 지정하기 Script  (0) 2014.10.13
[jQuery] S Gallery: Responsive jQuery gallery plugin  (0) 2014.10.08
[jQuery] S Gallery: Responsive jQuery gallery plugin  (0) 2014.09.03
[jQuery] Circliful: Circular loaders with jQuery  (0) 2014.08.11
반응형

Paths.js: Create SVG shapes for geometric shapes

차트인듯 차트아닌 차트같이.

Paths.js is a JavaScript library for generating SVG paths that can then be used along with a template engine like Mustache or Handlebars for displaying those SVG shapes in the browser. It offers three APIs, of increasing abstraction.

paths.js

GitHub: https://github.com/andreaferretti/paths-js
Demo Page: http://andreaferretti.github.io/paths-js-demo/
반응형
저작자표시 (새창열림)

'프로그래밍 > Web' 카테고리의 다른 글

[Framework] Schema: A modular front-end framework  (0) 2014.10.20
[javascript] Cylon.js: A next generation robotics framework  (0) 2014.10.20
[javascript] Chart - Chartist.js: Simple responsive charts  (0) 2014.09.05
[javascript] UILang: A UI-focused programming language  (0) 2014.09.05
[javascript] QUnit: A JavaScript Unit Testing framework.  (0) 2014.09.05
반응형

S Gallery: Responsive jQuery gallery plugin

 

S Gallery is a responsive jQuery gallery plugin that includes CSS3 animations inspired by Sony’s products gallery. It supports touch/swipe functions, too.

s gallery

Homepage: http://sarasoueidan.com/blog/s-gallery/
GitHub: https://github.com/sarasoueidan/s-gallery
Demo Page: http://sarasoueidan.com/demos/s-gallery/

 

반응형
저작자표시 (새창열림)

'프로그래밍 > Script' 카테고리의 다른 글

[jQuery] 시작페이지로 지정하기 Script  (0) 2014.10.13
[jQuery] like Pinterest. 핀트레스트 같은 그리드(Grid)  (0) 2014.10.08
[jQuery] S Gallery: Responsive jQuery gallery plugin  (0) 2014.09.03
[jQuery] Circliful: Circular loaders with jQuery  (0) 2014.08.11
[jQuery] jQuery 에서 해당 요소(element)의 존재여부를 확인할 때  (0) 2014.08.01
반응형

Koutu Swiss: A CSS framework for Stylus
 

Koutu Swiss is a CSS framework for Stylus. It gives you tons of mixins, functions and utilities for faster coding.

koutu

Homepage: http://kouto-swiss.io/
GitHub: http://github.com/krkn/kouto-swiss
Docs: http://kouto-swiss.io/docs.html
반응형
저작자표시 (새창열림)

'프로그래밍 > Style & Design' 카테고리의 다른 글

[CSS-HTML5] Motherplate: A bare bones responsive boilerplate  (0) 2014.11.03
[CSS] Flexy Boxes: A flexbox code generator and playground  (0) 2014.10.20
[HTML5] Bumpkit: A library for the Web Audio API  (0) 2014.09.05
[CSS] CSS-Flip: A CSS BiDi flipper  (0) 2014.04.21
[CSS] Code Guide by @mdo: Standards for sustainable HTML and CSS  (0) 2014.03.19
반응형

성공은 키나 몸무게, 학력이나
집안 배경에 따라
가늠되는 것이 아니다.
성공은 생각의 크기에 따라 결정된다.
- 록펠러가 아들에게 보낸 편지

 

 

허버트 카라얀은 “자신의 목표를 모두 달성한 사람은
목표를 너무 낮게 정한 사람이다”고 말했습니다.
파키스탄 근대문학의 아버지 모하메드 이크발은
“가슴 속에 큰 뜻을 품고 있다면
강물도 그대에게 고개를 숙이리라.”고 노래했습니다.
원대한 꿈을 가슴에 품어야 비로소
내안에 잠자고 있던 숨은 에너지가 분출하게 됩니다.

반응형
저작자표시 (새창열림)

'생활의 발견 > 행복한 경영' 카테고리의 다른 글

메시지가 간결할수록 강력하다.  (0) 2014.10.13
불량은 조직의 암이다.  (0) 2014.10.10
고객행복의 총합은 회사 매출총액과 같다.  (0) 2014.10.07
도전하지 않을 이유가 없다.  (0) 2014.10.06
사람들은 명령이 아닌 상사의 행동을 따른다.  (0) 2014.10.02
반응형



                                                       

누군가에게
실수와 부족한 점을 말해 주어
바로잡는 것과 불만을 혼동해서는 안 된다.
식은 수프를 받고 종업원에게 '따뜻하게 다시
데울 필요가 있다'고 말하는 것은 에고가 아니다.
사실만을 말하기 때문이며, 사실은 언제나
중립이다. "어떻게 나한테 다 식어빠진
수프를 갖다줄 수 있지?"
이것은 불만이다.


- 에크하르트 톨레의《삶으로 다시 떠오르기》중에서 -


* "매너가 좋다."
참 좋은 칭찬입니다.
"매너도 좋고 신사적이다."
칭찬을 넘어서는 최고의 찬사입니다.
정중하게 편안하게 사실을 말하는 것과
불평과 불만으로 표출하는 것은 다릅니다.
에티켓, 매너, 신사적 매너, 그 사람의 자세와
몸가짐과 말버릇에 따라 드러나는
내면의 인격입니다.


반응형
저작자표시 (새창열림)

'아침편지' 카테고리의 다른 글

내 젊은 날의 황금기  (0) 2014.10.10
프랑크푸르트 낭독회  (0) 2014.10.09
신성한 에너지  (0) 2014.10.07
2분 마음챙김  (0) 2014.10.06
자신을 속이지 말자  (0) 2014.10.04

+ Recent posts

티스토리툴바