bukan sekadar coretan
Responsive Retina-Ready Menu | Codrops A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. VIEW DEMO DOWNLOAD SOURCE Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on…
Simple YouTube Menu Effect | Codrops 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 list beneath. VIEW DEMO DOWNLOAD SOURCE Today we’ll show you how to recreate the little menu effect that…
Tooltipster – The jQuery Tooltip Plugin Tooltipster is a powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS. Tooltipster allows you to use any HTML tag you can think of inside your tooltips. This means you can insert things like images and text formatting tags. The style of your…
UI Design: Simple Ways to Add Mobile Navigation Icons More people are surfing the Internet via mobile devices these days, thus a few things on websites need to be adjusted to fit in those smaller screen sizes. This also includes Web Navigation. The icon below, if you may, is the most popular icon to represent “mobile…
Responsive Multi-Level Menu | Codrops A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. VIEW DEMO DOWNLOAD SOURCE Today we want to share an experimental drop-down menu with you. The main idea is to save space for menus that have a lot of content and sub-levels….
Slide and Push Menus | Codrops 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. VIEW DEMO DOWNLOAD SOURCE A set of fixed menus that will slide out from any of the edges of the page. The two menus that…
Branded Interactions | Matthew Moore Design One or two key functions. Well designed apps master their core interactions. The best are unique and become associated with the brand itself. You could even call thembranded interactions.
Horizontal Drop-Down Menu | Codrops A responsive horizontal drop-down menu inspired by the Microsoft.com menu. VIEW DEMO DOWNLOAD SOURCE This large horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It’s inspired by the Microsoft.com drop-down menu. Some example media queries show how to adjust the menu for smaller screens.
Simple Effects for Drop-Down Lists | Codrops A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. VIEW DEMO DOWNLOAD SOURCE Today we want to share some simple drop-down list effects with you. The idea is to transform a normal select input into something more appealing with a jQuery plugin. The…
Create 3D and Space Efficient Menu with Meny | Web Resources | WebAppers Meny is a three dimensional and space efficient menu. Meny works best in browsers with support for CSS 3D transforms, although it falls back on 2D animation for older browsers. Supports touch events for mobile devices. Meny requires two HTML elements to work: a…