Submit your widget
93
Yays

nice CSS3 and jQuery parallax content slider

Views 39122   downloads 10269   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…

176
Yays

Pure useful CSS3 Dropdown Menu

Views 73655   downloads 26059   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…

41
Yays

simple jQuery Weather

Views 13224   downloads 2476   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 24544   downloads 3392   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…

71
Yays

useful Tabbed Menu with jQuery

Views 43385   downloads 11355   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.…

81
Yays

Css3 tricks animation featured boxes

Views 30651   downloads 6688   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…

82
Yays

3D Cube images Slideshow with HTML5

Views 36644   downloads 6518   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…

85
Yays

Unique css3 contact form

Views 24155   downloads 6370   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 26420   downloads 6130   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 –…

81
Yays

Stylish Contact Form with CSS3 HTML5

Views 26456   downloads 5836   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…

136
Yays

Awesome jQuery and CSS3 Interactive menu

Views 51236   downloads 10885   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…

92
Yays

jQuery New Top Black Menu Bar like Google

Views 51680   downloads 9357   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…

92
Yays

jQuery and CSS3 Animation effect

Views 40302   downloads 7405   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…

92
Yays

Awesome CSS3 animation menu

Views 36150   downloads 7620   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 13403   downloads 1919   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.…