CODING FOR SQUARESPACE DESIGNERS

Learn Squarespace CSS coding and break free from copying someone else’s code!

Create your own CSS snippets for an elevated design experience

Squarespace CSS Mastery is an 8-hour course that teaches foundations of CSS. We will show tricks our agency is using to solve common CSS problems on Squarespace and give our websites extra polish!

*Your local VAT might be added to the final price.

Does this sound familiar?

You’re a newbie web designer/developer and you have some CSS skills. Maybe you took a CSS class in college or you’ve been digging sites like Stack Overflow for custom snippets. You may write some very basic stuff like custom typography but you feel lost when tackling more serious problems. You’re at level zero or your knowledge lacks structure - you feel lost when it comes to creating custom solutions.

I’m here to give the most comprehensive guide on how custom CSS works in Squarespace - from A to Z, from the bottom up so you can grasp key concepts and apply them to practice.

If you want to build professional websites for clients using Squarespace, basically, you have three options:

  • Create websites without custom code - yes, it’s possible and you can create tasteful websites if you work around Squarespace constraints. You need to know the platform inside out in order to be able to do it

  • Hire someone to bring your vision to life, help clean up tablet and mobile versions, or buy endless plugins and templates

  • Learn how to write custom CSS yourself and gain a life-changing skill that will elevate your whole career!

It’s nearly impossible to succeed in this industry without knowing the foundational HTML and CSS concepts. It’s the new literacy.

Here at Applet Studio, we’ve been creating websites for clients since 2015, and we found that at some point, every designer peeks their nose at custom code. Even if you’re a part of the no-code movement and build a website without custom code - still, a lot of it is based on the common understanding of how the web works. To give you a simple example, if you want to use design apps like Figma or Adobe XD professionally, you’ll see that autolayout features are based on understanding CSS flexbox. The things you are about to learn in this class apply to any platform, not just Squarespace, but we’re using Squarespace as an example to illustrate CSS terms and concepts.

How running your design business would be different if you could:

  • Quickly customize your design based on your client preferences

  • Add little animations and other embellishments to standard Squarespace blocks

  • Fix the mobile and tablet versions in Fluid Engine 

  • Add custom fonts, colors and gradients to your website

  • Get access to a library of Squarespace CSS snippets with explanations

Learn CSS using the platform you already know and use!

The free CSS resources online are infinite. But you need to know how to leverage the free knowledge that’s out there - we are going to teach you how to use online references like W3Schools to create your own CSS snippets. We’ll use Squarespace’s common blocks as containers for your creations.

Here’s what you are going to learn:

Fundamentals of Web Development

Understand the basics of HTML and CSS and their interplay in web development. This foundational knowledge is crucial for manipulating web page designs.

Deep Dive into CSS

Explore the intricacies of CSS and how it interacts with HTML. This includes recorded coding sessions to demonstrate the application of styles to web elements.

Squarespace-Specific Techniques

Learn how to effectively manage and apply CSS within the Squarespace environment. This includes utilizing Squarespace's unique features and interfaces for CSS customization.

Practical Application and Tools

Understand the practical application of CSS in real-world scenarios using tools like the Google Chrome web inspector. This hands-on approach will enhance your practical skills.

Advanced CSS Concepts

Gain insights into complex CSS topics like the cascading logic of CSS, various types of selectors, and responsive design techniques. This is vital for creating sophisticated and responsive web designs.

Mastering CSS basics will help you solve these common problems with Squarespace

  • Limiting typography functionality

  • Unpredictable responsiveness on smaller screens

  • Lack of native animations and transitions

  • Limiting functionality for various blocks, like buttons, forms, summaries, images

  • Sizing and spacing issues

Teaching design since 2020

Over a thousand people took Applet Studio’s courses!

“My visual learning style! That’s why I love your teachable courses!”

“I feel so much more confident in my design skills now that I've learned the rules of design”

“Olga is an AMAZING teacher and I feel like I got way more value than I’d ever expect from buying a course”

“The documents and extras included with the course were also incredibly helpful, and I still refer to them frequently!”

I have a website that I'm genuinely proud of and am confidently growing my business!

“I have a website that I'm genuinely proud of and am confidently growing my business!”

“Launched in SUCH a short time, considering this was a complete overhaul of my site”

“Money well spent, since your courses are encouraging, inspiring and motivating to me and I think that you are a great role model. So, thank you for your inspiring work!”

“The course taught me everything I needed to know about Figma in a fun and easy-to-understand way!”

“I wrote all the content yesterday, and set it all up today. Thank you for making this so easy to do! I am so grateful!!”

“I'm really enjoying your Squarespace Mastery course! I've been looking for this kind of resource and somehow when I came across your page I was like "FINALLY!", straight to the point!”

I wrote all the content yesterday, and set it all up today. Thank you for making this so easy to do! I am so grateful!!

“I never realized how much potential my website had until I took the Squarespace Mastery course”

“I find your Figma resources very useful and your courses are so easy to follow and help with my efficiency.”

Squarespace CSS Mastery is a new workshop so I don’t have any testimonials for it yet! But I am sure you will be my next success story!

Meet your instructor

Hey, I am Roman, a seasoned web developer, Applet Studio co-founder, data nerd, and online entrepreneur with a diverse career path. My journey includes a memorable stint teaching English during my college years, working in media, sharing my passion for infographics and data visualization at the renowned Missouri School of Journalism, all the way to becoming a full-stack web developer and business founder. Blending my love for technology with education, I thrive on making complex information accessible and engaging. Switching my career path to technology has been life-changing, so let me help you do the same! Let's create something amazing together!

Watch the first lecture of Squarespace CSS Mastery and decide if this course is for you!

Watch a 6-min lecture about HTML, CSS, and Javascript documents

The class is for you if:

  • You struggled to make your website look like the vision you have in your mind, finding Squarespace design tools limiting.

  • You are looking for a comprehensive guide to explain the basics and the best practices of styling Squarespace websites to perfection.

  • You tried using code snippets you found online only to see error messages pop up and your code fail.

  • You are a designer, looking to offer more to your clients than what Squarespace offers out of the box.

  • You want to have full control over how your website looks and feels and are looking for a complete tutorial on mastering CSS in the context of Squarespace.

This is NOT for you, if:

  • You have extensive knowledge of CSS and HTML and have styled Squarespace websites before with no big issues.

  • You downloaded CSS and HTML code before and were able to adjust it to the structure and content of your website with no problem and in no time.

  • You don't want to learn anything and just want to have access to ready-to-use code snippets.

  • You expect to spend several hours watching videos and start coding. Although not impossible, this is not likely, since it takes time and practice to truly master CSS.

  • You don't feel any limitations with Squarespace and never plan to adjust anything beyond using standard Squarespace tools.

Learning coding is not easy….

CSS is not even considered a programming language, per se. We’d be lying if we said that by taking one intro class, you will become a senior front-end developer.

You can only learn through practice. Investing time and energy into projects, getting curious, and proactively digging for answers.

But we hope that this course is going to be one of the building blocks toward your CSS freedom. We made sure to explain foundational concepts in such a way that you’d be able to understand CSS documentation and use it in your projects.

And if you want more hands-on one-on-one help, sign up for individual tutoring with Roman!

Learn foundations of CSS using the platform you already know and love

Get the launch pricing below:

Self-Paced

$97

Watch the class content at your own pace. This includes access to over 8 hours of video plus all CSS examples.

Individual Tutoring

$197 | 2 meetings

You are about to get your hands dirty and you need a mentor who will get you through the learning process. Get access to the class content plus add two 1-hour working sessions or individual tutorials with Roman.

*Your local VAT might be added to the final price. Some territories don’t charge sales tax on digital products.
Our system automatically collects local sales tax and sends it to your government.

Frequently Asked Questions

  • No, the class as suitable for total beginners as well as Squarespace designers who have some basic knowledge.

  • Upon purchase, you’ll get access to class content on Teachable immediately. All course videos are pre-recorded and ready for you to dive into.

  • The videos are around 8-20 minutes long, in total there are 8+ hours of bite-sized content. We expect it will take you a couple of months to get through all topics if you watch the class content on a weekly or bi-weekly basis.

  • Watch the first course video for free and decide if this is a right fit for - sign up above!

    Please read the content on this page carefully before you make a purchase. All sales are final due to the digital nature of this product.

  • We understand that self-paced videos might not be enough - you need a mentor, a team lead, an experienced developer to ask questions. Five sessions with Roman can be stretched over 2 months, come to the meetings with your projects and questions.

  • We ourselves are serial online course takers. We believe that online courses should be affordable to all, people of all backgrounds. There’s nothing more empowering for us than knowing that our courses helped real entrepreneurs like you start their businesses and thrive online. We don’t want you to go into serious debt because of an online course.

Squarespace is a registered trademark of Squarespace Inc. Applet Studio is not endorsed by Squarespace, we are just enthusiasts enjoying the platform. We think that Squarespace is the best platform to get started with web design!

Privacy Policy