Resources

Essential Tools

Curated guides that lay out best practices for CodeStitch and some of our favorite digital tools.

Featured

The CodeStitch Page Speed Handbook

Our step-by-step guide on how we get 100/100 Page Speed scores.

Read Now
Freelancing

Complete Guide To Freelancing

Everything you need to know to start & run a successful web design business.

Freelancing

Website Starter Kit (LESS)

A complete website built in 11ty ready go with a blog and cms already configured for you to edit.

Freelancing

Website Starter Kit (SCSS)

A complete website built in 11ty ready go with a blog and cms already configured for you to edit.

Freelancing

Advanced Starter Kit

This kit comes complete with e-commerce built in, automatic asset optimizations, and much more for the more advanced user.

Invoicing

Bonsai

Robust invoicing platform that works in over 180 countries.

Freelancing

Convert Rich Text To Markdown

Convert text from a word document into markdown format.

Freelancing

Convert Markdown to HTML

Convert markdown text into HTML to be hardcoded into your site.

Responsiveness

Browserstack

Test your website on hundreds of real devices & browsers via the internet.

Design

Flaticon SVG's

Access thousands of customizable SVG icons and graphics perfect for any website.

Design

Open Source Icons

Use SVGRepo to cusotmize and download thousands of free and open source SVG icons.

Design

Favicon Generator

Upload images to create custom favicons for your site.

Design

Font Pair Guide

Our design team curated a list of the best font pairs to use for your websites.

Design

SVG Waves

Create unique SVG waves to use as dividers between your sections.

Design

Tints & Shades

Quickly make lighter and darker versions of a brand color that work together.

Photography

Pexels

Our go-to recommendation for free, open source images.

Photography

Unsplash

Another stock photography option to add some more variety.

Design

Figma

What we use to design all our stitches and client websites.

Accessibility

Web AIM

Check the color contrast ratios of your font colors for AA & AA guidelines.

SEO

Page Speed Guide

Our step-by-step guide on how to get a 100/100 Google Page Speed Score

SEO

AI Reviver

Have real SEO copywriters proofread and edit your AI written content so it ranks better with a human touch

SEO

Cloud Convert

What we use to convert our images to WEBP format.

SEO

Compressor.io

Compress your images and reduce their sizes by up to 80%.

SEO

W3C HTMl Validator

Validate your HTML to make sure it has no errors or warnings to be fixed.

SEO

Dr. Link Check

Scan your entire website for 404's and other errors that need to be fixed.

Fonts

Google Fonts Helper

The place to go to subset and download your fonts to host locally.

SEO

Page Speed Test

Check your Google Page Speed score and see what issues they find for you to fix.

SEO

Sitemap Generator

Enter your URL to generate a sitemap.xml file to add to your website.

Our digital playground of tools and resources is constantly changing.

As a small team, we realize we may not have found the latest recommendations, so if you have a favorite essential that’s not on our list, send us a note! We’d love to check it out, test it, and add it to our list if we genuinely believe in its use for our own workflow.

Ready to start creating beautiful websites?

Our blocks are designed by professional designers, and developed by skilled developers so you don’t have to worry about the details.

*No spam, we promise. Only product updates. Get Started