Tools

On this page, you'll find a variety of great tools that solve little issues, tools that allow you to do some things faster and a some helpful resources and free books.

Diff Checker

A tool to compare text differences between two text files. Helpful when learning from tutorials

Dev Docs

DevDocs combines multiple developer documentations in a clean and organized web UI with offline support

CSS doodle

A web component for drawing patterns with CSS

JS Design Patterns

Learning JavaScript Design Patterns. A book by Addy Osmani

Public APIs

A collection of public and free APIs for development

CSS TRICKS

A great resource itself. has all the css information you need and more!

Lorem Picsum

The Lorem Ipsum for photos

ColorHunt

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

Streamline Icons

The World's Largest Icon Library

Coolors

Color Scheme Generator

multicolor.io

Another wonderful picture resource by the creator of alligator.io

Balloon.css

Simple tooltips made of pure CSS

Tobias ahlin

JS, design and animation tips and tutorials by Tobias Ahlin

0 to 255

A color tool for finding lighter and darker colors based on any color. Very valuable for developers and designers

grid.malvern

A simple visual cheatsheet for CSS Grid Layout

CSS guides

Guides, Cheatsheets and Tools by Olivia Ng

animate on scoll

Animate on scroll library

fancy border radius

Border radius generator of organic looking shapes