Interactive Image Vamp up with jQuery, CSS3 and PHP
In Tutorials by Manoela Ilic
Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and […]
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
Website Stripping Effect with jQuery
In Playground by Manoela Ilic
Here is nice example of how to use the Sexy Curls jQuery Plugin by Elliott Kember. The idea is to show the original sketch of your website. This is done […]
PHP/MySQL Contact Form with jQuery
In Playground by chadking
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. This […]
A Fresh Bottom Slide Out Menu with jQuery
In Tutorials by Manoela Ilic
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 […]
Photo Zoom Out Effect with jQuery
In Tutorials by Manoela Ilic
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 […]
A Love Letter to the Design Community
In Articles by Manoela Ilic
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. […]
Grungy Random Rotation Menu with jQuery and CSS3
In Tutorials by Manoela Ilic
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 […]
Neat Photo Hover Effect with CSS Sprites and jQuery
In Playground by cody
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 […]
66 Famous Fashion Websites for your Inspiration
In Articles by Manoela Ilic
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 site and some are […]
Design Inspiration from Music Videos: Sick Muse by Metric
In Articles by Manoela Ilic
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 […]
CSS Mania jQuery Plugin
In Playground by cody
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 […]
A jQuery Heat Map
In Playground by cody
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 […]
Awesome CSS3 & jQuery Slide Out Button
In Playground by Manoela Ilic
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 button does […]
Fresh Set of CSS-only Menus
In Articles by Manoela Ilic
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 […]
24 Beautiful Hotel Website Designs to Get Inspired
In Articles by Manoela Ilic
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 is […]
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
In Tutorials by Manoela Ilic
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 together, I thought that it’s time for […]
Self-resizing Navigation Menu with jQuery
In Playground by Manoela Ilic
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 […]
Some Useful JavaScript & jQuery Snippets – Part 4
In Playground by cody
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 jQuery file.xml: <?xml version=”1.0″ ?> <result> <item> <id>1</id> <title>title1</title> […]
