Some of the links in this post are affiliate links. This means if you click on the link and purchase the item, I will receive an affiliate commission at no extra cost to you. Regardless, all opinions remain my own. For more information, please visit the Disclaimer page.

I have complied (am compiling) a list of tools that I find myself using quite often. Some for fun, others for work. I thought that, since I was gathering these resources, that I may as well share them in case they could be useful for you too! All of these are free or have a free option, whether that is a level in which the full feature list is reduced or a free trial period, but most are completely free.

If you have any suggestions for websites/apps/extensions that I may have left of for one reason or another or if you see that any of these resources are no longer available, please let me know! I’ll update as often as I can. As of writing this intro, all of these tools are still up and running.

As I can, I will add descriptions to these items. All are linked.

Note: Description listed under each resource is from the associated resource page. Resources open in a different tab.

Developer Tools

Metatags.io

Meta Tags is a tool to debug and generate meta tag code for any website. With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

extractCSS

extractCSS is a JavaScript library and an online tool that lets you extract element ID, class and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!

WhatRuns

WhatRuns extension is one click away for you to find technologies used on any website you visit. From Developer Tools and Ad Networks to WordPress Plugins and Themes, we detect even the new and upcoming tools and services.

Unminify

Free tool to unminify (unpack, deobfuscate) JavaScript, CSS, HTML, XML and JSON code, making it readable and pretty.

Web Developer Checklist

Analyses any web page for violations of best practices. This extension helps web developers easily discover problem areas in websites.

EditThisCookie

EditThisCookie is a cookie manager. You can add, delete, edit, search, protect and block cookies!

GTMetrix

How fast does your website load? Find out with GTmetrixSee how your site performs, reveal why it’s slow and discover optimization opportunities.

Google Page Speed

PageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster.

Browserling

Live interactive cross-browser testing. Get a browser and start testing in 5 seconds!

Responsively App

Develop responsive web apps 5x faster! A must-have DevTool for all Front-End developers that will make your job easier.

Compressior.io

Fast & efficient image compression

DrawKit

Beautiful, free illustrations. Updated weekly.
Hand-drawn vector illustration and icon resources, perfect for your next project.

Happy Hues

Curated colors in context.
Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.

DesignValley

DesignValley is the ultimate design tool depository. Find, vote, save and share your favorite design tools now!

illlustrations.co

Open source illustrations kit.
Designed 100 awesome illustrations during 100 days of illustration challenge (Now added more than 120+ illustrations). You can download all illustrations completely free and use these to design awesome – landing pages, mobile app or presentations.

Generated Photos

Unique, worry-free model photos
Enhance your creative works with photos generated completely by AI. Find model images through our sorted and tagged app, or integrate images via API.

Old Book Illustrations

Old Book Illustrations offers a wide range of public domain, royalty-free images scanned from old books. Searchable galleries include animals, plants, techniques, artists names, books titles, and much more…

fontpairings.bypeople.com

Create and test amazing font pair combinations and see how they look in your project

Canva

Canva. Design for everyone.
Create with custom templates and design with a team. Share designs anywhere and get it professionally printed anytime.