본문 바로가기

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기

CSS

NEWS

SITE

Coding


광고

제이쿼리

[Input] Placeholder의 기능에 애니메이션을 추가한 제이쿼리 Placeholder의 기능에 애니메이션을 추가한 제이쿼리입니다.[미리보기][다운하기]
[Scroll] 스크롤을 통한 사이트를 구성하기 좋은 scrollmagis.js 스크롤만으로 사이트를 한 눈에 볼 수 있는 제이쿼리(jQuery)입니다.요즘에 요런 사이트가 대세죠^^타이포 효과와 패럴러즈도 기본으로 제공합니다.[미리보기]맘에 드시나요? 맘에 드시면 다운도 받아보세요^^[다운받기]MIT license and GPL.
[Animation] 다양한 움직임을 컨트롤 해줄 수 있는 제이쿼리 Move.js 다양한 움직임을 컨트롤 해줄 수 있는 제이쿼리 Move.jsCSS3로 제작되었기 때문에 구 익스에서는 작동안됩니다. 참고하세요^^[데모보기][다운받기]MIT License
[Gallery] 워드프레스와 일반 갤러리를 제공하는 Nivo Slider 워드프레스 버젼은 29달러이지만 웹 버젼은 MIT라이센스입니다. 기존의 갤러리와 달리 입체감이 있게 모션을 주는 점이 기존 갤러리와 많이 다르죠^^ [미리보기] Novo Slider도 많이 사용하는 제이쿼리 갤러리 중에 하나죠^^ 중요한건 익스 7에서도 잘 작동이 되어야 하는데요^^ 갤러리에는 이상이 없는데 사이트 자체가 다 깨지네요~ 소스는 익스 7까지 지원이 됩니다. 먼저 테스트 한번 해보세요~ [다운받기]
[Typo] 화면 여백에 따라 글씨 크기를 자동 설정해 주는 제이쿼리 반응형을 제작할 경우 화면 크기마다폰트 크기를 재설정해야 하는 불편함이 가끔있습니다.그럴 때 화면 여백에 따라, 비율에 따라폰트의 크기를 알맞게 설정해 주는 Fittext.js입니다.[미리보기]
[Gallery] 흔하게 평범하게 다양하게 많이 쓰이는 jcarousel 흔하게 평범하게 다양하게 많이 쓰이는 jcarousel 제이쿼리 소스입니다.외국에 사이트를 보면 이 소스가 많이 쓰여서 한번 가져와 봤습니다.[미리보기]왠지 꼼꼼하게 잘 만들었다는 느낌이 드네요^^[다운로드]MIT license
[Typo] 글씨의 간격을 자동으로 맞쳐주는 Squishy.js 제이쿼리 미세한 차이가 디자인의 퀄리티를 좌우하는 경우가 있습니다.이 제이쿼리 플러그인은 사실 비효율적일 수 있습니다.하지만 백과사전이나 책 설명부분 페이지에서는 여백을 깔끔하게 해줍니다.간격의 여백을 최대한 정리해 주는 제이쿼리 플러그인입니다.[다운받기]
[jQuery Plugin] 상단 부분에 고정 시켜주는 Sticky.js 플러그인 이런 건 position값으로 충분히 가능한데 왜 플러그인이 있을까? 생각했는데요~ 레이아웃을 잡을 때 고정 바때문에 애로 사항이 있었는데. 이걸 쓰면 그런 문제들은 해결이 되네요~ 해보시면 압니다. 데모보기 다운받기