Submit your widget
27
Yays

jquery.top-droppable

6 months ago   Views 7387   downloads 628   HTML5

A small jQuery UI plugin, which allows you to drop a draggable-element only into the foremost droppable-element, if more of them are overlapping. Dependencies In order to use jquery.top-droppable you…

64
Yays

HTML5 and jQuery Image uploader effect

11 months ago   Views 21474   downloads 2859   HTML5

We have received several inquiries for the last time from our readers with a question – how to upload photos to website. I think that this is an interesting question, and, I decided to lift the…

175
Yays

HTML5 and jQuery filter images Portfolio

2 years ago   Views 71783   downloads 10774   Image Effects

we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to…

192
Yays

(HTML5Sticky)Sticky Notes for the Web with HTML5

2 years ago   Views 38828   downloads 8087   HTML5

The HTML5STicky is as the name suggests, HTML5 application you can use to create sticky notes. The sticky notes are persistent in nature meaning your created sticky notes will be there the next time you…

113
Yays

jQuery and html5 Brush Stroke Navigation

2 years ago   Views 29716   downloads 6356   Menu & Navigation

You can see the folder structure. It is quite simple. A folder for images, another for script files, one HTML file and a CSS file. The Content – HTML5 We’ll be using some HTML5 elements to…

128
Yays

Web Forms with HTML5 no javascript

2 years ago   Views 34509   downloads 7279   HTML5

For years now, most Web forms have included at least some lines of JavaScript code. Typically this JavaScript is used to validate the form — that is, check all the fields have been filled in correctly…

153
Yays

Simple HTML5 Progress bar

2 years ago   Views 25125   downloads 5950   HTML5

There is a great amount of articles about Canvas on the internet, but I would like to show the example of how you can use Canvas on practice, namely the creation of animated progress bar.' The progress…

211
Yays

Interactive Polaroids (html5)

3 years ago   Views 32081   downloads 4234   Image Effects

202
Yays

HTML5 jQuery Slideshow w/ Canvas

3 years ago   Views 41059   downloads 5029   Slideshow & Scroller

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like…

191
Yays

canvasSlideshow - html5 canvas image slideshow jQuery plugin

3 years ago   Views 43553   downloads 7087   Slideshow & Scroller

Usage Include js files.   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script src="js/webwidget_slideshow_html5_simple.js"></script>…

179
Yays

Twitter Sign-up Page using HTML5 And CSS3 (no js)

3 years ago   Views 22482   downloads 4449   HTML5

As we all know HTML5 gives us some pretty useful feature . Today I am going to show the feature which gives a new look to Forms module.In Old version of html , Forms were pretty boring and you have to…

152
Yays

Drag and drop HTML5

3 years ago   Views 13733   downloads 1424   HTML5

As we have mentioned in some of our previous articles & tutorials HTML 5 offers designers, developers and people in general a much richer experience, we are still just scraping the surface of the…

204
Yays

Editable CSS3 jQuery html5 Image Gallery

3 years ago   Views 27092   downloads 4174   Lightbox & Dialog & Overlay

We build a pretty typical image gallery design pattern, a grid of images that pop up larger when clicked. But this image gallery page makes use of hot semantic HTML5 markup, loads of visual treats with…

253
Yays

HTML5-Slideshow

3 years ago   Views 31024   downloads 5214   Slideshow & Scroller

Download Lightweight HTML5-based slideshow This is a mini web app for people who'd rather build slides with HTML and CSS than with PowerPoint.

194
Yays

jQuery html5 canvas 3D animation effect

3 years ago   Views 79746   downloads 4001   HTML5

Directions: Step 1: Add the below code inside the <HEAD> section of the page:   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>…