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

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

.u-glue: A positioning pattern (algorithm? API?)

.u-glue is a CSS utility class (or what I would call an algorithm) that provides an API for positioning an element absolutely over another element. We are using it at PMC, and it’s proven a useful model!