How to Create a Tiled Background Slideshow
By Mary Lou on
A tutorial that shows how to recreate the four tiles slideshow effect seen on the website of Serge Thoroval. Using 3D transforms, transitions and animations, the aim
transform
Progress Button Styles
By Mary Lou on
A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the progress indication on one sid
Animated Border Menus
By Mary Lou on
A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.
Sliding Horizontal Layout
By Mary Lou on
A slider-like layout where the neighboring sections are positioned horizontally next to each other.
3D Shading with Box-Shadows
By Nick Pettit on
A tutorial about a technique that uses box shadows for creating a realistic shading effect on simple objects.
Multi-Level Push Menu
By Mary Lou on
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
Building a Circular Navigation with CSS Transforms
By Sara Soueidan on
A tutorial on how to create a circular navigation using CSS transforms.
3D Effect for Mobile App Showcase
By Mary Lou on
A fancy 3D effect for a mobile app showcase where the app screens animate to a layered stack.
Google Nexus Website Menu
By Mary Lou on
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
Caption Hover Effects
By Mary Lou on
A tutorial on how to create some subtle and modern caption hover effects.
Interactive Infographic with SVG and CSS Animations
By Adam Coulombe on
Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.
Flipping Circle Slideshow
By Mary Lou on
A simple circular slideshow where we flip the image in order to navigate.
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.
3D Book Showcase
By Mary Lou on
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
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
Arctext.js – Curving Text with CSS3 and jQuery
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
Filter Functionality with CSS3
By Mary Lou on
Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial
Thumbnail Proximity Effect with jQuery and CSS3
By Mary Lou on
Today we want to show you how to create a neat thumbnail proximity effect with jQuery. The idea is to scale thumbnails when hovering over them and also scale their n