FlexSlider2 슬라이드는 아주 쉽게 슬라이드를 구현할 수 있도록 해주는 라이브러리 입니다.html 파일과 js 파일을 예제를 쉽게 사용할 수 있습니다.좌측에 샘플 메뉴를 제공해주기 때문에 초보자도 쉽게 따라할 수 있습니다.
CSS 로 직접 애니메이션을 구현하다보면 미세조정이라든가 부드러운 효과를 내기위해서는더 많은 공부를 하거나 작업량이 대폭 늘것으로 예상됩니다.css 라이브러리로 지원되는 ANIMATE.CSS 라는 파일이 있습니다.깃허브에서 다운로드 받거나 첨부파일을 다운로드 하여 압축을 풀어 줍니다.해당 ANIMATE.CSS 에 대한 사용법에 대해서 설명하는 시간을 가져보도록 하겠습니다.우선 데모를 확인해주세요http://ety.kr/ex/css/css_animation_03.html위의 주소에 있는 효과를 내는것인데 직접 만든것보다 깔끔하고 효과…
메뉴클릭시 해당 페이지로 애니메이션 효과를 내며 이동하는 네비게이션 입니다.1.링크네비게이션을 사용하기 위해서 링크를 합니다.<!-- this goes inside the header tag--><link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.0.0/animate.min.css" rel="stylesheet" type="text/css"><!-- all these references goes before the closing body tag-->…
bootstrap-select-1.12.4 버전 입니다.셀렉트 박스 스샷을 보시면 아시겠지만 셀렉트 시에 보다 가독성이 좋으며 퀄리가 보장되는 셀렉트 박스 형태로 제작되었습니다.MIT 라이센스로 배포되는 자료이며웹사이트 제작시에 사용하면 좋은 셀렉트박스 라이브러리 입니다.
버튼을 클릭하면 보이기/숨기기 할수 있는 토글 기능 입니다.기본 메뉴구성이 되어 있습니다.
스타일이 적용된 체크박스, 라디오박스 입니다.
CSS 로 제작된 간단한 네비게이션
CSS 로 제작된 여러종류의 네비게이션
모바일쪽에서 손 이동에 따라서 움직이는 대표적인 슬라이더 입니다.해당 데모 주소http://idangero.us/swiper/demos/
반응형 네비게이션 입니다. 확장성이 좋습니다. MIT 라이센스 이며 상업적인 용도 사용 가능합니다.메가 네비게이션 보다 뒤떨어지지 않는 네비게이션 입니다.아래 사이트에 방문하시면 네비게이션의 사용법을 볼 수 있습니다
MIT 라이선스 입니다.BOOTFALT 라는 각종 홈페이지에서 사용될 요소들을 담고 있습니다.부트스트랩 3.X 이며 CSS FRAMEWORK 입니다.
깔끔한 네비
무료로 사용할 수 있는 슬라이드 입니다.MIT 라이선스 라서 사용도 자유롭습니다.퀄리티 있는 홈페이지를 만들기 위해서는 꼭 필요한 오픈소스라고 생각합니다.
데이터픽커 입니다.이 자료는 모달로 데이터픽커가 뜹니다.다른 데이터 픽커 와는 좀 다른부분이니 참고해서 사용해주세요.스샷자료 보시고 확인하시면 될듯합니다.
버튼클릭하면 왼쪽 하단 , 왼쪽 상단 , 우측 하단 , 우측 상단에 박스 메뉴가 나오는 라이브러리 입니다.
