Design Inspiration from Music Videos: Sick Muse by Metric
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 inventing so
Archive
Here you can browse through all posts from the categories articles, tutorials and playground.
CSS Mania jQuery Plugin
In Playground by cody on
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 lot of infor
A jQuery Heat Map
In Playground by cody on
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 with semi-transparent dot
Awesome CSS3 & jQuery Slide Out Button
In Playground by Mary Lou on
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
Fresh Set of CSS-only Menus
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 styleshe
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
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
Self-resizing Navigation Menu with jQuery
In Playground by Mary Lou on
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 menu
Some Useful JavaScript & jQuery Snippets – Part 4
In Playground by cody on
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
Find Your First Twitter Follower
In Playground by chadking on
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 avail
Some Useful JavaScript & jQuery Snippets – Part 3
In Playground by cody on
How to hide all children div except a specific one with jQuery? $('#target div:not(#exclude)').hide(); //or $('#target').children().filter(':not(#exclude)').hide();
Some Useful JavaScript & jQuery Snippets – Part 2
In Playground by cody on
Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = "cookietest=1; expires=" + dt
Pause and Play Effect with jQuery
In Playground by cody on
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 space button, an
Some Useful JavaScript & jQuery Snippets
In Playground by cody on
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
Scrolling to the Top and Bottom with jQuery
In Playground by cody on
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 few
PrettyNumber – A jQuery Plugin for Formatting Numbers
In Playground by cody on
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
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
Easy PHP Site Translation
In Playground by chadking on
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 have