티스토리 뷰

유용한 정보

유용한 정보 ( 애니메이션 / 이미지 용량 줄이기 / 컬러피커 / 웹용 줄자 )

hello-world 2021. 3. 4. 16:30
728x90
반응형

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

 

728x90
반응형
저작자표시 비영리 변경금지

'유용한 정보' 카테고리의 다른 글

git 커밋 / 히스토리 상태 보기  (0) 2022.05.25
git 원격 저장소 연결  (0) 2022.05.25
markdown 활용 html 가이드 만들기  (0) 2021.01.10
오픈그래프 / 파비콘  (0) 2021.01.10
NVM ( node 버전 관리 )  (0) 2021.01.08
댓글