Submit your widget
77
Yays

Stylish Handwritten Letter Style jQuery Form

Views 15746   downloads 4010   Form

Follow this step by step tutorial to create a traditional pen & paper inspired contact form in HTML and CSS.  use a mix of basic and intermediate CSS techinques to give the form the appearance…

71
Yays

Pure CSS3 Accordion Image effect

Views 26869   downloads 5228   Accordion

Fluent animated transitions for sliding web page elements such as a menu or an image gallery, have always traditionally been implemented with JavaScript. But using the CSS3 pseudo-class :target and the…

83
Yays

Awesome html5 and jQuery Free Photography Template

Views 39762   downloads 6418   Slideshow & Scroller

"Vivid Photo” is a modern and elegant Photography Website Template. It is cross browser compatible and created to suit needs of photographers. The template is made using HTML5, jQuery and CSS3…

89
Yays

jQuery slide tab system

Views 38902   downloads 8963   Tabs

Ben Bodien and Marc Roberts, co-founders of Neutron Creations, explain how to build a simple, semantically clean and extensible jQuery tab system To power our tabbed navigation, we’ll be using and…

103
Yays

Rich Media Dropdown Menu with jQuery

Views 39653   downloads 9092   Menu & Navigation

Today’s tutorial combines two good friends, jQuery and dropdown menus! “That boring old combination”, I hear you cry. But wait, this is a dropdown menu with a difference! It takes away…

106
Yays

Pure CSS3 images Hover Effects

Views 67855   downloads 10794   Image Effects

There are five examples of hover effects using different CSS properties compared to the old tutorial posted on Codrops. In summary, we seek the same method but we will act especially using the border…

91
Yays

jQuery & CSS3 custom skin select lists

Views 31689   downloads 8200   Form

Skin your HTML select lists easily with Selectyze plugin. It works with IE6-9, chrome, Safari, Firefox.. HOW DOES IT WORK ? Selectyze hide your select element, and build a <div> just below the select…

69
Yays

CSS3 and jQuery date calendar effect

This is a CSS3 animation calendar with some jQuery . You’re allowed to use the calendar for your own purpose. For those who are interested to learn a bit more about how the calendar is built, I…

73
Yays

Pure CSS3 Customizable Pressure Buttons

Views 18223   downloads 4920   Buttons & Icons

Customizable Pressure Style CSS Buttons You can use or edit these as much as you like without any credit. They’re compatible with the latest version of all the major browsers. Click on the demo…

70
Yays

Pure CSS3 animation Menu Navigation

Views 33660   downloads 6883   Menu & Navigation

The example will only be visible in Firefox, Safari and Chrome because it uses the CSS3 Animation Property. HTML Now look carefully ... this markup is really easy, just create an unordered list and insert…

80
Yays

Cool jQuery animate-on-scroll tooltips effect

Views 28773   downloads 4119   Slideshow & Scroller

In this exampole we try to recreate the intriguing scrolling effect. We’ll start with the html structure : <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />…

77
Yays

rounded corners CSS3 tables

Views 23728   downloads 6752   Table

There has been some discussion in the past about how/when to use tables in web development. Though, the conclusion is the same: when you’re dealing with tabular data, tables are absolutely required.…

103
Yays

Pure CSS3 slide dropdown Menu

Views 52780   downloads 13144   Menu & Navigation

As usual, we start with the HTML. Here is the html code of our menu. As usual – this is again UL-LI based navigation menu. The most interesting thing will be CSS styles of course. index.html <ul…

111
Yays

Beautiful CSS3 scroll Social Menu

Views 41114   downloads 11453   Menu & Navigation

we’ll learn how to code a fancy social networks menu with HTML5 and CSS3 and absolutely no images. Yup, that’s right! No images at all. We’ll also learn how to convert a normal font…

64
Yays

Pure CSS3 list styles effect

Views 19981   downloads 4280   Text & Link Effects

you’ll learn how to add some CSS3 fine tuning to your ordered lists, using a semantic approach. The HTML Below you’ll find nothing than simple ordered list markup <ol class="rounded-list">…