공부하자

페이지 스크롤시 다양한 애니메이션 효과 blog.usefulparadigm.com/%EB%9E%9C%EB%94%A9%ED%8E%98%EC%9D%B4%EC%A7%80%EC%97%90-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-a35d0b6cbf4e 랜딩페이지에 스크롤 애니메이션 적용하기 모던 웹브라우저의 다양한 애니메이션 기능을 활용하면 스크롤에 반응하는 근사한 웹페이지를 쉽고 간단하게 만들 수 있습니다. blog.usefulparadigm.com twojobui.tistory.com/9 페이지 스크롤 다운 애니메이션 (feat. Animation of..

스와이퍼 슬라이드 플러그인보다 조금 간결하고 비디오 슬라이드가 예시로 있어 비디오 삽입이 필요할 경우 사용에 용이할 듯 싶다. owlcarousel2.github.io/OwlCarousel2/demos/demos.html Demos | Owl Carousel | 2.3.4 owlcarousel2.github.io 사용법 참고 블로그 m.blog.naver.com/start30th/221587018501 slide jquery owl carousel 슬라이더 롤링 배너 빠르고 쉽게 #롤링배너 #슬라이드배너 를 만들위해 사용하기 좋은 #제이쿼리플러그인 #owlcarousel 두번째 ... blog.naver.com

엔티티코드 참고용 www.w3schools.com/charsets/ref_html_entities_4.asp HTML 4 Entities HTML 4 Entity Names Complete HTML 4 Entity Reference All entities in the table below, will display correctly in all browsers, both in HTML4 and in HTML5 pages. For a complete HTML5 entity reference, please go to the next chapter. Char Entity Dec Hex Descri www.w3schools.com www.toptal.com/designers/htmlarrows/punctuatio..

VSCode Extension 다운로드 하기 1.Sass 2.Live Sass Compiler 3.Live Server + sass lint : sass 문법을 도와주는 extension Extension 설치 후 설정해주기 github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md ritwickdey/vscode-live-sass-compiler Compile Sass or Scss file to CSS at realtime with live browser reload feature. - ritwickdey/vscode-live-sass-compiler github.com 참고 블로그 blog.naver.com/mgveg/2..

구글 웹폰트 fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 눈누 noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 많이 쓰는 웹폰트 : import 와 link 중 하나만 사용하면 된다. import는 css 부분에 link는 html header 에 나눔고딕 @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); .nanumgothic * { font-family: 'Na..