Ryan Bahniuk
Ryan Bahniuk

Unit Testing for Sass with Sassaby

At Wealthfront we use Sass to write all of our CSS stylesheets. Sass is a powerful CSS pre-processor that allows you to leverage features common in programming languages, but are absent from native CSS. Using Sass variables, conditionals, loops, and functions, you can write extensible CSS that is easier to maintain across a large front-end […]

July 09, 2015
Eli White
Eli White

Performant CSS Animations: Netflix Case Study

While going over performant web animations with our new batch of interns, Netflix’s new redesign was brought up as an example of something that seemed to have DOM nodes that changed size and pushed other DOM nodes around. From my previous blog post on Performant Web Animations, animating properties such as width or top forces […]

June 30, 2015

Amy Lee

Tame long tab titles with dynamically CSS-only scrolling

The problem: you have a long title for a tab (or some other small UI element) and it is important for the client to see all of the content, but you lack the space to show it. What do you do? Tooltip? Hide the overflow? Truncate with ellipsis? Here’s a suggestion: “active ellipsis”! Using a […]

March 04, 2013

Amy Lee

Webkit’s -webkit-font-smoothing can make you fat

In a recent set of changes to our user interface, we came across rendering issues that were driving us bonkers: how could two pieces of text with the same color value appear to have different weight? It turned out the culprit was font smoothing. The font-smoothing CSS property is nothing really new at this point […]

January 14, 2013

Amy Lee

Quick-n-dirty: Font Awesome icon search utility

We love Font Awesome. It has a wealth of very useful icons and now that the set is up to 210 icons we’re also finding it unwieldy to search for that right icon. So we made a super simple search utility. Enter in part of the icon’s class name and matching classes will be displayed. […]

December 18, 2012

Matt Baker

Scrolling the Z-axis with CSS 3D Transforms

We recently decided to make a gimmicky appeal to designers in the hopes that they’d come talk to us. We knew we wanted to do something a little flashy and cutting edge, so CSS 3D Transforms seemed like a good place to start. Ultimately I decided I wanted a page that would allow users to […]

March 22, 2012