Web Design Resources
ACF Resources
Proper Dynamic Content Management in WordPress
Kevin Geary video covering dynamic content set up and card set up in Bricks
ACSS Resources
ACSS 101.02: Establishing & Manipulating Your Site’s Content Width
How to set and manipulate the content width in Bricks with ACSS.
ACSS 101.03: Fluid Responsive, Scale-Based Typography
Automatic.css offers a fluid-responsive, scale-based typography system that works out of the box and is easy to customize for any and all design requirements.
ACSS 101.04: Fluid Responsive, Scale-Based, Contextual Spacing
Kevin Geary looks at the spacing system in Automatic.css.
ACSS 101.07.P1: Background & Text Color -Traditional Approach
Kevin Geary on the traditional method to setting and managing background and text colour in Automatic.css.
ACSS 101.07.P2: Background & Text Color – Contextual Approach + Auto Color Relationships
The newer, more modern approach to managing background and text color on websites.
Advanced Themer Resources
10x Your WordPress Bricks Workflow With Advanced Themer
WPTuts looks at updated features in Advanced Themer.
Bento Grids on WordPress & Advanced Themer
WPTuts tutorial on recreating a trendy bento grid layout using Bricks Builder and Advanced Themer.
Mastering Advanced Themer Essential Features & Settings Explained
WPTuts tutorial on Advanced Themer preferred settings.
Mastering Advanced Themer Essential Features & Settings Explained
WPTuts guide to Advanced Themer settings.
Mastering Perfect Images for All Screen Sizes – Advanced Themer
WPTuts looks at how to set the feature point for images on responsive layouts using Advanced Themer.
Bricks Builder Resources
Bricks Builder Full WordPress Website Course
Web Squadron video covering all aspects of Bricks Builder Full WordPress Website Course – SEO – Blog – Performance – WordPress Tutorial 2023.d
Bricks Labs
A collection of tutorials covering dynamic solutions using ACF and Bricks to create custom features.
Create a Video Background With CSS
HibSpot tutorial on CSS method for creating a video background in a section. Works with all builders.
Filterable Happy Files Gallery
How to create a filterable image gallery in Bricks Builder using Happy Files Pro and WP Gridbuilder.
How to create a responsive HTML table
Creating a data table in HTML.Complete with styling options.
Learn Bricks Builder
Collection of resources by WPTuts which forms an training course for Bricks Builder.
Learn with Dave
Multi lesson training course covering the fundementals of web design with Bricks Builder.
Populated map with ACF and Bricks
The PHP & JS codes that can be pasted in order to create a dynamic map with markers populated from a custom post type inside the Bricks Builder.
Proper Dynamic Content Management in WordPress
Kevin Geary video covering dynamic content set up and card set up in Bricks
Renmoe Library
Copy and paste Bricks sections and components for rapid wireframing of websites in Bricks Builder
Show or Hide A Section With Bricks Builder
YouTube tutorial on how to show or hide a section in Bricks Builder using dynamic data and CSS
Sticky Header with effects
How to use BricksExtras to apply overlay & sticky headers at various breakpoints conditionally across any page.
Stop Making This BIG Mistake With Clickable Cards
This video teaches the “clickable parent” and “focus parent” techniques for properly linking clickable content groups like cards.
Inspiration
UI Design Resources
Design Better Than 99% of UI Designers
Tim Gabe looks at 7 key guidelines the top 1% UI designers use to design amazing websites again and again.
Wordpress Resources
Bulk Resize Photos
Bulk compress original images in jpeg and png formats to webp for website use.
Cloud Convert
Convert font files to woff2 for smallest file size before uploading to WordPress as a custom font.
Create a Video Background With CSS
HibSpot tutorial on CSS method for creating a video background in a section. Works with all builders.
How to create a responsive HTML table
Creating a data table in HTML.Complete with styling options.
The 11 ESSENTIAL Plugins I Install On ALL My Websites
WPTuts video on essential WordPress Plug-ins for 2024
WP Gridbuilder Resources
Filterable Happy Files Gallery
How to create a filterable image gallery in Bricks Builder using Happy Files Pro and WP Gridbuilder.