jQuery Plugins

3D 이미지 슬라이더

3D 이미지 슬라이더

Slicebox을 사용해서 만들어본 3D 이미지 슬라이더입니다. 원본은 여기에 있습니다. CSS 3D Transforms을 사용해서 만들었으며, CSS 3D Transforms를 지원하지 않는 브라우저에서는 그냥 이미지 슬라이더로 동작합니다. Check out this Pen! »

LAZY LINE PAINTER – SVG Path Animation을 만들 수 있게 해주는 jQuery plugin

LAZY LINE PAINTER – SVG Path Animation을 만들 수 있게 해주는 jQuery plugin

LAZY LINE PAINTER http://lazylinepainter.info/ SVG Path Animation을 만들 수 있게 해주는 jQuery plugin 입니다. 어떤 애니메이션을 만들 수 있는지 데모에서 잘 보여주고 있습니다. 먼저, Illustrator 에서 SVG 파일을 만든 다음에 사용하는 라이브러리입니다. »

Toolbar.Js – 말풍선 모양 툴바를 만들어주는 jQuery plugin

Toolbar.Js http://paulkinzett.github.com/toolbar/ Toolbar.Js 는 말풍선 모양 툴바를 만들어주는 jQuery plugin 입니다. 아래의 데모에서 기어모양 아이콘을 클릭해보세요 Check out this Pen! »

jQuery Knob – 다이얼 모양 UI를 만들어주는 jQuery plugin

jQuery Knob – 다이얼 모양 UI를 만들어주는 jQuery plugin

jQuery Knob https://github.com/aterrien/jQuery-Knob [데모보기] 다이얼 모양 UI를 만들어주는 jQuery plugin 입니다. 값을 다이얼 모양으로 표시할 수 있으며 터치, 마우스, 키보드를 사용해서 다이얼을 움직일 수 있습니다. 다이얼을 움직여서 값을 변화시킬 수 있어서 값을 입력받는 용도로도 사용할 수 있습니다. Check out this Pen! »

FooTable – 작은 화면에 테이블을 효과적으로 표시해주는 jQuery plugin

FooTable – 작은 화면에 테이블을 효과적으로 표시해주는 jQuery plugin

FooTable http://themergency.com/footable/ FooTable은 많은 컬럼을 가진 테이블을 스마트폰, 태블릿PC 등 작은 화면을 가진 기기에서 효과적으로 표시할 수 있게 해주는 jQuery plugin 입니다. 데스크탑 PC 화면에서는 모든 컬럼이 보이지만 화면 크기가 작아질 수록 보이는 컬럼의 개수가 줄어듭니다. 그래서 작은 화면에 컬럼들이 너무 빽빽하게 보이는 현상을 막아줍니다. 대신 자동으로 +버튼이 생겨서 +버튼을 클릭하면 가려진 컬럼의 내용들을 볼 수 있게 됩니다. [데모보기] 위의 데모보기에서 choose a viewport 에서 디바이스를 선택하고 choose a demo 에서 데모 종류를 선택하시면 테이블의 모양이 자동으로 변하는 것을 보실 수 있습니다. »

Page 1 of 10123»