bootstrap-select-1.12.4 버전 입니다.셀렉트 박스 스샷을 보시면 아시겠지만 셀렉트 시에 보다 가독성이 좋으며 퀄리가 보장되는 셀렉트 박스 형태로 제작되었습니다.MIT 라이센스로 배포되는 자료이며웹사이트 제작시에 사용하면 좋은 셀렉트박스 라이브러리 입니다.
일정한 딜레이 간격으로 백그라운드 이미지에 애니메이션 효과를 줄 수 있습니다.유명한 라이브러리 입니다.아래의 소스코드 처럼 jquery , backstretch.js 파일을 링크하여 사용가능 합니다.해당 압축파일 안에 데모가 포함되어 있습니다.MIT 라이센스 입니다.<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="jquery.backstretch.min.js"></script…
색상을 선택 하는 경우 매우 유용합니다.아래 링크를 클릭하시면 해당 페이지로 이동 합니다.
자바스크립트로 되어 있는 PDF 뷰어 입니다.사용해보지는 않았지만 평이 좋아서 링크와 자료를 업로드 해놨습니다.브라우저에 있는 내장되어 PDF 로 보는것 아니고 바로 호출해서 웹상에 띄어 주는역활을 합니다.라이센스 : Apache license
벡터 캐릭터 및 아이콘 모음
UI KIT 모음 입니다.
css 로 되어 있는 버튼 제네레이션 입니다.https://www.bestcssbuttongenerator.com/아래 링크는 부트스트랩4 로 되어 있는 버튼 제네레이터 입니다.https://www.tutorialrepublic.com/twitter-bootstrap-button-generator.php
MIT 라이선스 입니다.BOOTFALT 라는 각종 홈페이지에서 사용될 요소들을 담고 있습니다.부트스트랩 3.X 이며 CSS FRAMEWORK 입니다.
부트스트랩 없이 사용하려면 div 에서 col class 를 제거하라고 합니다.For example you would copy the following: hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); } .hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); } .hovereffect:hover h2,.hoveref…
MIT 라이센스의 라이트 박스 입니다.이미지 클릭시에 모달팝업으로 띄워줍니다.개발자주소 : http://ashleydw.github.io/lightbox/옵션 : http://ashleydw.github.io/lightbox/
메이슨리 갤러리 입니다
[첫번째 샘플소스]<!doctype html><html><head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="Pragmatic Mates s.r.o. - http://pragmaticmates.…
모바일쪽에서 손 이동에 따라서 움직이는 대표적인 슬라이더 입니다.해당 데모 주소http://idangero.us/swiper/demos/
무료로 사용할 수 있는 슬라이드 입니다.MIT 라이선스 라서 사용도 자유롭습니다.퀄리티 있는 홈페이지를 만들기 위해서는 꼭 필요한 오픈소스라고 생각합니다.
이미 완성된 홈페이지내에 애니메이션 효과를 낼 수 있습니다.jquery 형식으로 제작되거나 css 형식으로 그대로 제공 됩니다.몇가지 사용방법이 있습니다.[CDN 주소]<head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"></head>[JQUERY 방식]$('#yourElement').addClass('animated bounceOutLeft');…
