PHP/MySQL Contact Form with jQuery
by chadking in Playground
Here’s an implementation of a contact form with PHP and jQuery. Usually, one would only want the message posted by the user to be sent to an email address. Thi
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
A Fresh Bottom Slide Out Menu with jQuery
by Manoela Ilic in Tutorials
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out [&helli
+ more
Photo Zoom Out Effect with jQuery
by Manoela Ilic in Tutorials
Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering [&helli
+ more
A Love Letter to the Design Community
by Manoela Ilic in Articles
Dear Design Community, I don’t really know if I can consider myself a part of you, but I have the strong urge to tell you how I feel about you. […]
+ more
Grungy Random Rotation Menu with jQuery and CSS3
by Manoela Ilic in Tutorials
In this tutorial we are going to create a great menu with some content area that slides out. We use the grunge style because we want it to look a […]
+ more
Neat Photo Hover Effect with CSS Sprites and jQuery
by cody in Playground
Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering […]
+ more
66 Famous Fashion Websites for your Inspiration
by Manoela Ilic in Articles
Here is a list of inspirational web designs from the fashion design industry. Most of them use Flash to create a “fashion experience” when visiting their
+ more
Design Inspiration from Music Videos: Sick Muse by Metric
by Manoela Ilic in Articles
As a web designer it is sometimes hard to get inspired. When a client asks for a specific design and has some concrete ideas, it can be much easier than […]
+ more
CSS Mania jQuery Plugin
by cody in Playground
Here is a jQuery plugin that makes use of the CSS Mania API. CSS Mania is a well known website showcase site where designs can be submitted and rated. A […]
+ more
A jQuery Heat Map
by cody in Playground
Here is a very simple way ho to create a heat map with jQuery. The idea is to track the clicks of a user and then display the click pattern […]
+ more
Awesome CSS3 & jQuery Slide Out Button
by Manoela Ilic in Playground
Here is an awesome little slide out button. The inspiration for that button came from photoshop.com where Flash is used to create a nice slide out effect. This butto
+ more
Fresh Set of CSS-only Menus
by Manoela Ilic in Articles
Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup for the menus is always the same and I used 12 different [&hellip
+ more
24 Beautiful Hotel Website Designs to Get Inspired
by Manoela Ilic in Articles
A great website design can be a powerful tool for establishing a brand. In the hotel business, a website gives the chance to present the services and atmosphere that
+ more
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
by Manoela Ilic in Tutorials
Today I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-style” don’t really go
+ more
Self-resizing Navigation Menu with jQuery
by Manoela Ilic in Playground
Today I am going to share a nice CSS only (with some jQuery) navigation menu that adapts the size of its list items automatically. Sometimes you need to reuse a [&he
+ more
Some Useful JavaScript & jQuery Snippets – Part 4
by cody in Playground
How to get client ip address with jQuery $.getJSON("http://jsonip.appspot.com?callback=?",function(data){ alert( "Your ip: " + data.ip); }); How to parse XML with jQ
+ more
Find Your First Twitter Follower
by chadking in Playground
This application aims to show you who your first follower was in twitter. It’s done with PHP and jQuery and of course it uses the twitter API. Two of the [&hel
+ more
Some Useful JavaScript & jQuery Snippets – Part 3
by cody in Playground
How to hide all children div except a specific one with jQuery? $('#target div:not(#exclude)').hide(); //or $('#target').children().filter(':not(#exclude)').hide();
+ more