Submit your widget
82
Yays

Stylish Handwritten Letter Style jQuery Form

Views 15970   downloads 4089   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…

73
Yays

Pure CSS3 Accordion Image effect

Views 27081   downloads 5331   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…

85
Yays

Awesome html5 and jQuery Free Photography Template

Views 39977   downloads 6511   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…

92
Yays

jQuery slide tab system

Views 39194   downloads 9064   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…

105
Yays

Rich Media Dropdown Menu with jQuery

Views 39936   downloads 9176   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…

108
Yays

Pure CSS3 images Hover Effects

Views 68173   downloads 10898   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 31905   downloads 8291   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…

78
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…

75
Yays

Pure CSS3 Customizable Pressure Buttons

Views 18473   downloads 5015   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…

72
Yays

Pure CSS3 animation Menu Navigation

Views 33885   downloads 6961   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…

89
Yays

Cool jQuery animate-on-scroll tooltips effect

Views 28972   downloads 4206   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" />…

79
Yays

rounded corners CSS3 tables

Views 23960   downloads 6835   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 52953   downloads 13224   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…

115
Yays

Beautiful CSS3 scroll Social Menu

Views 41348   downloads 11533   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 20201   downloads 4384   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">…