Submit your widget
148
Yays

jQuery style menu with CSS3

4 years ago   Views 15318   downloads 3079   Menu & Navigation

Here’s a quick experiment I did with CSS3. Again I was just mucking about with CSS3 transitions which could one day replace all the fancy jQuery animation tricks people use. The outcome was a really…

116
Yays

Pure CSS3 Sliding Image Gallery

4 years ago   Views 17198   downloads 2653   Slideshow & Scroller

So, another random CSS3 experiment! This time it’s an image gallery that has a slide effect. This was a bit tricky to work out but I got there in the end. The idea is to get one image to slide in…

118
Yays

Cross Browser Pure CSS3 Horizontal Accordion

4 years ago   Views 26391   downloads 3531   Accordion

You can add other CSS3 features like gradients, font-face, etc to enhance it further. Our accordion will degrade to an unordered list in IE6 (which will be completely untouched by our CSS). You can use…

128
Yays

Sweet tabbed navigation using CSS3

4 years ago   Views 14416   downloads 2969   Tabs

This example takes on the following CSS(3) properties: rgba opacity text-shadow pseudo selectors rounded corners gradients box-shadow HTML Before we do anything fancy with CSS, we'll need a decent backbone…

166
Yays

Animated CSS3 Horizontal Menu

4 years ago   Views 13247   downloads 2412   Menu & Navigation

Inspired by CSS Sprites2 – It’s JavaScript Time from A List Apart and Using jQuery for Background Image Animations written over a year ago, I decided to create a short tutorial about a animated…

118
Yays

a Bubble Coda Style with CSS3 menu tootips

4 years ago   Views 8003   downloads 1658   Menu & Navigation

we are going to create a tooltip using the famous coda style, which allows for an animated pop-up window that makes for a great effect. HTML First, we create our HTML file and inside the body tag we add…

125
Yays

a Dynamic Stack of Index Cards(CSS3)

4 years ago   Views 17381   downloads 4104   Image Effects

We will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for…

127
Yays

Nice And Simple Toolbar For Your Website With CSS3 And jQuery

4 years ago   Views 13137   downloads 1795   Tooltips

This is a fixed panel, on the bottom of the page, to improve interaction with our users. So a panel with social icons and their tooltip bubbles on the left side and a quick menu on the right. Some features…

122
Yays

Depth And Nice 3D Ribbons Only Using CSS3

4 years ago   Views 18425   downloads 2571   Menu & Navigation

we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception…

99
Yays

Slideshow(Mootools 1.2)

4 years ago   Views 11346   downloads 2031   Slideshow & Scroller

Slideshow is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. Slideshow is the result of many trials in code attempting to create a javascript class…

121
Yays

SmoothGallery 2.1

4 years ago   Views 13960   downloads 1659   Slideshow & Scroller

First step: Install it. Just insert those lines of code in the header of your html files: 1.Include those lines in your header: <script src="scripts/mootools.v1.11.js" type="text/javascript"></script><script…

144
Yays

unique Gallery by using z-index and jQuery

4 years ago   Views 11712   downloads 2054   Image Effects

we will combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures. In this example we have the appearance of a pile…

134
Yays

Jquery Horizontal Slide Navigation

4 years ago   Views 16882   downloads 2745   Menu & Navigation

This is a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item. HTML Structures     <ul> <li><a href="#" title="" class="home"><p><strong>Title</strong><br…

116
Yays

JavaScript Color Fading Script

4 years ago   Views 5804   downloads 975   Text & Link Effects

This lightweight JavaScript allows for easy color transitions. Add fading effects to tables, divs and more. You can target an elements background, border or text color. Below is the command to call the…

115
Yays

BBC Radio 1 Zoom Tabs jQuery

4 years ago   Views 11913   downloads 1540   Tabs

There’s three things that are happening in this effect: When you roll over the image, it zooms out slightly to reveal more of the image. Notice that it also keeps the top position static. The navigation…