The CSS standard states that borders and padding should be applied on top of the specified width of an element. As such, if I have a 200px div, and apply 40px worth of borders and padding, total, the width will then be 240px. This makes perfect sense; however, Internet Explorer actually did things differently. They adopted a model where the maximum width is what you specified. The borders and padding are then factored into that width, reducing the content area. As a result, the width of the element never exceeds the stated width of 200px.

Just when you thought you d seen all the cool features of HTML5, I m here to bring you yet another one. The internet is no longer about just websites; it s about web applications. Often, our users are on portable or mobile devices, and they won t always have access to a network. With HTML5 s Application Cache, you can provide them with all or some of the functionality they would have online, no matter where they go.

Many might not be aware that, with CSS, we can achieve reflections quite easily in all webkit-based browsers, which represent roughly 20% of all browser usage. The key is in the vendor-specific, -webkit-box-reflect property. I ll show you how to use it in today s video quick tip!

Thanks to text shadows, outlines, transitions, and even text gradients, we can now create cool typography that you d swear had to be made with a program like Photoshop. Nope, all CSS3 baby! Let s take a look in this video quick tip.

Throughout this three-part series, you will learn how to create a website using the latest in web design techniques (HTML5 & CSS3). This series is aimed at those with minimal knowledge of web design.

CSS is capable of so much more than browsers can currently handle, namely when it comes to working in 3D spaces. In this week s premium video tutorial, I m going to teach you how to work with CSS transitions, animations, and specifically how to work with Webkit s CSS 3D capabilities. Help give back to Nettuts+ by becoming a premium member!

5 EPS Files | 12 MB