Viewport units have been around for several years now,
with near-perfect support in the major browsers,
but I keep finding new and exciting ways to use them.
I thought it would be fun to review the basics,
and then round-up some of my favoriteuse-cases.
It feels like CSS Grid has been coming for a long time now,
but it just now seems to be reaching a point
where folks are talking more and more about it
and that it’s becoming something we shouldlearning.
No matter what acronym drives your selectors
(BEM, OOCSS, SMACSS, ETC),
loops can help keep your patterns more readable and maintainable,
baking them directly into your code.
We’ll take a look at what loops can do,
and how to use them in the major CSSpreprocessors.
In this episode of the Versioning Show,
Tim and David are joined by Miriam Suzanne,
best known for Susy, a responsive layout toolkit for Sass.
They discuss going from being a lurker to finding your voice,
the importance of writing about what you’re learning,
stumbling into fame, approaching new projects, and unit testing inSass.
Using Sass, you can write your stylesheets in a more concise,
dynamic, and readable way, and cut down many of
the repetitive tasks that come with writing vanilla CSS.
This book provides a thorough introduction to
Sass for thebeginner.
Design systems streamline development,
communication, and consistency –
but often rely on dedicated
teams and extended budgets.
We wanted a tool that helps create and maintain
living style guides & pattern libraries in an
agile process, and on a budget.
Herman helps you keep your development process simple –
and your UX consistent –
as you iterate on patterns and scale overtime.
Design systems must be
meaningful to both humans and machines
Accoutrement provides Sass design-token management
that improves readability and consistency,
while encouraging automation.
These tools integrate with
the OddBird pattern-librarygenerator.
True is a full-featured unit-testing library for Sass.
The core functionality is written in pure SassScript,
so it can be used anywhere Sass is compiled.
Advanced features are available
with our test-runner integration andMocha.
Susy is a lightweight grid-layout engine for Sass,
designed to simplify and clarify responsive grid layouts
without ever getting in your way.
Originally released in 2009,
Susy has become one of the
most popular layout frameworks on theweb.