Web Design News | Start Small, Build Big With ‘320 and Up’

Step 1

Enter your contact information.

Step 2

Enter your project information.

Step 3

Choose the PHP programmers you want to hire.

Compare Free PHP Quotes

Start Small, Build Big With ‘320 and Up’

Attention PHP Programmers - Add A Free Listing! Get more clients.

There are dozens of HTML5 and CSS 3 boilerplate code samples floating around the web — HTML5 Boilerplate is one popular example. But most of those projects start with a desktop-specific stylesheet, then add @media queries and styles for progressively smaller screens.

That’s backwards in our opinion. After all, the smaller the screen is, typically the simpler the stylesheet is, so why not start with the smallest screen and work your way up? That’s the thinking behind the new 320 and Up CSS 3 boilerplate from developer Andy Clarke.

Technically, 320 and Up is an extension of the HTML5 Boilerplate project, but it works just fine on its own as well.

No boilerplate is ever going to cover every use case, but 320 and Up does a nice job of hitting the sweet spot between too much and too little. Thanks to neatly divided CSS files it’s easy to take what you want from 320 and Up and leave the rest behind (though there is also an option for a single stylesheet if you prefer).

To handle CSS 3 in older web browsers 320 and Up uses the Respond JavaScript library, which we mentioned earlier this week. 320 and Up also relies on imgsizer.js to improve IE’s rendering of resizable images, and a fix for iOS Safari’s viewport scaling bug, as well as some other key JavaScript components. In other words, if you expect a high percentage of your visitors to have legacy browsers with JavaScript turned off, then 320 and Up isn’t for your website (nor, at this point, is CSS 3 in general).

Fortunately for most websites that isn’t likely to be the case and 320 and Up makes a great starting point from which to build a site that looks good on any screen. 320 and Up is licensed under the Creative Commons MIT license. Grab a copy today.

See Also:

Source http://www.webmonkey.com/?p=50601
Fri, 15 Apr 2011 13:39:39 GMT
Tags: CSS, CSS 3,

Attention PHP Programmers - Add A Free Listing! Get more clients.

CSS

The Future of CSS: Finally, Sane Layout Tools

Woolly, the CSS sheep. HTML5 and CSS 3 offer web designers new semantic tags, fancy animations, server-side fonts and much more, but that’s not the end of the story. The next major development in web design will likely revolve around one of the thi

Quickly Create CSS 3 Animations with ‘Ceaser’

CSS 3 has some awesome new animation capabilities for web developers — rotating objects, fading them in and out and more — but writing the code is a bit more complicated than most CSS rules. To make your animating job a bit easier, developer M

Simplify Your Stylesheets With CSSPrefixer

Woolly, the CSS sheep. CSS 3 has some awesome new features, like 3D transforms, smooth transitions, border images and gradients. Since most browsers already support these features there’s no reason you can’t use them today, provided you grac

CSS 3

Microsoft, Mozilla Battle Over What Makes a ‘Modern’ Web Browser

Microsoft and Mozilla are trading barbs over the coming Internet Explorer 9. Microsoft has been touting its HTML5 support in IE9, claiming that it renders HTML5 better than Firefox (and Chrome, Safari and Opera). Mozilla then turned around and released an

Members:

New Port Richey

CQuinnDesign

We provide affordable php website design & SEO services to our clients. Our HTML is search engine friendly and builds a solid foundation for your SEO & marketing campaign. WE provide free estimates.

New Port Richey, Florida US

Davenport