This is Part II of a series called “Evolution of CSS”. Evolution of CSS: Becoming a CSS Composer Evolution of CSS: Class Naming Methodologies Evolution of CSS: Overview of Tachyons Perhaps you’ve heard this one before? There are only two hard things in...Read More Evolution of CSS: Class Naming Methodologies
I have been coding CSS almost daily for over 10 years. I don’t say that to try and establish supremacy, but merely to give some context to the subsequent observations. There are quite a few days I still feel more like a...Read More Evolution of CSS: Becoming a CSS Composer
There is no shortage of animations on the webernetz™ these days, and libraries to support them. Some web animations are good, and some gratuitous. Recently, I was fortunate to work on a few projects that required animations; therefore, I got a refresher...Read More Animations for the Web
We recently discussed the differences between a Style Guide and Pattern Library, and the opportunity for leveraging both inside of a WordPress theme. Today, I’m excited to introduce you to wd_s Pattern Library 1.0 ? Here is a list of features (which...Read More Introducing the wd_s Pattern Library!
In the past few years, the topic of Style Guides and Pattern Libraries has become widespread…but what is the difference? First, a little more context: Recently, the Front-end Developer team at WebDevStudios set out to create a user interface (UI) pattern inventory....Read More What is the Difference Between a Style Guide and Pattern Library?
One of the best aspects of my job is the problem solving. Sometimes it is just a matter of “How do I get that hero banner to overlap the hero text?” while accounting for all the browsers and screen sizes. Other times,...Read More Music to Code
Part II of III in the wd_s Series: Part I: History of wd_s Part II: Project Scaffolding with wd_s Part III: The Future of wd_s A new project comes in: scoped, and all. Client provides Photoshop comps, sweet! Who is going to...Read More Project Scaffolding with wd_s
It has been a few months since I’ve transitioned from using Panic’s Coda 2 to using Github’s Atom editor as my main application for working with code. I tried switching to Sublime Text a few times, and never successfully gave it a...Read More Helpful Packages for Atom Editor
The amount of information available on our screens is overwhelming. I say “screens” because we interact with so many throughout the day: smartphones, laptops, desktops, watches, televisions. Even my dentist’s office has a screen in each room that usually plays a screensaver, but is...Read More White Space and the Fallacy of ‘Above the Fold’