Search Resources
Links by Tag
  • 3D
  • A11y
  • AI/ML
  • Animation
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
  • Career
  • CMS
  • Code
  • Colour
  • Community
  • Copywriting
  • CSS Generators
  • Dev Tools
  • Domains & Hosting
  • eCommerce
  • Email
  • Featured
  • Fun
  • Icons
  • Illustrations
  • Inspiration
  • Learning
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Security
  • Self-Hosted
  • SEO
  • Services
  • Software
  • Templates
  • Testing
  • Typography
  • Video
  • WordPress
Toolkit Addy Codes
  • About
  • Suggest
Screenshot of Josh W Comeau website
Visit Link
https://www.joshwcomeau.com/

Josh W Comeau

Filed under Animation, Blogs, Learning

Development blog focusing on React, animation, CSS and JavaScript. Great learning resource with interactive articles.

free

Report a problem with this link

Welcome to Toolkit! 🧰

Toolkit is a curated collection of tools & resources for people who make websites. Follow on Twitter for a fresh link daily or browse the site to discover the growing collection.


More from Learning

View all Learning  
Screenshot of Free Books for Designers website
Visit Link
https://www.lapabooks.com/

Free Books for Designers

Filed under Books, Learning

Free ebooks to help you develop creative and design skills.

free
Screenshot of C3 CSS website
Visit Link
https://c3css.com/

C3 CSS

Filed under Code, Learning

A methodology to help you write human-friendly CSS. C3 (Component, Child, Context) is a methodology for writing CSS, centred around a selector naming convention. This approach is intended for anyone who wants to write code which is semantic, easy to maintain, and scalable. If you are familiar with BEM, you will be familiar with two thirds of C3. Either way, you should find all the information you need in this guide.

free
Screenshot of Complete Guide to Media Queries website
Visit Link
https://polypane.app/blog/the-complete-guide-to-css-media-queries/

Complete Guide to Media Queries

Filed under Learning

Media queries are what make modern responsive design possible. With them you can set different styling based on things like a users screen size, device capabilities or user preferences. But how do they work, which ones are there and which ones should you use? Here's the complete guide to media queries.

free
Screenshot of HTML Dog website
Visit Link
https://htmldog.com/

HTML Dog

Filed under Code, Learning

HTML Tutorials. And Stuff.Everything HTML, CSS, and JavaScript, the most common languages used in making web pages.

free
Screenshot of Build your own React website
Visit Link
https://pomb.us/build-your-own-react/

Build your own React

Filed under Blogs, Code, Learning

Rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.

free
Screenshot of The Typing of the RegEX website
Visit Link
https://thetypingoftheregex.com/

The Typing of the RegEX

Filed under Fun, Learning

Do you dare to discover the horrors that await! Test your RegEX skills with this challenging game.

free
Screenshot of Web Browser Engineering website
Visit Link
https://browser.engineering/

Web Browser Engineering

Filed under Books, Learning

Web browsers are ubiquitous, but how do they work? This book explains, building a basic but complete web browser, from networking to JavaScript, in a thousand lines of Python.

free
Screenshot of Oh My Git! website
Visit Link
https://ohmygit.org/

Oh My Git!

Filed under Fun, Learning

An open source game about learning Git! Oh My Git! is an open source game that introduces players to the popular version control system "Git". It is highly interactive, and aims at building intuition for operations like "merging" or "rebasing" branches. Players are guided through the features of Git step by step – each level tells a little story where the player can use their new-found powers to solve problems or help others.

free
Screenshot of CUBE CSS website
Visit Link
https://cube.fyi/

CUBE CSS

Filed under Learning

CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency. It’s designed to work with the medium that you’re working in—often the browser—rather than against it.

free
Screenshot of Cheat website
Visit Link
https://github.com/cheat/cheat

Cheat

Filed under Dev Tools, Learning

cheat allows you to create and view interactive cheatsheets on the command-line. It was designed to help remind *nix system administrators of options for commands that they use frequently, but not frequently enough to remember.

free
Screenshot of Regex Crossword website
Visit Link
https://regexcrossword.com/

Regex Crossword

Filed under Fun, Learning

A fun spin practicing regex. Build your skills by playing Regex Crossword.

free
Screenshot of Flexbox Defense website
Visit Link
http://www.flexboxdefense.com/

Flexbox Defense

Filed under Fun, Learning

Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

free

Toolkit by Addy Codes is a curated collection of tools and resources for people who make websites.

© Adam Greenough 2023. All rights reserved. Made with ☕️ in the UK. Proudly hosted with 100% renewable energy 🍃 via Krystal Hosting (affiliate).
Freelance Web Developer About Privacy Submit