Want to see your favorite tool here?
I hope there is something here you find useful.
There is a big hub on GitHub for developer resources, which can be foundĀ here.
Autoprefixer is a PostCSS plugin which parses your CSS and adds vendor prefixes
A hub for CSS generators.
A quick and easy tool to use in generating box shadows.
Online tool to find your screen resolution. Quick and easy to use, helps with debugging visual issues
Image compression at it's finest thanks to Google!
A cheatsheet/guide to the :nth-child selector
Nice collection of CSS animations for your awesome web projects
A collection of pure CSS3 lightweight animations
24 HTML Tags you may not know.
Tools Every Developer Should Know and Use
EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies - all achieved within a few clicks to help save time.
Go Full page allows you to take a full screen screenshot, useful if you need to supply an image to show a layout.
Screen Recorder is the easiest tool I've used to quickly record your screen activity, with each recording you can choose whether to have voice or not.
The Web Developer extension adds a toolbar button to the browser with various web developer tools.
This extension helps develop your websites with pixel perfect accuracy!
A colour picker for as and when you need.
If you ever need to set up automatic refresh on a page, I've found this useful in a few instances!
Receive emails anonymously with our free, private, and secure temporary email address generator.