Jan
Bookmarklet For Testing Graceful CSS3 Degradation: deCSS3
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.
Categories:
Tags:
Tags: CSS3
Dec
Interactive HTML CSS3 Playground: Dabblet
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…
Categories:
Tags:
Tags: CSS3
Dec
Circular Path Menu in Pure CSS3
A very nice circular path menu developed using pure CSS3. This path menu is completed built with only HTML / CSS3, no images and no JavaScript.

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.
Categories:
Tags:
Tags: CSS3
Nov
Web-based CSS Button Maker: Button X
Button X is an web-based CSS button maker tool which helps you create awesome CSS3 buttons without Javascript, Flash or even Images.

Customize and experiment CSS3 features with an easy to use UI, create your own button and get your CSS code.
Categories:
Nov
How to Build An CSS3 Animated Dropdown Menu
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.
Categories:
Tags:
Tags: CSS3
Nov
CSS3 Transformations and Transitions for jQuery: jQuery Transit
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.
Categories:
Nov
HTML5 Mobile Framework: LungoJS
Recently, we have shared a number of frameworks for developing mobile apps – some of them are small and simple for develop basic mobile applications, some are comprehensive enough for professional application development and some are powerful enough to support development of games and mobile apps based on complex algorithms. Today’s featured product is LungoJS – a minimal yet efficient frameworks that provides you an efficient platform for developing mobile apps on top of HTML5, CSS and JavaScript.
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.

Categories:
Tags:
Tags: CSS3, HTML5, Javascript
Nov
Pure CSS3 Content Slider
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.
Categories:
Tags:
Tags: CSS3
Nov
Famous Logos Drawn with CSS3: CSS3 Delight
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.
Categories:
Tags:
Tags: CSS3
Nov
Slideshows and Image Sliders with HTML5 / CSS3: Slider.JS
Slider.js is an easy-to-use customizable Javascript library to create image slideshows.
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)
Categories:






