Demo – An Introduction to CSS 2.1 and CSS 3
You can now produce stunning animations with CSS3. Did you know that? Of course you did. CSS3 animations are the new kid on the block. Start Experimenting With CSS3 Keyframe Animations | Lee Munroe
We are certainly at an interesting point in time with the web. There are new techniques being created every day, and as developers, we have the privilege of deciding how and when to use them. I'm the new guy at Viget (only been here a few weeks), and every company is different, so it is interesting adapting to Viget's standards. Some companies utilize progressive enhancement more than others, and I love that we utilize it when we can. One big item for me is how much we use CSS3. Yes I know, it is not fully supported across all browsers. Practical Uses of CSS3 | ...
Want to get away from ‘Web Safe’ fonts for some attractive headers AND do it without using an image? Use CSS 3 and embed a font-face! NOTE: This article uses font file stored online and your browser may run slow or attempt to crash… sorry! CSS 3 Font Face | Zen Elements
A similar, but up-to-date article on CSS layouts is available here After years of promise, CSS3 has finally arrived in style (if you'll pardon the pun). It's added a whole new array of tools to our front-end toolbox, giving us rounded corners, gradients, opacity, transformations, transitions, animations and much more. But now that we have the fun stuff, the eye candy, what's next? The next problem for CSS3 to address will be layouts. The future of CSS layouts
cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth! Check it out: CSS Rules cssFx Generated Rules What features are supported? cssFx.js - CSS3 property polyfill - It's So Futuristic, Baby!
CSS3 Cookbook: Cutting Edge Text Effect and Web Typography Tutorials
While I was coding the Notepad theme , I've learned some new CSS3 features and now I would like to share it with you. View the demo to see a Mac-like multi-level dropdown menu that I've created using border-radius, box-shadow, and text-shadow. It renders perfect on Firefox, Safari and Chrome. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. View Demo CSS3 Dropdown
HTML5 always an important phenomenon within web design community . Another most valuable aspect that web designers should accept is CSS3. CSS3 offers new and exciting improvements on your web design and development. In this article we present some useful collection of CSS3 Tools for your next web development.