Nathaniel Kessler

Bertrand Karerangabo, Chief Strategy Officer

2019-08-06

Mixin Design Tokens

Design tokens manage and store User Interface (UI) decisions such as spacing, color, typography, and motion. These decisions are stored in a config-like format to support the needs of any platform (Web, mobile OS, etc). In this blog post, I'll demonstrate how you can leverage design tokens and SCSS mixins to capture a system's design language. The final output will be a collection of SCSS mixins that map to design tokens and can help to reel in messy CSS inconsistencies amongst dev teams and close the gap between designers and developers with great success.

2018-02-26

RxJS, where is the If-Else Operator?

if/else statements are a staple for handling conditional actions. It's natural for most developers to reach for the if/else statement when a decision needs to be made in code. However, in the reactive programming paradigm (e.g. with RxJS) this conditional statement is mysteriously unavailable. How can you code without it?

Older Posts

Rangle

Nathaniel Kessler

Mixin Design Tokens

RxJS, where is the If-Else Operator?

Get production-ready systems, not costly experiments.

Nathaniel Kessler

.css-1dbqyzk{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:unset;}.css-1dbqyzk.ds-truncate-text{-webkit-line-clamp:3;}Mixin Design Tokens

RxJS, where is the If-Else Operator?

Get production-ready systems, not costly experiments.

Mixin Design Tokens