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

Codepip

Filed under Fun, Learning

Learn to code by playing games.

freemium

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 Flavio Copes Handbooks website
Visit Link
https://flaviocopes.com/access/

Flavio Copes Handbooks

Filed under Books, Code, Learning

Free handbooks for for learning to code with HTML, CSS, JavaScript, SQL, Go, Svelte, PHP, React, Command Line, Next.js, Express, Node.js, Swift, Python and C!

free
Screenshot of Divjoy React Generator website
Affiliate
Visit Link
https://divjoy.com/?via=adam

Divjoy React Generator

Filed under Code, Dev Tools, Featured, Learning

React codebase generator. Build SaaS projects 10x faster with Divjoy handling all the integration details. From routing to React hooks, you'll have everything you need to build something great.

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

Free Books for Designers

Filed under Books, Design, 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 Code, 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.

open source
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 CodinGame website
Visit Link
https://www.codingame.com/start

CodinGame

Filed under Career, Fun, Learning

Improve your programming skills while having fun and building up profiles for recruitment.

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.

open source
Screenshot of The Cursed Computer Iceberg website
Visit Link
https://suricrasia.online/iceberg/

The Cursed Computer Iceberg

Filed under Fun, Learning, Security

This is not a hall of shame. The intent is to awaken you to many of the peculiarities and weirdness of computers. Hopefully, after reading these articles, you will have learned a lot and will embrace chaos.

free

But wait, there's more! 🧰✨

Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.

3D
A11y
AI/ML
Animation
Audio
Backgrounds
Blogs
Books
Branding
Business
Career
CMS
Code
Colour
Community
Copywriting
CSS Generators
Design
Dev Tools
Domains & Hosting
eCommerce
Email
Featured
Fun
Icons
Illustrations
Inspiration
Learning
Marketing
Photography
Placeholders
Podcasts
Productivity
Security
Self-Hosted
SEO
Services
Software
Templates
Testing
Typography
Video
WordPress
3D
A11y
AI/ML
Animation
Audio
Backgrounds
Blogs
Books
Branding
Business
Career
CMS
Code
Colour
Community
Copywriting
CSS Generators
Design
Dev Tools
Domains & Hosting
eCommerce
Email
Featured
Fun
Icons
Illustrations
Inspiration
Learning
Marketing
Photography
Placeholders
Podcasts
Productivity
Security
Self-Hosted
SEO
Services
Software
Templates
Testing
Typography
Video
WordPress

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

Make friends making the web on our Discord community. ✨

Webwide is an inclusive, supportive Discord community of professional and hobbyist web designers & developers.

Discord Join Webwide on Discord
© Addy Codes 2023. All rights reserved. Made with ☕️ in 🇬🇧. Proudly hosted with 100% renewable energy 🍃 at Krystal Hosting (affiliate).
Freelance Web Developer   About   Privacy   Submit