Google Nexus Website Menu
In Tutorials by Manoela Ilic
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
All Posts
Browse through all our articles, tutorials, roundups, and experiments.
On Scroll Effect Layout
In Blueprints by Manoela Ilic
An on scroll effect template that animates the sides of sections once they are in the viewport.
Troubleshooting CSS
In Articles by Kitty Giraudel
Sometimes CSS can be frustrating. Learn about some tricky properties, the common issues they can cause and how to solve them.
On Scroll Header Effects
In Playground by Manoela Ilic
Some inspiration for headers that animate when scrolling the page.
Justified and Vertically Centered Header Elements
In Tutorials by Manoela Ilic
A little journey into positioning header elements to be centered vertically and justified with the help of pseudo-elements.
Animated Books with CSS 3D Transforms
In Playground by Marco Barria
A creative way to show interactive books using CSS 3D Transforms.
Using Custom Data Attributes and Pseudo-Elements
In Tutorials by Manoela Ilic
A tutorial on how to (ab)use custom data attributes and pseudo-elements for creating image captions.
Interactive Particles Slideshow
In Playground by Francesco Trillini
An interactive particles slideshow experiment built with HTML5 Canvas.
Loading Effects for Grid Items with CSS Animations
In Playground by Manoela Ilic
Some inspiration for loading effects of grid items using CSS animations.
Responsive Icon Grid
In Blueprints by Manoela Ilic
A responsive grid of anchors with icons, text and some example hover transitions.
View Mode Switch
In Blueprints by Manoela Ilic
A simple view mode switch that has two example layouts, a grid and a list.
Expanding Search Bar Deconstructed
In Tutorials by Manoela Ilic
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
Nifty Modal Window Effects
In Playground by Manoela Ilic
A set of experimental modal window appearance effects with CSS transitions and animations.
Dynamic Grid with Transitions
In Playground by Manoela Ilic
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 add transitions.
Caption Hover Effects
In Tutorials by Manoela Ilic
A tutorial on how to create some subtle and modern caption hover effects.
Creative Button Styles
In Playground by Manoela Ilic
Some creative and modern button styles and effects for your inspiration.
Freebie: Stationery Icon Set (EPS, AI, PSD)
In Freebies by Shaun Dona
A creative and unique Stationery icon set by Shaun Dona for your next project.
Web Audio Stylophone
In Tutorials by Stuart Memo
Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.
