In Playground
by Mary Lou
15 Comments
A dynamic grid layout that let's you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can ad... read more
In Tutorials
by Mary Lou
37 Comments
A tutorial on how to create some subtle and modern caption hover effects.... read more
In Playground
by Mary Lou
36 Comments
Some creative and modern button styles and effects for your inspiration. ... read more
In Freebies
by Shaun Dona
11 Comments
A creative and unique Stationery icon set by Shaun Dona for your next project.... read more
In Tutorials
by Stuart Memo
6 Comments
Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.... read more
In Blueprints
by Mary Lou
19 Comments
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.... read more
In Blueprints
by Mary Lou
6 Comments
A responsive multi-column form with example media queries for a flexible layout.... read more
In Playground
by Mary Lou
64 Comments
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.... read more
In News & Updates
by Pedro Botelho
15 Comments
The content flip plugin BookBlock has been updated and improved. Content can be flipped vertically and horizontally, and we've added support for RTL among other thin... read more
In Blueprints
by Mary Lou
18 Comments
A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space.... read more
In Playground
by Marco Barria
24 Comments
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.... read more
In Tutorials
by Mary Lou
23 Comments
An experimental form that uses natural language instead of the usual form display. Values are entered using custom input elements.... read more
In Blueprints
by Mary Lou
15 Comments
A responsive product grid layout with some UI details for inspiration. ... read more
In Blueprints
by Mary Lou
13 Comments
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices. ... read more
In Playground
by Mary Lou
21 Comments
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots. ... read more
In Tutorials
by Stéphanie Walter
58 Comments
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.... read more
In Playground
by Pedro Botelho
85 Comments
A showcase collection of various page transition effects using CSS animations.... read more
In Blueprints
by Mary Lou
23 Comments
A responsive vertical timeline layout with icons and example media queries.... read more
In Blueprints
by Mary Lou
16 Comments
A fixed background image scrolling layout with 100% height panels and smooth scrolling.... read more
In Tutorials
by Hugo Giraudel
21 Comments
Learn about CSS counters, the figure element and how to combine both for automatically numbering figures in a web page.... read more
In Playground
by Mary Lou
44 Comments
A simple and fun text opening sequence effect with blurry letters using CSS animations.... read more
In Tutorials
by Mary Lou
23 Comments
A tutorial on how to recreate the effect of YouTube's little left side menu. The idea is to slide a little menu icon to the right side while revealing some menu item... read more
In Playground
by Mary Lou
97 Comments
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for... read more
In Playground
by Mary Lou
82 Comments
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.... read more