3D Image Gallery Room
By Mary Lou on
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.
CSS3
3D Book Showcase
By Mary Lou on
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
How to Create a Simple Multi-Item Slider
By Mary Lou on
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on
Slider Pagination Concept
By Mary Lou on
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content t
CSS Click Events
By Hugo “Kitty” Giraudel on
An article about different experimental approaches of employing click events using CSS only. It summarizes and shows some clever hacks and smart tricks.
Sticky Captions Concept
By Mary Lou on
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport.
StackSlider: A Fun 3D Image Slider
By Pedro Botelho on
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for view
Calendario: A Flexible Calendar Plugin
By Mary Lou on
A jQuery calendar plugin for creating flexible calendars.
Three Script Updates
By Mary Lou on
The animated responsive grid, the direction-aware hover effect and the swatchbook have all been updated and added to GitHub.
Adaptive Thumbnail Pile Effect with Automatic Grouping
By Pedro Botelho on
An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile w
Learning Principles for Improving Your CSS
By Hugo “Kitty” Giraudel on
This article will cover some basic principles and tips on how to learn and become better at CSS, based on personal experience.
Responsive CSS Timeline with 3D Effect
By Mary Lou on
A tutorial about how to create an experimental CSS-only timeline with a 3D effect. The idea is to expand a content area when the associated radio input is selected.
Creative CSS Loading Animations
By Hugo “Kitty” Giraudel on
In this tutorial we'll show you how to make some creative css-only loading animations also known as activity indicators.
Baraja: A Plugin for Spreading Items in a Card-Like Fashion
By Pedro Botelho on
With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowi
Heading Set Styling with CSS
By Hugo “Kitty” Giraudel on
In this tutorial we will create a couple of heading styles to get your creative juices flowing for your next project. Make heading styles work by applying the right
Kick-Start Your Project: A Collection of Handy CSS Snippets
By Hugo “Kitty” Giraudel on
Don't start your project with an empty style sheet: there are many great snippets that can make your life easier and speed up web development. We are going to show y
Slit Slider Revised
By Mary Lou on
Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be "cut open" into two slices and moved away, revealing the next or previou
Basic Ready-to-Use CSS Styles
By Hugo “Kitty” Giraudel on
This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles an