Starting Wednesday, September 1st, pricing for some of my plugins will increase. I’m keeping a few essential plugins at $10, increasing the price of the rest of my current pro plugins

From my portfolio: A custom pricing table for trqk.io.

Pricing tables have been notoriously difficult to build in Squarespace, so I was asked to build a responsive one. This one is built with CSS and Javascript, and very little custom HTML, so the client can easily update it.

Let’s build a Before / After Image Block in our Squarespace website. As we hover our mouse over an image, this code will show a different image.

Easily add a before / after image slider to your Squarespace website using image blocks.

Here is a fairly simple code snippet that will allow you to replace the Search Block Placeholder text on all your Squarespace blocks. The accompanying tutorial is a great beginner javascript lesson, if you’re into that kinda stuff.

Here is some CSS that will move the product price on your product page to above the “Add to Cart” button. You can reorder this content however you’d like though.

Here is some simple code to add space to start of a List Section with a Carousel Design.

Here is some code that will auto-scroll a list section on your Squarespace 7.1 website. This code works for the "Banner Slideshow" layout or the "Carousel" layout.

Squarespace Auto-Layout Sections are now available as a new section-type for all Squarespace 7.1 websites. In this article, I’m going to show you an example of the 3 different layouts, review some of my favorite features, as well as point out the differences between the Auto-Laytout Banner Slideshow and my Pro Section Slider plugin. Let’s dive in.

I’ve put together a chart comparing the design and functionality features of the List Section Banner Slideshow and my Pro Slider Plugin, so that you can easily decide which one is a better fit for your needs.

Here are two css snippets to help you switch the default alignment of your main nav folder dropdowns items. Switch from left-aligned to right-aligned or vice versa.

Keep the aspect ratio of your background images the same, so they don’t get cut off on mobile. This tutorial will give you some simple and adjustable code to make your background images never get cropped.

This plugin allows you add a simple & clean autoplaying video element to your website.

Similar to the Blog Banner Plugin, this plugin allows you to choose from 4 different banner styles for your Event Pages. Demo Available

Handy little trick to switch between HEX, HSL, & RGB color values in the web inspector. Check it out on my Instagram page.

Anchors links allow you to jump to a specific section of a page. But they can present a problem if your header is fixed to the top of the screen. When you jump to an anchor, the text can get covered by the header. This trick fixes that.

Here is a custom project I worked on for Valia Ventures. The result is a filterable portfolio element with images that pop up on hover of each portfolio item. Check it out.

In this tutorial, I’m going to walk you through how to replace the site title (or Site Logo) on a specific page of your website.

This is an update to my previous tutorial on how to add a Banner image to blog posts. Free version & Pro version both got updated and come with better performance and simpler CSS customizations.

Now with Sticky Sections. Check out the demo.