News from CSS Beauty
CSSBEAUTY is a project focused on providing its audience with a database of well designed CSS based websites from around the world.
Updated: 9 hours 32 min ago
Taking Advantage of HTML5 and CSS3 with Modernizr
Taking Advantage of HTML5 and CSS3 with Modernizr. Learn how to take advantage of everything in HTML5 and CSS3 that is implemented in some browsers, without sacrificing control over the user experience in other browsers.
eCSStender
eCSStender. A JavaScript library that lets you use CSS3 properties and selectors while keeping your code fork- and hack-free. Check ALA's article as well.
CSS Three — Connecting The Dots
CSS Three — Connecting The Dots. It’s time to get your hands dirty with some of the new CSS3 properties, time to innovate.
Responsive Web Design
Responsive Web Design. Using fluid grids, flexible images, and media queries, Ethan Marcotte shows us how to embrace the “ebb and flow of things” with responsive web design.
HTML5 Watch
HTML5 Watch. A nice collection of creative, innovative, and unexpected use of emerging web technologies such as HTML5 and CSS3.
Our Solar System in CSS3
Our Solar System in CSS3. An attempt to recre ate our solar sys tem using CSS3 fea tures such as border-radius, trans forms and anim a tions.
HTML 5 Demos and Examples
HTML 5 Demos and Examples. A nice collection of HTML5 demos and examples. Handy.
HTML5 & CSS3 Readiness
HTML5 & CSS3 Readiness. A nice visualization that shows you how HTML5 and CSS3 support has evolved since 2008.
The Fluid Grid system
The Fluid Grid system. Allows designers to use the screen real estate on large monitors and retain great design on smaller ones.
Which email clients support CSS3?
Which email clients support CSS3?. A nice chart that displays CSS3 support on the 7 most popular email clients.
CSS3 Transitions – Are We There Yet?
CSS3 Transitions – Are We There Yet?. A nice overview of what CSS3 Transitions are and how to implement them.
cssSandpaper
cssSandpaper. A JavaScript library that looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties.
The CSS 3 Flexible Box Model
The CSS 3 Flexible Box Model. Explains what the flexible box model is and how to use it.
Cross-Browser CSS Gradient
Cross-Browser CSS Gradient. Pure CSS gradients that work in these major browsers: IE, Firefox 3.6+, Safari, and Chrome.
IE-CSS3
IE-CSS3. Provides Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard.
CSSDesk
CSSDesk. Write and preview HTML/CSS right in your browser without the need of a text editor.
iPad Orientation CSS
iPad Orientation CSS. Use CSS media query declarations on iPad sites based on orientation.
CSS3 Transforms & @font-face Experiment
CSS3 Transforms & @font-face Experiment. Shows you what can be done with web type using basic CSS and new CSS3 techniques.