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.

Categories
Web Development

Be careful when checking for support of the `gap` property

I thought I encountered a browser bug, but I didn’t. I learned some things, and now you can read this and learn them, too!

Categories
Web Development

Designgineering Chronicles: Months 9.5-11ish?

A slightly delayed Chronicle, but no less juicy! In preparation for the kick-off of Blueberry, we are figuring out how to actually share and publish modules as the design system (named Larva) becomes a product that stands on its own.

Categories
Greatest Hits Research Web Development

Is CSS Turing Complete?

I took a deep dive into this question, and the answer is: kinda, mostly, yeah! CSS + HTML + user input is Turing complete. Is it possible to remove the user input part? Then I can re-title this post to be more, ahem, declarative.

Categories
Updates Web Development

Algorithms in CSS Tour Dates, Summer 2019

My talk and I are going on tour this summer! In other words, I submitted to a bunch of conferences and got into some of them. So stoked!

Categories
Web Development

Designgineering Chronicles: Months 8.5-9.5

Cantaloupe, a.k.a. Deadline.com, has launched!!! This installment of the Chronicles discusses the project’s huge success, the beginnings of a design system roadmap, and an introduction to Blueberry, the next code-named redesign for PMC.