Playground

In this category you will find experiments, plugins and articles related to web development and programming. Here we present some new ideas and inspiration for solving problems and tackling challenges around web development.

Grid Navigation Effects with jQuery

By Mary Lou on June 9, 2011

Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We'll t ...

Sliding Letters with jQuery

By Mary Lou on May 9, 2011

Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. The aim is ...

Restaurant Website and Gallery Template

By Mary Lou on April 21, 2011

Today we want to share a little website experiment with you. The theme for today’s template is a restaurant website which will include ...

Mega Web Buttons Pack #1

By Marcin Dziewulski on April 17, 2011

Today we want to share our first set of easy-to-implement buttons called ‘Mega Web Buttons Pack’. In this set you will find 42 b ...

Circular Discography Template with jQuery

By Mary Lou on April 11, 2011

Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rot ...

3D Wall Gallery

By Mary Lou on February 2, 2011

Today we want to share our latest experiment with you: the 3D Wall Gallery. Using the Safari browser the images of this gallery will be put ...

B&W Box Gallery

By Mary Lou on January 12, 2011

In today’s experiment, we created a little gallery that plays with the black and white versions of images. The idea is to have an init ...

Website Tour with jQuery

By Mary Lou on December 21, 2010

Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want t ...

Merging Image Boxes with jQuery

By Mary Lou on November 30, 2010

Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to ...

Music Portfolio Template with HTML5 and jQuery

By Mary Lou on July 26, 2010

Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The ...

UI Elements: Search Box with Filter and Large Drop Down Menu

By Mary Lou on July 14, 2010

Today we will show you some more UI elements: a search box with a filter and a large drop down menu. We will use jQuery in both elements for the effect. We will also ...

Interactive Photo Desk with jQuery and CSS3

By Mary Lou on July 1, 2010

In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the ...

Multimedia Gallery for Images, Video and Audio

By Mary Lou on June 24, 2010

This multimedia gallery for images, video and audio is a progression of our previous galleries. The idea for this new gallery is to integrat ...

UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu

By Mary Lou on June 21, 2010

Today we will show you some useful and neat UI elements that are focused on selecting content. We will be using jQuery and some CSS3 properties for the style to give ...

Improved Micro Image Gallery: A jQuery Plugin

By cody on April 26, 2010

Here’s an improved version of the Micro Image Gallery Plugin. I have added some features as suggested in the comments, specifically th ...

Micro Image Gallery: A jQuery Plugin

By cody on April 19, 2010

There’s a new version here: In many blogs and news sites images are mostly included as an addition to the content. Space is often limi ...

Website Stripping Effect with jQuery

By Mary Lou on March 15, 2010

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 by dragging ...

PHP/MySQL Contact Form with jQuery

By chadking on March 12, 2010

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 ...

Neat Photo Hover Effect with CSS Sprites and jQuery

By cody on February 22, 2010

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 over the i ...

CSS Mania jQuery Plugin

By cody on February 11, 2010

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

By cody on February 8, 2010

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

By Mary Lou on February 8, 2010

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 ...

Self-resizing Navigation Menu with jQuery

By Mary Lou on January 12, 2010

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 ...

Page 8 of 10
<
1
2
3
4
5
6
7
8
9
10
>