Smart transitions and animations
All animations on the site take advantage of CSS3’s transforms property. Hardware transforms, unlike positions, are hardware accelerated and take advantage of sub-pixel rendering. While the performance difference on a desktop computer is subtle, on a smartphone, tablet, or similarly underpowered device, this makes a difference between stuttery, jarring transitions and animations, and smooth experiences.
Building full responsiveness
Instead, I opted to build the site in a manner that would make it fully responsive and more future proofed. Page elements would have their settings adjusted when their readability was compromised in the viewport rather than hard universal breakpoints for all elements to transition to. This allowed for smartphone-centric interfaces in areas where it was most appropriate, such as slideout menus on 7" devices, while preserving the two column layout for case study documents.