Search Resources
Links by Tag
  • 3D
  • Accessibility
  • Animation
  • API
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
    • Billing
    • Legal
  • Career
  • Cheatsheets
  • CMS
    • eCommerce
    • Static Site Generators
  • Code
    • Coding Challenges
    • CSS Generators
    • Frameworks
    • HTML/CSS
    • JavaScript
    • Open Source
    • PHP
  • Colour
  • Community
  • Copywriting
  • Developer Tools
    • Version Control
  • Domains & Hosting
  • Email
  • Featured
  • Fun
  • Hardware & Merch
  • Icons
  • Illustrations
  • Inspiration
    • Design Systems
  • Learning
    • Learn to Code
    • Learn to Design
  • Marketing
  • Marketplaces
  • Mockups
  • Newsletters
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Public Health
  • Security
  • Self Care
  • Self Hosted
  • SEO
  • Services
    • Analytics
    • Forms
    • Maps
    • Social
    • Support
  • Software
    • Browser Extensions
    • Code Editors
    • Design Software
  • Templates
  • Test & Optimise
    • Accessibility Testing
    • Browser Testing
    • Code Quality
    • Speed Testing
  • Typography
  • UI Kits
  • UX Design
  • Video
  • WordPress
    • WordPress Plugins
    • WordPress Themes

More
  • My Favourites
Toolkit
  • About
  • Suggest
Screenshot of Regex Crossword website
Visit Link
https://regexcrossword.com/

Regex Crossword

Filed under Fun, Learn to Code

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

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 Learn to Code

View all Learn to Code  
Screenshot of Oh My Git! website
Visit Link
https://ohmygit.org/

Oh My Git!

Filed under Fun, Learn to Code, 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 HTML/CSS, Learn to Code

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 Cheatsheets, Developer Tools, Learn to Code

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, Learn to Code

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, Learn to Code

Another great interactive Flexbox challenge from the makers of Flexbox Froggy. Once you've completed this and Flexbox Froggy you'll be a Flexbox ninja!

Free
...
Screenshot of Learn Eleventy From Scratch website
Visit Link
https://learneleventyfromscratch.com/

Learn Eleventy From Scratch

Filed under Learn to Code, Static Site Generators

In this Eleventy (opens new window)course, we go from a completely empty directory to a full-blown marketing site for a design agency, and along the way, we dive really deep into Eleventy and front-end development best practices.

Free
...
Screenshot of Learn CSS Grid website
Visit Link
https://cssgrid.io/

Learn CSS Grid

Filed under Learn to Code

Learn CSS Grid with Wes Bos in 25 "pretty good" videos. From fundamentals to real world in about 4 hours.

Free
...
Screenshot of Explain Shell website
Visit Link
https://explainshell.com/

Explain Shell

Filed under Developer Tools, Learn to Code

Write down a command-line command to see the help text that matches each argument.

Free
...
Screenshot of Lightning-Fast Web Performance website
Visit Link
https://scottjehl.com/lfwp/

Lightning-Fast Web Performance

Filed under Learn to Code, Speed Testing

A free online lecture course by Scott Jehl. Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from the start.

Free
...
Screenshot of CSS Hell website
Visit Link
https://csshell.dev/

CSS Hell

Filed under HTML/CSS, Learn to Code

Collection of common CSS mistakes, and how to fix them.

Free
...
Screenshot of Code Faster with Emmet website
Visit Link
https://fasterwithemmet.com/

Code Faster with Emmet

Filed under Developer Tools, Learn to Code

Write a ton of code with a single line of Emmet. This is a free course that helps us to be faster developers.

Free
...
Screenshot of Beginner Web Dev website
Visit Link
https://beginnerwebdev.com/

Beginner Web Dev

Filed under JavaScript, Learn to Code

Get started with JavaScript with this free course containing almost 5 hours of video from Better Dev.

Free
...

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

Follow on Twitter for a new link daily!
Say thanks & fund more with a coffee

Join the Newsletter

The very best new website building resources sent to your inbox once at most once a fortnight.

Your subscription could not be saved. Please try again.
Please check your email to confirm your subscription. It's worth it!
© Adam Greenough 2022. All rights reserved. Made with ☕️ in the UK. Proudly hosted with 100% renewable energy 🍃 via Krystal Hosting (affiliate).
About Privacy Submit