245 Sites
Framework 
Style 

Bay State Drive


It may not be mobile-friendly, but this site changes the rules about how universities promote themselves to prospective students. Its layout, imagery and use of scrolling go well beyond the typical...


The Workshop


Most agency sites flaunt their work. Many talk about their process. We really like the way theworkshop.co seems to tell a story that fit screens of any size.


Travel Ireland


Few sites know how to flaunt their grid while breaking rules. This site manages both with three distinct layouts — grid, list and something unique. Even their sitemap/navigation “modal” carries the...


QZ


The process of reading news sites on mobile devices has been a problem: Reaching the end of an article often left readers hanging. What if there was no bottom edge? This site’s page-defying approac...


Warby Parker

Built with Foundation

This site features more than fashionable design for stylish specs: It’s mobile-optimized counterpart seems to fit smartphone screens by showing products with minimal distractions. The swipable vari...


Gather.ly


This could be the future of online magazine layout, with sliding panels that present different types of information in the best layouts for the task at hand. Awesome typography and striking photos ...


Pack


With outstanding photos and typography to match, this site’s character shines through its canines. We appreciate how the site’s app-like interface invites users to browse the community, gently enco...


Daniel Mall


This site’s timeline is something unique: Aesthetic, functional and informative, it works well across many different screens.


Speakr

Built with Foundation

This site site makes great use multiple levels of parallax while maintaining readability on mobile devices. The overall effect seems to present its subject as if with a story.


Blue Guide


Sifting through data in a web app can be daunting enough for end users. But designing to make the experience usable — or even invisible — is a greater challenge. This site manages to help people fi...


On a Boat


Excellent typography mixed with terrific photos — there’s lots to love about this site. But what really caught our attention was the way its images don’t interrupt its articles. Imagery works harmo...


Pikes Peak Country Attractions


Trade-offs. Communication. Visual appeal. Design is about more than pretty pictures, and this site goes one step further. We appreciate how it uses design to give information a sense of priority. I...


Aftrnoon

Built with Foundation

This site’s straightforward, no-nonsense approach to presenting information practically guarantees a responsive nature.


Crafted by Love

Built with Foundation

The little things make a big difference: Pagination changes, navigation adjustments and overall spacing tweaks help this site adapt well to many screen sizes while keeping a very consistent look.


The Bold Italic

Built with Foundation

One might think that extra-wide margins would make for poor reading, or that a 60-pixel-tall navigation bar is overkill. Yet both work well for this magazine site and it’s brief articles. This site...


Seriously Amazing Smithsonian


This site uses one of the most explore-friendly patterns that’s popular today: An elaborate tile-based navigation that fits well across smartphones, tablets and desktop browsers. It’s a great examp...


Rokkan


This site’s attention to consistent branding, and its clarity on browsers of all sizes, make it shine. Here you’ll find a rare combination of stark contrast with a friendly feel. For example: The n...


Brooklyn Bridge Park

Built with Foundation

Mobile-optimized doesn’t mean just “shrinks to smartphones,” as this site shows. From its speed to its touch targets to its typography, layout and finger-friendly UI, this site feels like it was me...


Kabobulator


The K-Catch game challenges what we mean by “responsive” web design. This site syncs its desktop-based game with a smartphone, taking advantage of the latter’s gyroscope to control a three-dimensio...


Pack


Images in responsive design have been a conundrum since we first started writing media queries. This site presents full-bleed photos with an easy navigation system to let dog enthusiasts view one p...


A Watch by You


This site’s form combines touch-friendliness with a sense of style that works well from smartphones to tablets to desktops. We also appreciate its subtle animated watch hands — a fine point that’s ...


The Portfolio of Anne Uy

Built with Foundation

It’s rare to see a website *fit* a smartphone screen, although many due courtesy to devices’ screens’ widths. At first glance this site’s bold typography is sure to bust free of mobile devices, but...


Conservation International

Built with Foundation

When you’re trying to save the world, a responsive website might not be your top priority. But when you’re trying to communicate your ideals, reaching people on all types of browsers needs more tha...


DSG Women’s Fitness


We usually think of “grids” as rows and columns. This site has a different definition: Its hexagonal layout challenges convention, and its responsive navigation makes accessing the site a breeze.


England Council Results


When election season strikes, news sites are inundated with numbers and their consequences. Few sites present statistics like this interactive BBC infographic, which wins our vote with clear result...


Obsessively Clean Desk

Built with Foundation

When your product aims to help people clear clutter, you’d better have a clean website. To that end, OCDesk’s site design sends a clear message about what to expect from their products.


Smoking Doors

Built with Foundation

With an innovative approach to keyframe animation, this site has a lot of character in how it takes advantage of scrolling. (Hint: scroll down slowly.)


pinch/zoom


This site’s creative approach to horizontal, page-like desktop layout doesn’t stop it from working well on mobile screens. Far from it — from typography to spacing, pinchzoom.com represents its bus...


Discover.Typography


For typography aficionados, shopping never looked so good. This website by HF&J lets mobile users scroll through attractive samples, tapping “pins” on each sample to learn its name and, later, shop...


Corona Map


As we learn more about responsive web design — it’s still a new medium, after all — we appreciate seeing people take advantage of handheld devices. This site turns layout on its head, or at least i...


Stay on top of what's happening in responsive design with Responsive Reading.

Curious? Read Last Month's Edition »

Log in with your ZURB ID

Log in with Google

Don't have a ZURB ID? Sign up

Forgot password?
×

Sign up for a ZURB ID

Sign up with Google

Already have a ZURB ID? Log in

×