You can unleash your creativity when working with Susy. It can help you create any layout you want, even if it’s the craziest one in the world.
Need to make a responsive layout? That’s gonna be easy peasy!
If you like control over how you code, Susy is definitely the tool for you. It is a super grid-making calculator.
It gives you the freedom to write your code any way you like. There’s no need to write grid classes that bloat your HTML. You can even go to the extremes and use only one class, any class, to make the whole grid, if you wanted to.
All you need to know is how to punch keys into this special calculator.
The bad part about Susy? It can be too flexible.
There is so much going on that it becomes confusing and overwhelming for beginners. The quickest way to master it, is to learn from someone who knows the ins and outs of Susy.
Unfortunately, it’s rare to find in-depth tutorials and resources about Susy. It was even harder when I started over a year ago. I spent countless hours poring over documentation, testing mixins and functions and trying out examples just to get a solid understanding of how everything worked.
You don’t have to do that. I complied everything I know about Susy into Learning Susy. And I know that it’ll help you reduce your learning curve.
Here are some things you’ll learn:
This book will teach you everything you need to know about creating layouts with Susy.
After going through the book and videos, you’ll never have to pore over the documentation or spend hours searching through Stackoverflow to figure out how to make Susy work ever again.
These 7 chapters will help you walk you through how to setup a Susy project and teach you how to make a real-world layout you can use for your projects.
It’s completely free, and a great introduction to Susy.
Learning Susy is the most amazing resource for the Susy grid framework. Definitely worth the buy!
Really digging what Zell has put together on the Susy framework
Learning Susy gave me a complete overview in implementing and using Susy 2. It gave much more indepth information than the internet can provide because all the knowledge you need is collected and put together in one place
Learning Susy it gave me a deep understanding of Susy and it contains a lot of tips, tricks and lessons on how to build responsive websites. I highly recommend it!
Everything you'll need to become a master at Susy. It comes with 16 videos, 3 starter kits and everything else in the other packages to make sure you're well equipped to tackle any situation. You'll also learn how to integrate Susy with latest web developments like EQ.js and Flexbox through the videos.
Buy for$199
More than 250 pages worth of step by step instructions to learn Susy completely.
Learning Susy Comes in Mobi and ePub formats for easy reading on your favourite reading device
Who doesn't like source codes? For you to check your work and ensure you're on the right track.
Learn advanced Susy concepts that will bring your Susy skills to the next level. Source codes included as well.
These code templates will help you overcome common problems and develop quickly.
Important Susy information at a glance. Awesome when you need a quick reference.
My personal go-to starter kit which I fire up all my sites with.
Susy-Foundation kit for those who love using Susy with Foundation components
Susy-Bootstrap kit for those who love using Susy with Bootstrap components
Watch how I build 99u with multiple asymmetric grids and flexbox techniques in 7 videos.
This series of 3 videos shows you how to use static grids combined with nth-child-jitsu to vary gallery widths like how Mixpanel does it.
This series of 3 videos shows you how to build a backend interface with element queries and discusses when not to use Susy.
See how the creator of Susy uses Susy in a whacky way that's totally different from my approach.
James is a golden ratio fan and he shows us how he works with Susy, and how he uses Wordpress with Susy.
Micah walks us through how he uses Susy with Flexbox. Hear about visual regression and his take on Bootstrap as well.
The Premium package comes with 5 bonus chapters and 11 code templates that'll guarantee that you'll be able to use Susy masterfully in almost any situation you encounter. It also comes with a Susy cheatsheet to let you refer to quickly!
Buy for $99
More than 250 pages worth of step by step instructions to learn Susy completely.
Learning Susy Comes in Mobi and ePub formats for easy reading on your favourite reading device
Who doesn't like source codes? For you to check your work and ensure you're on the right track.
Learn advanced Susy concepts that will bring your Susy skills to the next level. Source codes included as well.
These code templates will help you overcome common problems and develop quickly.
Important Susy information at a glance. Awesome when you need a quick reference.
The option if you’re on a tight budget and still want to learn to use Susy masterfully. This is where I spend the most time and effort. The content within will help build your foundation so strong with Susy that figuring out the rest for yourself becomes much simpler.
Buy for $49
More than 250 pages worth of step by step instructions to learn Susy completely.
Learning Susy Comes in Mobi and ePub formats for easy reading on your favourite reading device
Who doesn't like source codes? For you to check your work and ensure you're on the right track.