The mobile device lab at Facebook

Insightful post by the folks at Facebook on how they transitioned from testing their apps on a single device to a mobile device lab (holding 1000+ devices) at their Prineville data center. Having tried out several things, they eventually built their own custom racks which not only hold the devices, but also function as an …

Responsive Typography

Mike Riethmuller: It is possible to have precise control over responsive typography. Using calc() and viewport units you can create fluid type that scales perfectly between specific pixel values, within a specific viewport range. The formula used is this one: @media (min-width: #{$min_width}px) and (max-width: #{$max_width}px) { font-size: calc(#{$min_font}px + (#{$max_font} – #{$min_font}) * ( …

Design Better Forms

Life is short. No one wants to fill out a form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed here. …