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!

Categories
Web Development

Testing CSS Algorithms!!!!!!! Part 2 [WiH]

In part 2 of this enthusiastically titled mini series, we will set up some test methods in JavaScript. Next will be the test itself! Maybe I’ll write that tomorrow, maybe not…

Categories
Web Development

Testing CSS Algorithms!!!!!! Part 1 [WiH]

I think I figured out a really cool, fun, exciting, and not complicated way to write tests for CSS algorithms! This post introduces the concept of writing unit tests and test driven development.