폰트
Google Fonts
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
눈누
눈누
상업용 무료한글폰트 사이트
noonnu.cc
아이콘
Google Material
https://fonts.google.com/icons?icon.platform=web
Material Symbols and Icons - Google Fonts
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
fonts.google.com
Font Awesome Icons
https://fontawesome.com/v4/icons/
Font Awesome Icons
Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Our all-new SVG with JavaScript gives you all the power of SVG without the usual hassle. Ligatures for easier des
fontawesome.com
Layout
부트스트랩
부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크.
프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드
bootstrapk.com
FullPage JS
풀페이지 만들시에 사용하기 좋음. 상업적인 용도로 사용시 유로.
https://alvarotrigo.com/fullPage/
fullPage scroll snapping. Create full screen pages fast and simple
Mouse wheel snap to sections. Fast and simple to use.
alvarotrigo.com
Slider
bxslider
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Coded with ♥ by
bxslider.com
Slick 슬라이더
https://kenwheeler.github.io/slick/
slick - the last carousel you'll ever need
slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!
kenwheeler.github.io
Swiper 슬라이더
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
Animation
CodePen
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
AOS
간단히 글자가 나오는 애니메이션을 사용시 좋은 사이트
https://michalsnik.github.io/aos/
AOS - Animate on scroll library
AOS Animate On Scroll Library Scroll down
michalsnik.github.io
67 SCROLL-ANIMATION UI DESIGN EXAMPLES
https://codemyui.com/tag/scroll-animation/
67 Scroll Animation Design Inspiration - Html & Css Snippets Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀
Handpicked collection of scroll animation design inspiration. ✅ GIF preview ✅ HTML CSS copy paste code.
codemyui.com
'개념정리' 카테고리의 다른 글
| MVC 모델 (0) | 2022.11.30 |
|---|---|
| [디자인패턴] 싱글톤(Singleton) (0) | 2022.11.23 |
| [디자인패턴] GoF 디자인 패턴의 종류 (0) | 2022.11.23 |
댓글