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

Amelia – Appointment and Events WordPress Booking Plugin ($189)
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.
FareHarbor – The most trusted software and resources for tours and activities.
Fresha – The only subscription-free booking platform for salons and spas
GrubHub – Order food delivery you’ll love
JetBooking (Crocoblock) – JetBooking.  Plugin for Elementor.
LatePoint – Appointment Scheduling Plugin for WordPress
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
Vagaro.com – Salon, Spa, & Fitness Software
WooCommerce Bookings – Allow customers to book appointments, make reservations or rent equipment without leaving your site.

CUSTOMER RELATIONSHIP MANAGEMENT (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.

CASCADING STYLE SHEETS (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 experiences
Wix.com – Create a Website You’re Proud of
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
ClipArtMax – Millions of clipart images, unlimited download for free!
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
Image Downloader Chrome Extension
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
RemoveBG – Remove Image Background
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)
Make Word Art
Scribus – Open Source Desktop Publishing (Free)
SwatchBooker – Reads color swatches, gradients, and patterns (Free)

DESIGN - Image Conversion | Optimization

Compress JPEG – With the Force of an Elephant
EZGIG.com – Animated GIFs made easy
Tinyjpg – Smart JPEG and PNG compression
Tinypng – Smart PNG and JPEG compression

DEVELOPER & CODING RESOURCES

Can I Use?
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 - E-mail

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
Answer The Public – Discover what people are asking about…
Backlinko – Brian Dean
Exploding Topics – We surface rapidly growing topics before they take off.
Google Developer Tools – Improve your site’s SEO
Google Keyword Planner – Choose the right keywords
Google Search Operators – (MOZ), (ahrefs), (GoogleGuide), (Semrush), (SpyFu), (Kinsta)
Keywords Everywhere (Browser extension) – Keyword research on the go
Keyword Tool – Find Great Keywords Using Google Autocomplete
MOZ – There’s a smarter way to do SEO.
Neil Patel – Do you want more traffic
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 & OPTIMIZATION TESTING

Byte check – Website speed test
GeoPeeker – See how a site appears to the rest of the world
Google Mobile-Friendly Testr – Is your web page mobile-friendly?
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?