Microsoft's incredibly fluid one-page site

Build is Microsoft's annual developer conference, and this year’s event focused on building applications for Windows 8. For the conference's website, Nishant Kothary enlisted Paravel to help with the design and the frontend responsive code.

The minimalist aesthetic of this one-page website mimics the look and feel of Windows 8, aided in part by the use of Microsoft's corporate typeface, Segoe. Unlike many responsive layouts, this site demonstrates incredible fluidity, with breakpoints being hard to detect.

"The resolution independence of the Metro design aesthetic combined with Segoe’s flexibility inspired us to think just as much about extra wide viewports as we did narrow ones," says Paravel's Trent Walton.

Homepage requests/size: 47/864 kB mobile, 47/881 kB desktop

Words: Paul Lloyd. This showcase was originally published in .net magazine issue 234.

Now read these!

• 20 pro tips for creating a mobile website
• 40 amazing examples of HTML5
• 30 web design secrets to boost your skills!
• 101 CSS and JavaScript tutorials to power up your skills