Maxime Beguin

How to Create a Right Overflow Effect on Sliders in Bricks
In this tutorial, we'll learn how to recreate a nice overflow effect on the right of our sliders in Bricks.…
Read more →
Categories:
Tags:

How to Create a Progress Bar for the Nested Slider in Bricks
In this tutorial, we'll learn how to add a progress bar to our nested slider element in Bricks. Introduction A…
Read more →
Categories:
Tags:

How to List Your Posts Divided by Categories in Bricks
In this tutorial, we'll learn how to display a list of posts divided by each category. The DOM tree Here…
Read more →
Categories:
Tags:

How to Create a Grid Slider in Bricks
In this tutorial, we'll learn how to create multiple rows and columns inside the default nested slider of Bricks. Introduction…
Read more →
Categories:
Tags:

How to Add a Custom Control Field to an Element in Bricks
In this tutorial, we'll learn how to add a custom control field to an element and dynamically change a CSS…
Read more →
Categories:
Tags:

How to sync two nestable sliders in Bricks
In this tutorial, we'll learn how to sync two nestable sliders in Bricks: one will be the main slider and…
Read more →
Categories:
Tags:

How to import custom posts with featured images and custom fields by fetching an API using a single AJAX call
In this tutorial, we will import a list of movies - including images and custom fields - inside a custom…
Read more →
Categories:
Tags:

Introduction to Fetching API in Bricks
In this tutorial, we'll create a dynamic Chuck Norris quote picked from a public API to understand the basics of…
Read more →
Categories:
Tags:
How to apply a custom query var to multiple query loops in Bricks
In this tutorial, we'll learn how to apply a PHP filter to modify the query var of multiple query loops…
Read more →
Categories:
Tags:

A CSS approach to content switcher in Bricks
In this tutorial, we'll build a 100% CSS solution for content toggles in Bricks. Introduction If you are looking for…
Read more →
Categories:
Tags:

How to change the text of an element based on breakpoints without creating duplicated content
In this tutorial, we'll learn how to dynamically change the text of a basic text element based on the viewport…
Read more →
Categories:
Tags:

How to create responsive tooltips in Bricks
In this tutorial, we'll see how we can add perfectly responsive tooltips to any Bricks elements. Introduction Tooltips can be…
Read more →
Categories:
Tags:

GSAP in Bricks: a concrete example
In this tutorial, we're going to create a custom timeline with different popular GSAP animations and integrate it into the…
Read more →
Categories:
Tags:

How to add a layout toggle on query loops in Bricks
In this tutorial, we’ll show you how to change the layout of your query loop container based on the click…
Read more →
Categories:
Tags:

Introduction to GSAP in Bricks
In this tutorial, we'll learn how to run basic GSAP animations inside the Bricks Builder using JSON objects inside specific…
Read more →
Categories:
Tags:

How to add a resizable desktop navbar in Bricks
This tutorial will show you how to add a "More" menu item when the navbar overflows on desktop.
Read more →
Categories:
Tags:

How to add a custom SwiperJS slider in Bricks
In this tutorial, we'll show you how to integrate a custom slider in Bricks using the SwiperJS library and how…
Read more →
Categories:
Tags:

Add masonry style to the Remote Template list
This article will show you how to transform the remote templates list of Bricks in a masonry style without cropping…
Read more →
Categories:
Tags:

How to create filters with IsotopeJS in Bricks (Part 4): AJAX filter and infinite loops, Sorting, List view and Disable animations
This tutorial will explain how to enable the AJAX filter with an infinite scroll query loop container, how to add…
Read more →
Categories:
Tags:

How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filters
This tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks.
Read more →
Categories:
Tags:

How to create filters with IsotopeJS in Bricks (Part 2): Dynamic Image Galleries
This tutorial series will review how to create a dynamic filterable image gallery using the IsotopeJS library‘s features in Bricks. Requirements Create…
Read more →
Categories:
Tags:

How to create filters with IsotopeJS in Bricks (Part 1)
This tutorial series will explore the IsotopeJS library's features inside the Bricks ecosystem.
Read more →
Categories:
Tags:

How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 4)
This tutorial provides the PHP & JS codes that can be pasted in order to filter your markers on a…
Read more →
Categories:
Tags:

How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 3)
This tutorial provides the PHP & JS codes that can be pasted in order to filter your markers on a…
Read more →
Categories:
Tags: