유용한 정보 ( 애니메이션 / 이미지 용량 줄이기 / 컬러피커 / 웹용 줄자 )
Box shadow - https://brumm.af/shadows
brumm.af
brumm.af
Gradient - https://www.grabient.com/
Grab yourself a gradient
Beautiful and simple UI for generating web gradients.
www.grabient.com
Easing ( cubic-bezier ) - https://easings.net/ko#
Easing Functions Cheat Sheet
Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.
easings.net
Regex 시각표현 - https://ihateregex.io/
Regex cheatsheet - I Hate Regex
ihateregex.io
Animation( css code ) - https://animista.net/
Animista
Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.
animista.net
이미지 용량 줄이기 - https://imagecompressor.com/
Online Image Сompressor
Optimizilla is the ultimate image optimizer to compress your images in JPEG and PNG formats to the minimum possible size.
imagecompressor.com
뉴모피즘 - https://neumorphism.io/#55b9f3
Neumorphism/Soft UI CSS shadow generator
CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.
neumorphism.io
구글 웹스토어 - https://chrome.google.com/webstore/category/extensions
Chrome 웹 스토어
Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요.
chrome.google.com
1.colorzila - 컬러피커
chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp
ColorZilla
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
chrome.google.com
2.page ruler redux - 웹상에서 줄자 역활
chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal
Page Ruler Redux
A Web Developer\Designer ruler to get perfect pixel dimensions and positioning to measure elements on any web page. 💻
chrome.google.com