Squarespace Box of Tricks
$60.00 5 Sections 34 Lessons
Course Description
Our box of tricks series is less formal than some of our other series, with a focus on design tips, development techniques and essential shortcuts.
It has taken Squarespace Authorised Trainer, Elwyn Davies, decades to collate and refine some of these concepts. Still, you can now cut a few corners without any reduction in the quality of your final Squarespace website.
We shall go way beyond the Starting templates, exploring bespoke aspects like custom code, Professional design practice and third-party plug-ins from some of the very best Squarespace developers around the globe. All of these videos are one-take sessions, intending to mirror the informality and flexibility of our PixelHaze one-to-one workshops.
We will also be building this box of tricks course into a massive library over several months to eventually include all aspects of Squarespace, which of course Includes the new 7.1 interface. I will also be giving you an insight into some of the third-party software and design tips that I have picked up over my many years of running a web design agency. If the library is still relatively small when you first enrol, please check back regularly as we will be adding at least 4-5 lectures per month.
Come and join us. It should be fun! let’s crack on... :)
Course Content
Live Project - Strand Cafe
In this case study, we will take you through the process of creating a website for a rural cafe using Squarespace. We will cover all the major steps involved, starting with signing up for an account and choosing a template. Next, we will customize the template with the cafe's branding and content, including text, images, and other media. We will then delve into the settings menu to customize the look and feel of the website, including the colors and fonts. Finally, we will walk you through the process of publishing the website so that it is live on the internet for customers to access. By the end of this module, you will have a fully functional website for your rural cafe that is professional, easy to navigate, and visually appealing.
The Bullet Point Brief
Wireframe the homepage
Templates, fonts and colour packs in Squarespace
Building the homepage layout
Refining our website design
Rapid content creation
Adding content to Squarespace
Upload and edit photos
Responsive and mobile device web design
The Squarespace spruce-up
Lift-off!
Project timelapse
Getting Started - Page Building
To get started with Squarespace, the first thing you need to do is sign up for an account. Once you have an account, you can start building your page by choosing a template and customizing it with your own content. You can add text, images, and other media to your page using the drag-and-drop
editor. This module will get you up and running with the basics.
Page Building 1 - Wireframing a key page layout for Squarespace
Page Building 2 - Scaffolding a key page in Squarespace
Page Building 3 - Working with content blocks
Page Building 4 - The 12 column grid
Page Building 5 - Text editor
Page Building 6 - Building multiple column layouts
Squarespace Fluid Engine
The new fluid engine in Squarespace has made significant changes and improvements to the website builder. These changes have streamlined the building process, making it more efficient and user-friendly. In this module, we will take you through the key developments of the new fluid engine to help you get up to speed. We will explore the new drag-and-drop editor, which allows you to easily add and rearrange content on your website. We will also delve into the new design options, which give you more control over the look and feel of your website.
The Squarespace Fluid Engine
Fluid Engine 1
Fluid Engine 2
Fluid Engine 3
Fluid Engine 4
Summary blocks
Summary blocks in Squarespace are pre-designed blocks that allow you to easily display and organise your content in a clean, visually appealing layout. In this module we will showcase all summary block options, and take you through the setup process for each.
Summary Blocks 1 - Introduction
Summary Blocks 2 - Wall Blocks
Summary Blocks 3 - Wall Blocks Masonry Effect
Summary Blocks 4 - Carousel Blocks
Summary Blocks 5 - List Blocks
Summary Blocks 6 - Grid Blocks
Summary Blocks 7 - Event Listings
List blocks
Squarespace Lists 1 - Lists or Summary Blocks
Squarespace Lists 2 - Creating a list block
Squarespace Lists 3 - Carousel Galleries
Squarespace Lists 4 - Creating different list effects