Categories
Web Development

Versioning Larva, PMC’s design system

For Larva, we are using semantic versioning with some modified definitions.

Categories
Web Development

An brief explanation of recursion for UI programmers

A high level overview of recursion with an analogy that will be familiar to front-end UI programmers.

Categories
Thoughts Web Development

What, exactly, is a pipeline? [WiH]

This is a very serious question.

Categories
Thoughts Web Development

The One True Way [WiH]

The One True Way to write code.

Categories
Web Development

What is a CSS algorithm?

It’s been almost two years since the first time I gave my talk on CSS algorithms. What is a CSS algorithm? Great question.

Categories
Web Development

Designgineering Chronicles: Swan Song [PiH]

The last installment of the Designgineering Chronicles. The work itself is far from over, but I am very over writing these posts.

Categories
Research Thoughts Web Development

Twitter thread as blog post: Thoughts on how we write CSS

(Warning: thought-leadery post)

Problems with CSS are not a result of flaws in CSS. The problem is how we write CSS.

Categories
Updates Web Development

A Larva win and small update [WiH]

A quick share of what I consider a significant win for Larva, the design system I started at PMC that is now a very official thing at the company.

Categories
Links Web Development

Becoming a better developer by using the SOLID design principles by Katerina Trajchevska

This conference talk is a great introduction to the S.O.L.I.D. software design principles. How do these principles manifest when it comes to UI programming with HTML/CSS?

Categories
Web Development

#ShareYourDocs: Basic CSS Utility Class Generator in Larva

A bit of documentation I wrote for a Sass mixin that outputs utility classes based on a map of values.

Categories
Web Development

#ShareYourDocs: The start of Larva’s Naming Guidelines Wiki

There is a borderline overwhelming amount of documentation to be written, but gotta start somewhere! Here’s a kinda random first addition to Larva’s Naming Guidelines wiki page.

Categories
Web Development

.a-pull: A CSS algorithm for pulling one box outside another

Here’s a quick write up about a CSS algorithm we just created at PMC! It seems like it will be useful in future projects, and we now have a programmatic term to use to refer to this kind of UI design pattern.

Categories
Web Development

Sloppy Screencasts: Test-Oriented UI Development with BackstopJS / Larva Show-n-Tell

A very cool, test-oriented workflow has emerged with the introduction of Backstop JS into our design system tooling. I recorded some sloppy screencasts to show it off! Watch me struggle and make mistakes and also accomplish things.

Categories
Web Development

Something I spent too long debugging at the end of the day

I spent a while debugging a font-face issue. Can you spot the problem?

Categories
Web Development

selector-property-whitelist: a potential CSS algorithms rule for Stylelint

For example, a `color` property should not be in an algorithm that is intended for CSS grid properties. This is a potential Stylelint rule that would report that!