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.

Categories
Web Development

Another quick CSS algorithm for a “Roadblock CTA Grid”

This post is an account of pair programming with a fellow front-end developer to figure out a tricky responsive layout issue. Time for a CSS algorithm!

Categories
Thoughts Web Development

Embryonic design system

What do you call a design system before it has published modules but after it has started providing useful tools? Naming is hard.

Categories
Web Development

Designgineering Chronicles: Months 6.5-8.5, Part 2

And here is Part 2! Read this for technical notes about how the Cantaloupe pattern architecture is working out, examples of CSS algorithms, and (for us) the solved problem of JavaScript.