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 CSS Grid Generator website
Visit Link
https://cssgrid-generator.netlify.com/

CSS Grid Generator

Filed under Dev Tools, Learning

You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.

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 Educational Sensational Inspirational Foundational website
Visit Link
https://esif.dev/

Educational Sensational Inspirational Foundational

Filed under Learning

A historical record of foundational web development blog posts.

free
Screenshot of Knights of the Flexbox Table website
Visit Link
https://knightsoftheflexboxtable.com/

Knights of the Flexbox Table

Filed under Code, Fun, Learning

Welcome to the Knights of the Flexbox table. A game where you can help Sir Frederic Flexbox and his friends to uncover the treasures hidden in the Tailwind CSS dungeons. You can navigate the knight through the dungeon by changing his position within the dungeon using Flexbox and Tailwind CSS.

free
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

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
As an Amazon Associate I earn from qualifying purchases.
Proudly hosted with 100% renewable energy 🍃 at Krystal Hosting (affiliate).
© Addy Codes 2023. All rights reserved. Made with ☕️ in 🇬🇧.
Freelance Web Developer   About   Privacy   Submit