[CSS] Useful CSS tool for Web designer and developer

1. Color Picker (Chrome)

You might know the use of color picker in Chrome, recently there are a feature inside color picker which is "contrast Ratio ", which can help developer/design to check whether font color & background have good contrast ratio for readability.

2. Taxt Shadow Editor (Chrome):

There is tiny windows icon for Text-shadow, when you click it, it'll open an editor for your to edit Text-shadow.

4. Grid Layuot Inspector (Firefox):

It helps to understand the grid layuot better for a page.

6. Color Gradient:

grabient:https://www.grabient.com/

Helps developer to choose a better color gradient.

Easing gradients:https://larsenwork.com/easing-gradients/

A powerful tool to the try out color gradients.

7. Shape/clip Path Editor (FireFox Nightly):

8. Web Font Editor (Firefox Nightly):

[CSS] Useful CSS tool for Web designer and developer