Colorful Content Accordion, CSS & jQuery

Posted March 30th, 2010 in JQuery, demos by Nabil

This is an eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.

Demo

Original Tutorial

ZURB Playground : A showcase of creative experiments and new ideas.

Posted December 16th, 2009 in demos by Nabil

Designers at ZURB have a creative ideas in there playground . I like there way of design its clean and simple.

Some of showcases at ZURP Playground:

Inline Form Labels

With some CSS tricks and a few lines of javascript we can create inline labels that don’t suck.


Simple Drop-In Modals

How to create a very simple modal element using CSS3 and a single line of javascript.


Newspaper Layouts with CSS Columns

Creating a newspaper-like layout is easy using the new CSS column elements.


Super Awesome Buttons with CSS3 and RGBa

Using a combination of CSS3 and new RGBa color values, we can create an easily scalable suite of awesome buttons, complete with gradient, drop shadow, and more.


Polaroid Images with Only CSS3

Using nothing more than a grid of linked images and CSS3, we echo the title text of our links and use CSS3 to create “randomly” tilted polaroid-style images.