Submit your widget
72
Yays

Stylish Handwritten Letter Style jQuery Form

Views 14654   downloads 3316   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…

70
Yays

Pure CSS3 Accordion Image effect

Views 25544   downloads 4345   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…

80
Yays

Awesome html5 and jQuery Free Photography Template

Views 38240   downloads 5718   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…

86
Yays

jQuery slide tab system

Views 35841   downloads 8300   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…

101
Yays

Rich Media Dropdown Menu with jQuery

Views 37467   downloads 8467   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…

104
Yays

Pure CSS3 images Hover Effects

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

86
Yays

jQuery & CSS3 custom skin select lists

Views 30425   downloads 7285   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…

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

70
Yays

Pure CSS3 Customizable Pressure Buttons

Views 16647   downloads 4304   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…

68
Yays

Pure CSS3 animation Menu Navigation

Views 32008   downloads 6244   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…

77
Yays

Cool jQuery animate-on-scroll tooltips effect

Views 27206   downloads 3419   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" />…

75
Yays

rounded corners CSS3 tables

Views 22027   downloads 6039   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.…

102
Yays

Pure CSS3 slide dropdown Menu

Views 50988   downloads 12672   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…

109
Yays

Beautiful CSS3 scroll Social Menu

Views 39520   downloads 10676   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…

61
Yays

Pure CSS3 list styles effect

Views 18740   downloads 3527   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">…