HTML | Languages

TwitterFacebook
Get flash to fully experience Pearltrees
Published by Chris Coyier The following is a guest post by Menno van Slooten . You might notice we've been down this road before , but I quite like Menno's approach here. The end result proves you can get a little fancier with the design than I originally did, with borders, gradients, and shadows and while actually using less elements. A good-looking tab control usually has one feature that I've always found impossible to reproduce without images: borders that bend to the outside at the bottom of each tab. In this article I would like to show how you can use the CSS :before and :after pseudo elements to create this effect without using images.

(Better) Tabs with Round Out Borders

http://css-tricks.com/better-tabs-with-round-out-borders/

HTML5 Cross Browser Polyfills - GitHub

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking for a way to conditionally load these scripts client-side based on feature detects? See Modernizr .