Build

I really dig this splash page for the Build Windows conference series. It’s simple and straight forward but there is also a little magic baked in with the mask like parallax design. We work on a lot of similar type work here at UMS for our conferences and this design and Nishant’s (the designer) post really struck a note with me.

Nishant sums up most of our fears in his great post about “the myth of perfect“.

The concept relied on faking masks in the browser to reveal parts of an underlying image as the user scrolled. With weak browser support for masks, the task proved to be particularly tricky to implement responsively across the target browser stack because of known sub-pixel rendering issues using percentages in Webkit browsers (let’s save that for another day). All in all, despite the apparent simplicity of the design, it turned out to be terrifying to pull off.

Author

Gene Crawford

With over a decade of experience in the industry he has overseen the design and architecture of hundreds of web sites and applications. An active member in the design community, he's the editor & producer of unmatchedstyle.com, the ConvergeSE, ConvergeFL, ConvergeRVA and the Breaking Development conference series.