아보카도 갠홈 관련 백업
갠홈 관련 사이트
TINYPng
이미지 용량 줄이기
TinyPNG – Compress WebP, PNG and JPEG images intelligently
Free online image compressor for faster websites! Reduce the file size of your WEBP, JPEG, and PNG images with TinyPNG’s smart lossy compression engine.
tinypng.com
iloveimg
이미지 용량,리사이즈,크롭 등
iLoveIMG | The fastest free web app for easy image modification.
iLoveIMG is the webapp that lets you modify images in seconds for free. Crop, resize, compress, convert, and more in just a few clicks!
www.iloveimg.com
PSD 온라인 편집기
Photopea | Online Photo Editor
Professional Editor Photopea offers a full suite of editing tools, from basic features like cropping and resizing to advanced features such as layering, masking, and blending. Full PSD support Photopea fully supports a popular PSD format, both opening and
www.photopea.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
CSS/JS 참고 사이트
CSS/Jquery 공작소
css 이름요소(overflow,padding 등) 와 jquery 기본요소(.add() 등의 작동요소, :first-child 등의 선택자) 참고,
CSS 공작소
CSS를 쉬운 예제와 함께 배워보세요.
superkts.com
jQuery 공작소
jQuery를 예제 위주로 쉽게 배워보는 jQuery 공작소입니다.
superkts.com
투명도에 따른 컬러코드
| 투명도 | 진수 |
| 100% | FF |
| 95% | F2 |
| 90% | E6 |
| 85% | D9 |
| 80% | CC |
| 75% | BF |
| 70% | B3 |
| 65% | A6 |
| 60% | 99 |
| 55% | 8C |
| 50% | 80 |
| 45% | 73 |
| 40% | 66 |
| 35% | 59 |
| 30% | 4D |
| 25% | 40 |
| 20% | 33 |
| 15% | 26 |
| 10% | 1A |
| 5% | 0D |
| 0% | 00 |
CSS 패턴메이커
https://pattern.monster/
디자인 컬러 사이트
피그마 컬러
컬러 다수, 컬러파레트 생성(색 이쁨)
Color Meanings & Symbolisms - Ultimate Guide to Colors | Figma
Delve into the meanings, symbolism, and history of different colors. Kickstart your designs with free custom color palettes directly in Figma.
www.figma.com
컬러피디아
헥스코드 컬러, 특정 컬러 관련 컬러파레트 생성
Hex Color Codes, Paint Matching and Color Picker
encycolorpedia.com
