bukan sekadar coretan
Perspective Page View Navigation | Codrops Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items. This navigation idea is seen in mobile app design and we wanted to explore some more effects. VIEW DEMO DOWNLOAD SOURC
Progress Button Styles | Codrops 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 side of the button while rotating the button in perspective. VIEW DEMO DOWNLOAD SOURCE
Efficiently Simplifying Navigation, Part 1: Information Architecture | Smashing UX Design Navigation, as crucial as it is to the user experience, is merely a means to an end — the end being to consume content. This is why users have very contrasting expectations about content and navigation. While content is supposed to be unique, surprising and…
Multi-Level Push Menu | Codrops An experimental push menu with multi-level functionality that allows endless nesting of navigation elements. VIEW DEMO DOWNLOAD SOURCE Today we want to share another menu experiment with you. For sure you are familiar with the off-canvas navigation on mobile apps and the implementations for responsive websites like the one by David Bushell. We tried…
Building a Circular Navigation with CSS Transforms | Codrops A tutorial on how to create a circular navigation using CSS transforms. VIEW DEMO DOWNLOAD SOURCE In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one,…
Creative Link Effects | Codrops An inspirational collection of experimental link effects mostly using transitions on pseudo-elements. VIEW DEMO DOWNLOAD SOURCE Today we’d like to share some experimental and creative link effects with you. The idea is to use pseudo-elements and animate them to create a subtle and modern effect. In the examples we are using…
Google Nexus Website Menu | Codrops A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website. VIEW DEMO DOWNLOAD SOURCE
The State Of Responsive Web Design | Smashing Mobile Responsive Web design has been around for some years now, and it was a hot topic in 2012. Many well-known people such as Brad Frost and Luke Wroblewski have a lot of experience with it and have helped us make huge improvements in the field. Butthere’s…
Blueprint: Tooltip Menu | Codrops A simple tooltip menu where the submenu will either appear above or below the main menu, depending on available space. VIEW DEMO DOWNLOAD SOURCE This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main…
Horizontal Slide Out Menu | Codrops A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices. VIEW DEMO DOWNLOAD SOURCE A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item…