Barry Frost

This is Barry Frost’s personal website.

Tagged #layout


Creates CSS to implement CSS Grids.

Using Responsive Images (Now)

There is no fold


How’s Responsive Redesign Boost Conversion by 20%


Themes for Twitter Bootstrap

Responsive Web Design Patterns

A collection of patterns and modules for responsive designs.

New Twitter Profile PSD

The Goldilocks Approach to Responsive Web Design

St Paul’s School

Great example of a school website, designed by ClearLeft. Easy to find information and responsive too.

Why Separate Mobile & Desktop Web Pages?

Golden Grid System

Proportional columns, gutters and a baseline grid.

Mobile screen resolutions by brand and model

Adactio: Journal—Re-tabulate

Switch the display of content and navigation depending on browser size using media query CSS.

Sprite Cow - Generate CSS for sprite sheets

Gives you background-position, width and height for sprites within an image

Fluid Images

Resize images and videos to fit the available space in a fluid layout. Includes workarounds for IE

Mobile Boilerplate

Best practices and useful code, including a sitemap.xml, .htaccess, stylesheet, helper JS, default.appcache and HTML template.

The Fold | WeeNudge

Research and evidence dispelling the hoary old myth over page folds. Part of a family of good sacred cow slaying resources.

Aristo for jQuery UI

Cappuccino’s Aristo theme ported to jQuery UI. Attractive set of form and other controls

Media Queries

Gallery of responsive web designs that adapt to the viewport