Many web developers need to pitch in to design web pages at times.

Did you know, you have some great free browser tools you can use to accomplish some of the tasks your designer would do with CSS and UX?

Here are a list of awesome things you must try out:

1. Turn the Design Mode "ON"
2. Color Picker
3. Flexbox Editing and Debugging
4. Gradient Selector
5. Clip-Path Editor
6. CSS Overview
7. Font Editor
8. Changes
9. Animation Editor
10. Device Toolbar

I've create this article to explain the usages of all the above. Please let me know what do you think?

https://blog.greenroots.info/10-devtools-tricks-to-help-you-with-css-and-ux-design