Codrops
ArrowNavigationStyles
Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the effects.
Updated
ItemSlider
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 the slide direction.
Updated
ResponsiveMultiLevelMenu
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Updated
PageTransitions
A showcase collection of various page transition effects using CSS animations.
Updated
BookPreview
A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.
Updated
MinimalForm
A simplistic form with inputs shown one at a time. Inspired by the form seen on the end of the [PageLanes website](http://www.pagelanes.com/).
Updated
SamsungGrid
Recreating the grid loading effect as seen on the Samsung Corporate Design Center website.
Updated
ScatteredPolaroidsGallery
A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.
Updated
MultiLevelPushMenu
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
Updated
Blueprint-SlidePushMenus
Fixed menus that will slide out from the sides of the page and in case of the right and left side optionally move the body.
Updated
NaturalLanguageForm
An experimental form that uses natural language instead of the usual form layout. Values are entered using custom input elements.
Updated
PerspectivePageViewNavigation
Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.
Updated
Blueprint-VerticalTimeline
A responsive vertical timeline layout with icons and example media queries.
Updated
CircularProgressButton
Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)
Updated
TriplePanelImageSlider
A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.
Updated
GridGallery
A responsive grid gallery based on the [Google Chromebook getting started](https://gweb-gettingstartedguide.appspot.com/) guide gallery. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items.
Updated