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.

I always recommend putting up an “Under Construction” or “Coming Soon” page during the build of the new site to prevent visitors from stumbling upon your un-finished site mid-build. It could be messy while it’s under construction and leave a bad impression.

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!

Now that 2019 is well underway, we can start to consider future web design trends and industry developments for 2020 and beyond. Whether you manage your own website or outsource your services to third-party clients, web development trends are worth keeping in mind.

I’d like to share some of my favourite tools and resources because all of these tools are free to use, and sharing them is my way of showing appreciation for the help and guidance they’ve provided.

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?

Before I started building websites for clients, I used Squarespace to build a website for my previous business. It took some time to figure out, but I ended up with a website that I could be proud of, even with my unreasonably high standards.

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.

In a very, very short amount of time, I've already encountered several situations during which extended family, friends, colleagues, and even acquaintances have asked for a favour in the form of free design work.

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: