Multi-level Photo Map
By Pedro Botelho on
This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each ...
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.
Elastislide – A Responsive jQuery Carousel Plugin
By Mary Lou on
Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defi ...
Slicebox – A fresh 3D image slider with graceful fallback
By Pedro Botelho on
Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new prope ...
J is for jCookies – HTTP Cookie Handling for jQuery
By Brian S. Reed on
jCookies, a jQuery plugin, makes getting and settings HTTP Cookies a breeze. jCookies allows the storage of any type of data: strings, arrays, objects, etc. A while ...
Automatic Image Montage with jQuery
By Pedro Botelho on
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right imag ...
Image Zoom Tour with jQuery
By Mary Lou on
Today we want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on ...
Circular Content Carousel with jQuery
By Mary Lou on
Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on ...
Expanding Fullscreen Grid Portfolio
By Mary Lou on
Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view m ...
Content Rotator with jQuery
By Mary Lou on
Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides ...
Vertical Sliding Accordion with jQuery
By Mary Lou on
Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more informati ...
Sliding Background Image Menu with jQuery
By Mary Lou on
Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all ...
Grid Navigation Effects with jQuery
By Mary Lou on
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
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
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
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
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
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
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
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
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
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 ...
Latest Tweets Tooltip with jQuery
By cody on
If you have a news website, it might be interesting for you to allow your users to see the latests tweets about a topic. Here is a jQuery plugin for showing the late ...
UI Elements: Search Box with Filter and Large Drop Down Menu
By Mary Lou on
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
In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the ...