24 Beautiful Hotel Website Designs to Get Inspired
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
+ moreArchive
Here you can browse through all articles, tutorials, roundups and experiments on Codrops.
CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
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 Mary Lou 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
Some Useful JavaScript & jQuery Snippets – Part 2
by cody in Playground
Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = "cookietest=1; expires=" + dt
+ more
Pause and Play Effect with jQuery
by cody in Playground
Here’s an effect based on the one used in fml to stop and pause an event. The idea is that when we click on the play/pause button or press the […]
+ more
Some Useful JavaScript & jQuery Snippets
by cody in Playground
How to refresh the src of an image with jQuery? $(imageobj).attr('src', $(imageobj) .attr('src') + '?' + Math.random() ); How to see if an image is loaded or not wit
+ more
Scrolling to the Top and Bottom with jQuery
by cody in Playground
Here’s a way to scroll to the top or bottom of your website with a simple click. I have used the jQuery special scroll events from James Padolsey, and some [&h
+ more
PrettyNumber – A jQuery Plugin for Formatting Numbers
by cody in Playground
Here’s a jQuery plugin that transforms a number into a human readable format. This plugin formats a number like 23454321234 into 23.454.321.234 . You can use d
+ more
Clothesline Social Bookmarks – A CSS-only Social Bookmarking Tutorial
Today we will create a fancy social bookmarking solution which will not require any JavaScript – it is only CSS based. We will hang up some rotated social book
+ more
Easy PHP Site Translation
by chadking in Playground
Here’s an easy way to translate your web site using PHP. The idea is to have several files for each language you want to provide. Each one of these files [&hel
+ more
Creating a Rotating Billboard System with jQuery and CSS
Currently we are in the “hey, let’s do that flash thing in jQuery”-mood and so we came up with another idea: a rotating billboard system. In this t
+ more
Day and Night: Creating a Scenery Animation with jQuery and CSS
In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements wit
+ more
Fixed Fade Out Menu: A CSS and jQuery Tutorial
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim
+ more
Beautiful Slide Out Navigation Revised
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone! Like Stefan
+ more
URL Image Getter/Uploader/Resizer
by chadking in Playground
I was wondering how to get images from a site the same way like Digg or Facebook do, where it is only necessary to provide a link, and images get […]
+ more