Categories
Web Development

Note to future Lara: Probably don’t rename directories just because it “feels better”

Lesson learned: Changing existing names with “better” new names is not necessarily a good idea because there will always be “better” new names.

Categories
Games Web Development

Let’s play: “Where is this CSS coming from?”

It’s a 1+ player game that can last from 1 hour to, um, much longer!

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.