공부하는 스누피
웹 개발할 때 자주 찾아보는 사이트 본문
jQuery CDN 사이트
jQuery CDN
The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr
code.jquery.com
부트스트랩
- 버전 주의!!
Bootstrap
The most popular HTML, CSS, and JS library in the world.
getbootstrap.com
html 아이콘
- CDN 필요함
fontawesome.com/icons?d=gallery&q=menu
Font Awesome
The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.
fontawesome.com
원하는 크기의 이미지를 제공하는 사이트
Placeholder.com: Placeholder.com – The Free Image Placeholder Service Favoured By Designers
Contents1 What Is Placeholder.com?2 How To Use Our Placeholders3 How To Set Image Size4 How To Set Image Formats5 How To Set Custom Text6 How To Set Background & Text Color6.1 Popular Hex Color Codes7 New! WEBP Support8 New! HTTPS Support9 NEW! Placeholde
placeholder.com
CSS 태그 만들어 주는 사이트
CSS3Generator by @RandyJensen
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has sur
css3generator.com
CSS 애니메이션 사이트
Animate.css | A cross-browser library of CSS animations.
Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
animate.style
www.justinaguilar.com/animations/scrolling.html
CSS3 Animation Cheat Sheet - Justin Aguilar
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod odio quis pretium hendrerit. Pellentesque fringilla suscipit ipsum ut euismod. Phasellus quis porttitor eros, vitae luctus est. Vivamus ut porta massa. Suspendisse id erat placerat
www.justinaguilar.com
Docs
Documentation for GreenSock Animation Platform (GSAP)
greensock.com
=> 애니메이션을 만들어 주는 것보다는 애니메이션 라이브러리에 가까운 사이트
스크롤이 이미지 영역에 내려오면 이미지를 불러오는 플러그인
appelsiini.net/projects/lazyload/
Lazy Load Remastered
Lazy Load Remastered Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the
appelsiini.net
스핀 로딩 바 만들어 주는 사이트
spin.js
spin.js Example Share it! If checked, the option values will be stored in the URL so that you can easily share your settings. Features No images No dependencies Highly configurable Resolution independent Uses CSS keyframe animations Works in all major brow
spin.js.org