웹관련사이트추천 (18) 썸네일형 리스트형 [무료애니메이션툴] Phase!! 쉬워도 너무 쉽다! 안녕하세요~ 오쌤입니다.새롭게 무료 애니메이션 툴이 나왔습니다! 그래서 여러분들께 소개하고자 합니다.영상으로 보실 분은 아래 주소를 클릭해주세요.https://youtu.be/tD_bm9NKkMs ◈ PHASE 공식 홈페이지 https://www.phase.com/ko?utm_source=social&utm_medium=youtube&utm_campaign=5ssam Phase - 제품 디자이너를 위한 애니메이션페이즈는 제품 디자이너에게 쉽고 협업적인 애니메이션을 제공하고 있습니다.www.phase.com ** 이 영상은 유료광고를 포함합니다. [CSS사이트] 체크박스, 스위치버튼 예시 사이트 - 각종 체크박스와 스위치버튼을 CSS로 볼 수 있는 사이트입니다. - 공부할 때 참고하면 좋을 듯 합니다. https://getcssscan.com/css-checkboxes-examples CSS Scan - The fastest and easiest way to check, copy and edit CSS Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click. getcssscan.com [jQuery] 웹사이트에 사용가능한 제이쿼리 달력(datepicker) 7가지 모음 - 이번에는 웹사이트에서 사용가능한 제이쿼리/자바스크립트 달력들을 보도록 하겠습니다. 1. Datepicker https://jqueryui.com/datepicker/ Datepicker | jQuery UI Datepicker Select a date from a popup or inline calendar The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (b jqueryui.com - 제이쿼리 UI에.. [CSS] Animista - CSS애니메이션 테스트 사이트 animista.net/ Animista Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use. animista.net 다양한 CSS 애니메이션을 테스트해볼수 있는 사이트입니다. 특히 CSS코드로 바로 지원을 해주기 때문에 난이도 높은 애니메이션을 실행시키기 너무 좋은 사이트죠. 그리고 animation속성 중 이해가 어려운 animation-timing-function까지도 잘 표현해주기 때문에 너무 활용하기 좋은 사이트입니다. 1. 첫번째로 마음에 드는 애니메이션을 찾습니다. - 바로 위의 파트에.. [jQuery] 웹사이트에 사용가능한 팝업 혹은 모달창 5개 모음 제이쿼리 혹은 자바스크립에서 사용가능한 팝업 혹은 모달창을 알아보도록 하겠습니다. 홈페이지 제작시 많은 도움이 되니 사용하시길 바랍니다. 1. lightbox 주소 : lokeshdhakar.com/projects/lightbox2/ - 가장 유명한 팝업으로 lightbox가 있습니다. 처음 소셜커머스가 나왔을때 히트쳤던 플러그인이죠. - 사용법까지 주소에 잘 되어 있으니 확인해보세요. 2. fancybox 주소 : fancyapps.com/fancybox/ - fancybox역시 유명하게 잘 사용했습니다. - 라이센스가 무료이기 때문에 잘 사용하시면 좋을 듯합니다. 3. colorbox 주소 : www.jacklmoore.com/colorbox/ - 스타일까지 5가지로 해놔서 골라서 쓸수 있는 플러그인.. [jQuery] 웹사이트에 사용가능한 슬라이더(Slider) 8가지 모음 제이쿼리 혹은 자바스크립트로 구성된 슬라이더 관련 플러그인을 알아보겠습니다. 1. SwiperJS - 주소 : swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com - 타이틀에도 써있듯이 가장 모던한 모바일 터치슬라이더를 표방하는 플러그인입니다. - 장점은 굉장히 많은 옵션이 있다는 점이고, 단점 역시 굉장히 많은 옵션이 있다는 점입니다. - 모바일사이트에서만 사용하는 것이 아니라 PC웹, 반응형웹 어디서든 사용하기 편하게.. [웹디자인관련] 웹에 사용할 무료 아이콘 다운 받는 사이트5 1. iconfinder - 주소 : www.iconfinder.com/ 5,050,000+ free and premium vector icons in SVG, PNG, CSH and AI format. Iconfinder is the leading search engine and market place for vector icons in SVG, PNG, CSH and AI format. www.iconfinder.com - 검색창에 사용하고 싶은 아이콘을 검색하면 많이 나옵니다. - 보통 왼쪽같은 아이콘은 무료로 사용가능하고 위쪽에 왕관이 붙은 것은 금액을 지불해야합니다. - 잘보고 선택해야할 것 같네요. 2. flaticon - 주소 : www.flaticon.com/ Flaticon, the la.. [프로그램관련] ZOOM(화상회의)사용관련 안녕하세요, 오쌤입니다. 코로나로 비대면 수업을 하게되서, ZOOM관련 공지를 하겠습니다. 수업이 낯설수도 있으나, 잘 부탁드립니다. ★ZOOM을 시작하기 전 작업 1. ZOOM사이트에 접속해서 회원가입(지메일추천) 1) 주소 : https://zoom.us/ 화상 회의, 웹 회의, 웨비나, 화면 공유 Zoom은 모바일, 데스크톱 및 회의실 시스템에서 화상 및 오디오 회의, 채팅 및 웨비나를 위한 쉽고 안정적인 클라우드 플랫폼을 제공하는 최신 기업용 비디오 통신의 선두 주자입니다. Zoom Rooms는 zoom.us 2) 지메일로 로그인을 해주세요. 3) 프로그램 위치 - 처음 설치시 바로 프로그램이 실행됩니다. - 설치가 다 되면 바탕화면에 아이콘이 생성됩니다. 2. ZOOM 앱 설치 - 안드로이드는 .. 이전 1 2 3 다음
