In today's digital landscape, websites must be designed with responsiveness in mind. As a Squarespace designer, one of the most important steps in my web design process is ensuring my websites are responsive and look amazing on all displays, be it mobile, tablet, or desktop.

Adding floating social icons that are always visible to your website is an easy way to encourage visitors to follow you on your chosen platforms and stay up to date with your content. Not only do these icons provide an easy way for visitors to connect with you, but they also contribute to the professional and cohesive look of your site. The new Fluid Engine update to Squarespace means the codes we used on 7.1 to achieve this are no longer viable and they need some tweaking.

In this article, I’ll show you how to create an anchor link sidebar navigation in Squarespace 7.1 and Fluid Engine.

In this article, I’ll show you how you can force the mobile navigation to show all the time, even when viewing on desktop browsers in Squarespace 7.1.

The Brine family of templates in Squarespace 7.0 offered a lovely, optional parallax feature that could be applied to banner images. 7.1 does not currently offer this option. However, with a little bit of code, we can add a (more flexible) version of the parallax effect to banner images in this updated design system.

There is a plethora of amazing effects that anyone familiar with CSS and/or Javascript can implement on a customized website. However, because the HTML is already written for you when you’re building with Squarespace, it can be difficult to add custom effects using a combination of HTML, CSS and Javascript, but it can actually be quite easy.

In this article, I’m going to show you how you can force the mobile navigation to show all the time, even when viewing on desktop browsers like I have on this website. It’s really quite simple!

Parallax web design effects have been growing in popularity for years. It’s a wonderful way to add visual interest you your website when done correctly.

Some time ago, I wrote an article outlining how to create slanted headers and footers. That small bit of code was then featured within the Ghost Plugins library, and I’ve since been bombarded with emails containing questions about how to add slanted sections within a Brine Index.

If you’ve spent any time building a Squarespace website, you know that it’s super easy to make a horizontal line by using a line block. But what about vertical lines?

As I gain more experience building websites on Squarespace, I continue to notice small nuances that are sometimes neat, sometimes annoying. Regardless of what it is, I often just want to change some small thing.

Squarespace made it easy for us website solopreneures to implement that annoying (but necessary) cookie banner on our own sites. I’ve only just turned it on on my own website, but was shocked to see this:

Button blocks in Squarespace are a super easy and convenient way to add a good-looking and consistently stylized button to your page. The convenience of Squarespace also comes with some limitations that sometimes make ostensibly easy tasks difficult.

Squarespace offers a tightly curated collection of templates that allow you to be your own designer and come out looking like an industry leader with a polished website, but it's easy to simply choose a template, plug in your photos and text, and end up with a website that looks exactly like the thousands of others with the same layout and styling.

One of the main concerns I've heard from clients and others thinking about using Squarespace is that they don't want their website to look and act like everyone else's site and look like a template.