bukan sekadar coretan
Fixed Background Scrolling Layout | Codrops A fixed background image scrolling layout with 100% height panels and smooth scrolling. VIEW DEMO DOWNLOAD SOURCE A simple scrolling layout with fixed background images using background-attachment: fixed and a navigation. The page will scroll smoothly to the selected section.
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…
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…
Create Responsive Side Menu with Sidr jQuery Plugin | Web Resources | WebAppers Sidr is a handy jQuery plugin for creating side menus and the easiest way for doing your menu responsive. You will be able to create multiple sidrs on both sides of your web to make responsives menus or not, it works perfectly on desktop…
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…
Make Content Sticky on Scroll, to a Point with jQuery | Web Resources | WebAppers jQuery Stick ‘em makes Content Sticky on Scroll, to a Point. Sometimes, we have some of those images were very tall. So by the time you scrolled down to the bottom of the images, you would have to scroll back…