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.
By Mary Lou on
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slide ...
By Pedro Botelho on
A highly experimental jQuery plugin that let's you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can ...
By Pedro Botelho on
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm. ...
By Pedro Botelho on
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. ...
By Mary Lou on
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d. ...
By Mary Lou on
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorati ...
By Mary Lou on
Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school mu ...
By Mary Lou on
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects. ...
By Pedro Botelho on
An experimental page layout that let's you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard. ...
By Tyler Craft on
Today we'll share an audio slideshow with you, i.e. a slideshow that will be synced with some audio. We are using the open source audio framework jPlayer. ...
By Mary Lou on
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse. ...
By Mary Lou on
A simple parallax content slider with different animations for each slider element and a background parallax effect. ...
By Pedro Botelho on
Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms. ...
By Pedro Botelho on
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly t ...
By Team Codrops on
2011 has been an exciting year for Codrops and we want to thank you for supporting us! We've learned a lot and it's a privilege to us to be able to share our tutoria ...
By Pedro Botelho on
Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only. ...
By Mary Lou on
Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect. ...
By Pedro Botelho on
Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image's fullscreen version by rotating two blocks in three-dimension ...
By Mary Lou on
How cool is it to sometimes just display content a little bit differently? Today we want to share an experiment with you that let's you show images and content in a ...
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 ...
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 ...
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 ...
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 ...
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 ...