Skip to main
Article

Sass Layout in 2013 and the Future of Susy

The web is littered with grid systems and ‘frameworks’ that force your code & design into narrowly defined patterns. Even the most semantic of us have had to push specialized techniques in order to create a usable syntax.

But Sass has come a long way, and I’m convinced that it’s time for something new.

What if you had a layout system that bends completely to the needs of your site? What if you could use one unified syntax for handling responsive layouts of any kind? What if you had a modular system that let you mix-and-match to customize for every site, and change your output with simple extensions?

The web is littered with grid systems and ‘frameworks’ that force your code & design into narrowly defined patterns. Even the most semantic of us have had to push specialized techniques in order to create a usable syntax.

But Sass has come a long way, and I’m convinced that it’s time for something new.

What if you had a layout system that bends completely to the needs of your site? What if you could use one unified syntax for handling responsive layouts of any kind? What if you had a modular system that let you mix-and-match to customize for every site, and change your output with simple extensions?

I’m excited to announce Susy Next, a joint project from the creators of Singularity, Salsa, Breakpoint, and Susy. We’ll be working together to design and build a unified layout system under the Susy name.

Please welcome the Susy Next team:

All of us are passionate designer/developers, with a love for Sass & CSS. We’re excited to build a layout syntax that spans existing frameworks, techniques, and systems. We hope you’ll get involved, and help make it a community project. Stay tuned!

Recent Articles

  1. Gray box with dashed lines across the corners and handwritten label hero image
    Article post type

    Make It Ugly, for Clients

    It’s important to focus the conversation

    Beautiful design mockups can be distracting, giving a false sense of what is complete and what still needs to be done. At OddBird, we find it helpful to remove any ‘premature sheen’ before sharing mockups with clients.

    see all Article posts
  2. A hand holding a coffee mug. Coffee is pouring into the mug and overflowing.
    Article post type

    Anchor Positioning Updates for Fall 2025

    Overflowing content, browser support, and polyfill updates

    Anchor positioning is close to Baseline. As more people try it out, they are finding areas where it could be improved, and differences between browsers. Let’s take a look at the current state of anchor positioning.

    see all Article posts
  3. A measuring tape with both imperial and metric, then a ruler with only metric, and another ruler with combined units
    Article post type

    The Best CSS Unit Might Be a Combination

    We don’t have to choose between px and rem for spacing

    There are many articles and established CSS best-practices that rely on determining the correct or best units to use. Now that comparison functions are well supported in CSS, we don’t have to choose.

    see all Article posts