Filters

Adobe Color Contrast Analyzer

https://color.adobe.com/create/color-contrast-analyzer
This tool compares foreground and background colors to determine if they have sufficient contrast to me WCAG guidelines.
AccessibilityColor Contrast Tools

Adobe Fonts

https://fonts.adobe.com/
Thousands of fonts that can be used for both personal and commercial projects
DesignTypography

Adobe Stock

https://stock.adobe.com/
Find the perfect stock asset for your next creative project.
Stock AudioStock PhotosStock Video

Avada Documentation

https://avada.com/documentation/Avada Official ResourcesDeveloper ResourcesLearning

Avada Elements List

https://avada.com/elements/
A complete listing of the Avada Builder elements
Avada Official Resources

Avada Maintenance and Updating

https://avada.com/documentation/category/maintenance-and-updating/
Part of the official documentation but critical to the success of your Avada website.
Avada Official Resources

Avada Patch List

https://theme-fusion.com/support/themefusion-system-status/Avada Official ResourcesDeveloper Resources

Avada Video Library

https://theme-fusion.com/documentation/avada/video-tutorials/Avada Official ResourcesDesignDeveloper ResourcesLearning

Avada.com

https://avada.com/
A new website related to the Avada builder. On March 7, 2023, ThemeFusion released this as the new home for Avada-related content, with the ThemeFusion website dedicated to the business side of things.
Avada Official Resources

Black Illustrations

https://www.blackillustrations.com/
Beautiful illustrations of Black people for your next digital project. For your websites, web applications, and mobile apps, we’ve built illustrations to be used anywhere and everywhere. Welcome to a future of inclusion.
Illustrations

Can I use …

https://caniuse.com/
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Developer Resources

Clamp() Generator

https://typescaleclampgenerator.github.io/CSS Code GeneratorDesignTypography

Color Contrast Checker

https://contrastchecker.com/
A nice tool for checking color contrast.
Color Contrast Tools

ColorSlurp

https://colorslurp.com/
ColorSlurp is the ultimate color tool for developers and designers. Pick any color on your screen using the high-precision magnifier. Create and organize palettes with advanced color editing tools. Check color contrast for perfect accessibility.
Color Contrast ToolsDesignDeveloper Tools

CSS Fluid Responsive Clamp Calculator

https://geary.co/clamp-calculator/
This handy calculator generates clamp() functions for fluid responsive web development. Bookmark it, because you may need to use it over and over again.
Clamp Gnerator

css2sass Converter

https://css2sass.herokuapp.com/CSS Code GeneratorDesignDeveloper Resources

Data Visualization Standards

https://xdgov.github.io/data-design-standards/
The Data Visualization Standards are a collection of guidance and resources to help create better data visualizations with less effort.
AccessibilityDeveloper Resources

Design Cuts

https://www.designcuts.com/?rel=stphnwlkrAffiliate LinkBlobsDesignIconsPatternsStock PhotosSVG

Design Rules

https://anthonyhobday.com/sideprojects/saferules/
Visual design rules you can safely follow every time.
AccessibilityDesign
Most Advanced WordPress Form Builder

Affiliate link

Navigator view of the page structure

Page Layout

This page was built using wpGridBuilder in combination with Avada elements. The grid and grid card are one item, and the various facets — selections, filters, pagination, and filter reset — are added using the Avada code block element. Not only is it the easiest way to add shortcodes, but it also eliminates text element styles from interfering.

I do have a few affiliate links, which is one of the reasons why I include the full URL below the title — no surprises. If you want to copy and paste the URL without the affiliate appendage, that is perfectly acceptable.

Custom CSS used for title, link, and pagination:

Copy to Clipboard