Web 썸네일형 리스트형 jQuery / Plugin / Carousel - 여러 기능을 갖춘 제이쿼리 플러그인 작고 가벼운 제이쿼리 플러그인을 소개한다. http://jquery.malsup.com/cycle http://jquery.malsup.com/cycle2/ 데모페이지를 확인해보면 정리도 잘 되어있고 얼마나 잘 만들어졌는지 알 수 있다. MIT, GPL 라이센스를 따르기 때문에 수정 및 배포가 가능하며 상업적으로도 이용할 수 있다. Cycle2의 가장 큰 특징이라면 보통 스크립트를 따로 초기화 코드를 작성하여 해당 메소드를 추가하고 옵션값을 적용하지만 cycle2의 경우 작업하고 하는 해당 엘리먼트에 인라인으로 직접 데이터값을 선언하여 원하는 기능을 구현하도록 해준다. 입맛에 따라 여러가지로 쓰기 좋다. 각각의 데모페이지를 보면 아래의 이미지와 같이 상세한 설명이 되어있어 사용하기도 쉽다. 더보기 10+ jQuery Sticky Scroll Plugins http://www.sitepoint.com/10-jquery-sticky-scroll-plugins/ 더보기 [plugin] stickyfloat : 스크롤 애니메이션 위치요소 플러그인 제이쿼리 사이트 플러그인 리스트 주소 : http://plugins.jquery.com/stickyfloat/Github 주소 : https://github.com/silent-e/stickyfloat데모보기 : http://dropthebit.com/demos/stickyfloat/stickyfloat.html -------------------------------------------------------------------------------------------------------- 그 외 stickyfloat 사이트http://dropthebit.com/demos/stickyfloat/stickyfloat.html 더보기 반응형에 대처할 수 있는 이미지맵 jquery 플러그인 이미지맵은 반응형페이지에서 적합하지 않기 때문에 사용하지 않았는데,서핑 중 제이쿼리를 이용하여 반응형 페이지에서도 이미지맵을 사용 할 수 있는 정보를 얻게 되었다. 단순 이벤트 상세페이지에서의 이미지맵을 작업할 때에는 굉장히 유용할 것 같다. 주소 : http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.htmlgithub : https://github.com/stowball/jQuery-rwdImageMaps 더보기 colgroup 작성시 주의해야 할 사항 아무생각없이 colgroup을 사용해 왔지만 브라우저마다 혹은 html버전에 따라서 다르게 보여지는 것을 최근에 들어서야 확인을 했다. 이전에는 아래와 같이 사용했었다. 하지만 html5에서는 col width를 허용하지 않기 때문에 다르게 적어줘야 한다. 또한 col width를 쓰게되면 브라우저별로 다른 결과값이 나오기 때문에 아래처럼 바꿔주고자 한다. 더보기 해당 페이지 고유주소를 클립보드로 복사하는 방법 출처 : http://viewit.kr/780 더보기 [ie7 버그] 링크영역이 제대로 잡히지 않는 문제 http://blog.daum.net/0fantasy/42 더보기 문서타입에 따른 CSS RESET 프리셋이라고 하기도 머하다... 매번 새로 만드니깐 ㅋㅋㅋ css reset이 프로젝트의 환경, 레이아웃에 따라서 다 달라지기 때문이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); * {padding:0;margin:0;} html {width:100%;height:100%;overflow-x:hidden;} body{margin:0 auto;width:100%;font-size:12px;font-family:"Nanum Gothic", dotum,"돋움",sans-serif;.. 더보기 이전 1 ··· 3 4 5 6 7 8 9 10 다음