Web Design Resources 2021

Your Tech Directory

Web Design Resources 2021 is an evolving directory designed to help Web professionals find the information and tools they need to succeed.

ACCESSIBILITY

WebAIM – web accessibility in mind

ADVERTISING

AdThrive – Get the highest possible income for every pageview
BuySellAds – Advertising for busy tech marketers
GoogleAdsense – We value your content
WordStream – Online advertising made easy

CALENDAR | BOOKING | DELIVERY

Booker – Appointment Scheduling Software
Booksy – We keep your business on pace with your passion.
Calendly – Calendly helps you schedule meetings…
DoorDash – Your favorite restaurants, delivered
Dubsado – More business, less busywork.
GrubHub – Order food delivery you’ll love
Mindbody – Helping you create powerful wellness experiences
OpenTable – Support your favorite restaurants
Postmates – Order from local favorites near you
UberEats – Hungry? You’re in the right place

cPanel

CRM

AgencyAnalytics – All-In-One Reporting Platform for Agencies
HubSpot – There’s a better way to grow
Monday.com – Work the way that works for you
Trello – Trello helps teams move work forward.

CSS

Character Entities – Character Entities for HTML, CSS and Javascript
Character Entities Reference Chart – Reference Chart
CSS-Tricks
CSS-Tricks – A Complete Guide to Flexbox

COLLABORATION

Zeplin – The better way to share, organize, and collaborate on designs…

CONTENT MANAGEMENT SYSTEMS (CMS)

Drupal – The hub of your digital presence
Joomla – The Flexible Platform Empowering Website Creators
Magento – Create engaging, shoppable experinces
WordPress – Open-source software you can use to create a website

DESIGN - Color

Adobe Color – Create, Explore, Trends, Library
ColorMind – Color scheme generator
Colors.lol – Overly descriptive color palettes.
Contrast Ratio – Checks background vs. Text color
Coolors – The super fast color schemes generator!

DESIGN - Fonts

1001 Fonts
Adobe Fonts – Search fonts, foundries, designers, and more…
Font Squirrel – 100% free for commercial use
dafont – Top fonts for every project
Google Fonts
My Fonts – What the Font – Instant font identification 

DESIGN - Icons

Fontello – icon fonts generator
IcoMoon – Free
Font Awesome – Get vector icons and social logos…
Fontastic – Add Vector Icons to Your Website
Shapes4free – 2,800+ Photoshop Shapes

DESIGN - Idea Center

One Page Love – One Page Websites, templates, and resources
Shopify Themes
Webdesign Inspiration – The best website design ideas

DESIGN - Images, Video, & Audio

Clipart Library – Free Clip Art Library
Convertio – Convert your files to any format
Coverr – Beautiful Free Stock Video Footage
Epidemic Sound – Don’t mind the license.  We got your back.
FreeImages – Find free stock images, ready for your projects
Freepik – Graphic resources for everyone
Instagram Photo Downloader – Instagram Photo Downloader
Mazwai – Handpicked stock video footage
Pexels – The best free stock photos & videos shared by talented creators
Pixabay – Stunning free images & royalty-free stock
Stock Unlimited – 1 Million+ Visuals for Businesses & Professionals
Vecteezy – Download free vector art, stock photos & videos
Videezy – Free HD Stock Footage & 4K Videos!
Videvo – Free Stock Video Footage

DESIGN - Graphic Design

Canva – Design anything (Free)
Gimp – GNU Image Manipulation Program (Free)
Inkscape – Draw freely (Free)
Scribus – Open Source Desktop Publishing (Free)
SwatchBooker – Reads color swatches, gradients, and patterns (Free)

DESIGN - Image Optimization

Compress JPEG – With the Force of an Elephant
Tinyjpg – Smart JPEG and PNG compression
Tinypng – Smart PNG and JPEG compression

DEVELOPER & CODING RESOURCES

Codecademy – Join the Millions Learning to Code with Codecademy
CodePen – The best place to build, test, and discover front-end code
Codewars – Achieve mastery through challenge
FreeCodeCamp – Learn to code at home. Build projects.  Earn certifications
MDN web docs (moz://a) – Resources for developers, by developers
repl.it – Code, create, and learn together
w3schools – The World’s Largest Web Developer Site

DOMAIN & HOSTING RESOURCES

Bluehost – The Best Web Hosting
Cloudways – Managed Cloud Hosting Platform
Digital Ocean – Welcome to the developer cloud
IANA – Global coordination DNS Root, IP addressing, and other IP resources
ICANN – Internet Corporation for Assigned Names and Numbers
Root Servers Org – The 12 Worldwide internet root servers
WebHosting Talk – Forum

FUN STUFF

TheOatmeal.com – How A Web Design Goes Straight To Hell

GET INFO

Built With – Find out what websites are Built With
DNSHero – Checks health and configuration
IP2Location – Identify Geographical Location and Proxy by IP Address
IsItWP – Find out which websites are built with WordPress?
scanWP – WordPress Theme Detector (Including Plugin Detection)
Wappalyzer (Chrome Extension) – Identify technologies on websites
WayBackMachine – Internet Archive
Whatsmydns.net – Global DNS Propagation Checker
WhatIsMyIP.com – What is My IP?
Whois – Identity for everyone
WordPress Plugin Checker – For installed plugins on almost any WordPress site
WP Detector – WordPress Themes and Plugin Detector

MARKETING - Affiliate Programs

CJ Affiliate – Dare to think big. Expect bigger results.
Creative Market – Managed Cloud Hosting Platform
Envato Affiliate – Become an Envato Affiliate
ShareASale – Affiliate Account Creation

MARKETING - Affiliate Programs

Constant Contact – Create branded emails, sell products, …
MailChimp – Marketing smarts for big ideas
Mailgun – Intuitive & Scalable Email APIs For Developers
SendGrid – Partner with the email service trusted by developers and marketers…

PAYMENT PROCESSING

PayPal Buttons – Which button would you like to add?

SECURITY - SSL Checkers

Digicert – SSL Certificate Checker
Qualys SSL Labs – SSL Server Test
SSL Shopper – SSL Checker
Why No Padlock – We’ve helped 8,000,000 websites become secure!

SECURITY - Malware Scanners

Google Transparency Report – Safe Browsing site status
Norton LIfe Lock – Safe Web – Look up a site.  Get our rating.
Quttera – Scan website for free.
PCrisk – Free Online Website Malware Scanner
Sucuri – Free website security check & malware scanner
WayBackMachine – Internet Archive
Virus Total – Analyze suspicious files and URLs to detect types of malware…
Web Inspector – Free website malware scanner

SEO & KEYWORD RESEARCH

ahrefs – Rank higher and get more traffic
Exploding Topics – We surface rapidly growing topics before they take off.
Google Keyword Planner – Choose the right keywords
Keyword Tool – Find Great Keywords Using Google Autocomplete
MOZ – There’s a smarter way to do SEO.
Schema.org
Screaming Frog – Website crawler and log file analyzer tools.
SE Ranking – Google Location Changer
SEMRush – One platform.  Everything you need to dominate your niche online.
SpyFu – Unlimited SEO & PPC Data
Ubersuggest (Neil Patel) – Ubersuggest shows you how to win the game of SEO.

SOCIAL MEDIA

Buffer – Simpler social media tools for authentic engagement
Creator Studio – Welcome to Creator Studio for Facebook
Hootsuite – Social is your superpower.
Loomly – Build a successful brand with your team.
Tailwind – Grow Smarter on Pinterest & Instagram

SPEED AND OPTIMIZATION TESTING

Byte check – Website speed test
GeoPeeker – See how a site appears to the rest of the world
GTmetrix – How fast does your website load?
Page Speed Grader – Faster site.  Better rankings.
PageSpeed Insights – Make your web pages fast on all devices
Pingdom Website Speed Test – Pingdom Website Speed Test
web.dev – See how well your website performs.
WEBPAGETEST – How fast does your website load?
Web Vitals (Chrome Extension) – Measure metrics for a healthy site

Disclaimer:  Some of the links on this website are affiliate links.  If you click on these links and make a purchase, there is a chance I may receive a commission for your efforts which I would greatly appreciate and do my best to put to good use. 🙂

Need a Website?