Submit your widget
91
Yays

nice CSS3 and jQuery parallax content slider

Views 38253   downloads 9770   Slideshow & Scroller

we want to share a simple parallax content slider with you. Using CSS animations, we’ll control the animation of each single element in the slider and create a parallax effect by animating the background…

173
Yays

Pure useful CSS3 Dropdown Menu

Views 71989   downloads 25452   Menu & Navigation

e will code in pure CSS3 the Navigation Menu that you can find in Impressionist UI by Vladimir Kudinov. Step 1 – HTML Markup We will create an unordered list with a list item and an anchor tag for…

39
Yays

simple jQuery Weather

Views 12751   downloads 2098   Layout & Interface

This demo shows how easy it is to display a simple weather widget that is clean and customizable. This is the basic usage showing only the current weather and an image. simpleWeather does not return any…

91
Yays

impress lightbox effect

Views 23976   downloads 3199   Lightbox & Dialog & Overlay

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. Currently impress.js works fine in latest Chrome/Chromium…

70
Yays

useful Tabbed Menu with jQuery

Views 42435   downloads 10980   Menu & Navigation

We are going to use the HTML element list to display the menu and the drop down. Each of the top level menus are in their own list items and the drop down menus are lists placed inside the list items.…

80
Yays

Css3 tricks animation featured boxes

Views 29865   downloads 6422   Image Effects

we will create a set of featured boxes that will create a nice text flying effect when you move your mouse over them. We will take advantage of the CSS3 custom animations and create a set of our own animations. I…

81
Yays

3D Cube images Slideshow with HTML5

Views 35844   downloads 6318   Slideshow & Scroller

Our new tutorial tells us about creation of animated 3D Cube slideshow (pictures are located within the walls of the cube). The cube itself rotates continuously. Step 1. HTML This is markup of our result…

84
Yays

Unique css3 contact form

Views 23531   downloads 6167   Form

This is an effect of a letter sliding out from an envelope on mouse hover. It works in browsers supporting css3 transitions. In IE the envelope is not visible, I certainly could have played a bit more…

77
Yays

Beautiful Pure CSS3 Buttons

Views 25497   downloads 5652   Buttons & Icons

we will be making some cool CSS3 buttons. They are based on the Futurico User Interface by Vladimir Kudinov and we will try to make a precise copy of them. Let’s get started… Step 1 –…

79
Yays

Stylish Contact Form with CSS3 HTML5

Views 25741   downloads 5373   Form

we will show you the code step by step to create a full HTML5 CSS3 contact form like the one above, without using any images. First, a little disclaimer. HTML5 and CSS3 are still working drafts; the goal…

135
Yays

Awesome jQuery and CSS3 Interactive menu

Views 50312   downloads 10370   Menu & Navigation

This example will tell you how to create an interactive menu using CSS3 goodness and jQuery’s power. The idea The idea behind this example was to have some nicely arranged blocks and once you click…

90
Yays

jQuery New Top Black Menu Bar like Google

Views 50765   downloads 8838   Menu & Navigation

Google has come up with a new look with the launch of Google Plus and one of the prominent changes we can observe is the black menu bar found on the top of Google Search Page and every other Google product…

89
Yays

jQuery and CSS3 Animation effect

Views 39791   downloads 6935   Menu & Navigation

The markup is not difficult, we used two unordered lists, the first list follow insert all graphics (via CSS3) and animations, while the second list social will have links to social networks always with…

91
Yays

Awesome CSS3 animation menu

Views 35643   downloads 7172   Menu & Navigation

In this new category called “Tips and Tricks” we will introduce some quick and interesting methods around web development and web design. In today’s tip we’ll show you how to spice…

62
Yays

Useful CSS3 and jQuery smooth transformations

Views 13083   downloads 1509   Layout & Interface

Super-smooth CSS3 transformations and transitions for jQuery Just include this script after jQuery. Requires jQuery 1.4+. Use $('...').transition instead of jQuery's $('...').animate.…