The Codebase
Filter through all the code
Find the Squarespace tutorial, plugin or snippet that’s going to help you fix or customize your client’s site in a heartbeat.
Header display on scroll under first section - Header nav (7.1)
Sometimes you want to create a big impact on a client website by setting up somewhat of a splash screen at the top of the Homepage, without actually creating a cover page. This snippet will allow you to build that effect by hiding the navigation when the page loads, and displaying it under the first section only after the user has scrolled by that first banner. All you need is the copy/paste snippets in the corresponding areas and you’re good to go!
Creating a scrolling text header button in Squarespace (7.1)
Want to make the header button of your Squarespace project unmissable? Then why not turn it into a mini scrolling marquee with today's CSS trick! Let's get to it.
Create a typewriter effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE)
In today’s tutorial, we’ll be tackling how to create a typewriting effect for headings in Squarespace, in just a few minutes!
Looping rotating words effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE)
Want to create a looping rotating effect for a heading on your client project? Then take a look at how you can easily achieve that with an awesome plugin!
How to create custom shapes for images in Squarespace (7.0, 7.1 CE & 7.1 FE)
Want to know how to create custom shapes for images in Squarespace? Then today’s tutorial is for you! Take a look.
Animating the logo on hover in Brine (7.0)
CSS is not always fun and games but sometimes it can be! For today’s cool CSS trick, we’ll be looking at how to create an animated logo on hover, in Brine, with a pretty simple approach!
How to create a simple fade in animation (7.0 & 7.1)
You know when you load your Squarespace site and you can see some of the blocks rearranging their content for a few seconds before everything snaps into place? (e.g the carousel block). Well, we’re going to be adding a super simple fade in animation to make it load nicer!