유용한 사이트(비공개)

vscode 사용법

https://demun.github.io/vscode-tutorial/

css

https://www.w3.org/Style/CSS/

http://leaverou.github.io/prefixfree/

https://fonts.google.com/earlyaccess /

https://videojs.com/

https://codepen.io/trending

hover - 마우스를 갖다대었을 때 변하는 효과

button - 버튼 종류

sticky - 따라다니는 네비게이션 메뉴 같은 종류

layout - 웹페이지의 기본이 되는 레이아웃 종류

gooey - 물컹물컹한 효과를 지닌 버튼이나 메뉴

slider - 홈페이지 메인에 주로 쓰이는 슬라이더, carousel라는 표현도 자주 쓰인다

infinite scroll - 무한 스크롤

media card - 포스트를 담은 카드 썸네일 메뉴

곡선(linear) 생성 사이트

https://matthewlein.com/tools/ceaser

확장 프로그램

컬러질라 : 사이트에서 색상 값을 콕콕 찾아내줌

왓폰트 : 웹 폰트 이름 알려줌

css뷰어 : 어떤 css를 사용했는지 알려줌

웹 디자인 트랜드를 알려주는 사이트

디비컷(www.dbcut.com/bbs/index.php),

korea web design(koreawebdesign.com),

Awwwards(www.awwwards.com)

https://www.w3.org/Style/CSS/

이스케이프문자(확장열)

https://www.w3schools.com/charsets/ref_html_entities_4.asp

http://leaverou.github.io/prefixfree/

https://fonts.google.com/earlyaccess /

https://videojs.com/

TinyPNG(www.tinypng.com) jpg, png 용량사이즈 손쉽게 줄이는 사이트

jquery 라이브러리

https://jqueryui.com/

애니메이션 종류알수 있는 사이트

https://daneden.github.io/animate.css/

WOW.js 애니메이션 제이쿼리 플러그인

FULLpage.js 원페이지 만드는 제이쿼리 플러그인

vGrid.js, masonry, blocksit 그리드 레이아웃 만드는 플러그인

Backstretch.js 풀 스크린 배경 만드는 플러그인

Vegas.js 슬라이드 쇼 만드는 플러그인

Vide.js 동영상 풀 스크린 배경 만드는 플러그인

BxSlider.js 카러셀(이미지 슬라이드) 만드는 플러그인

Owl.Carousel.min.js 한 화면에 여러 개의 이미지를 보여주는 플러그인

SlidesJS.js (www.slidesjs.com)터치지원 반응형으로 동작하는 이미지 슬라이 쇼 플러그인

camera slideshow 이전,다음 화살표 대신 섬네일 이미지를 사용해 원하는 이미지를 표현

https://wsss.tistory.com/

 

다양한 슬라이더

http://kenwheeler.github.io/slick/