Submit your widget
103
Yays

nice CSS3 and jQuery parallax content slider

Views 40114   downloads 10665   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…

178
Yays

Pure useful CSS3 Dropdown Menu

Views 75275   downloads 26630   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…

46
Yays

simple jQuery Weather

Views 13974   downloads 2889   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…

93
Yays

impress lightbox effect

Views 25540   downloads 3825   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…

73
Yays

useful Tabbed Menu with jQuery

Views 44470   downloads 11810   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.…

83
Yays

Css3 tricks animation featured boxes

Views 31728   downloads 7298   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…

87
Yays

3D Cube images Slideshow with HTML5

Views 37677   downloads 6906   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…

91
Yays

Unique css3 contact form

Views 25269   downloads 6749   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…

80
Yays

Beautiful Pure CSS3 Buttons

Views 27884   downloads 6700   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 –…

85
Yays

Stylish Contact Form with CSS3 HTML5

Views 27727   downloads 6212   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…

140
Yays

Awesome jQuery and CSS3 Interactive menu

Views 52485   downloads 11309   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…

96
Yays

jQuery New Top Black Menu Bar like Google

Views 53079   downloads 9841   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…

95
Yays

jQuery and CSS3 Animation effect

Views 41371   downloads 7859   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…

97
Yays

Awesome CSS3 animation menu

Views 37161   downloads 8056   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…

65
Yays

Useful CSS3 and jQuery smooth transformations

Views 14138   downloads 2267   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.…