deCSS3 is a bookmarklet for testing your graceful degradation of CSS3 features.
Use this bookmarklet to get a whiff of what your site will look like on older browsers that don’t support CSS3.
deCSS3 saves time and let you see how well your pages are gracefully degrading without having to open up IE6-8.
Dabblet is an interactive HTML CSS3 playground (Live HTML/CSS editing) that provides you an visual environment to view your css results as your write it.
If offers automatic vendor prefixing for CSS3 properties, the prefix-free script means you can just write, border-radius instead of -moz-border-radius, -webkit-border-radius, etc…
To calculate the coordinates of items and generate the animation, author used Sass+Compass, a math formula in order to add the item’s position on the arc of circle and generated keyframe animation for each item. You can add or remove items without rewrite the code.
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics of a document written in a markup language.
CSS3 features like transitions, animations and transforms can add extra spice to your designs.
In this article you will see how you can build an awesome CSS3 animated dropdown menu with some of these cool features.
jQuery Transit is a plugin which helps you do smooth CSS3 transformations and transitions in jQuery. You can set transformations as you would any CSS property in jQuery.
jQuery Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation.
LungoJS is a complete HTML5 mobile framework that makes mobile app development easier by using exclusively-HTML5 features, such as WebSQL, Geolocation, History, and others. Applications designed with this HTML5 framework works for iOS, Android, Blackberry and Windows Phone 7.
Caleb Jacob created a pure CSS3 content slider while experimenting CSS3 animations and transitions.
Although there are some flaws in the functionality/practicality of a pure CSS3 slider (jQuery is still the front runner by far), it’s still freakishly cool to see CSS do all of this junk! Just think of all the small things you can now use CSS3 transitions and animations for.
Currently, CSS3 keyframe animations are only supported by WebKit browsers and FireFox.
CSS3 Delight is a collection of famous logos nicely drawn with CSS3 only. No images, no JS, just CSS.
These logos are brilliantly designed with CSS3 only and are source of inspiration. The guys created these logos with their amazing CSS skills. If you have also created a logo using CSS only, you can ask me to publish it here.
Slider.js relies on latest web technologies: the power of CSS Transitions to perform awesome and efficient effects and the HTML5 Canvas to perform some non trivial transitions.
It comes with 13 CSS Transitions and 10 built-in Canvas transition functions including following features:
- Each slide can have images, text captions and links
- Slides navigation (pages, next, previous)
- Image preloading
- Load the slider photos with a JSON object (distant or local)