bukan sekadar coretan
Sly Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a…
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….
Screenhero | Collaborative Screen Sharing Screenhero lets you screen share any application with anyone, no matter where they are. It’s super simple and blazing fast. You each get your own mouse pointer, and you’re both always in control. It’s designed for collaboration, not just broadcasting your screen. It’s like Google Docs for any application on…
A Simple JavaScript Library for Themable FPS Meter | Web Resources | WebAppers FPSMeter is a simple JavaScript library for sexy, fast, and themable FPS meter. It can measure frames per second, number of milliseconds between frames, and number of milliseconds it takes to render one frame when using the .tickStart() method. FPSMeter supports multiple instances on…
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…
Responsive Full Width Grid | Codrops A responsive grid layout for multiple items in a row that fill all the available width. VIEW DEMO DOWNLOAD SOURCE A layout for a full width flexible grid layout for images or other content. The items have a percentage width and some example media queries show how to adjust the…
Background Slideshow | Codrops A fullscreen background slideshow with autoplay functionality. VIEW DEMO DOWNLOAD SOURCE A simple fullscreen background slideshow with auto-play and controls to navigate and pause.
Understanding the Z-Layout in Web Design | Webdesigntuts The premise of the Z-Layout is actually pretty simple: super-impose the letter Z on the page. Place the items that you want the reader to see first along the top of the Z. The eye will naturally follow the path of the Z, so the goal is…
Understanding the F-Layout in Web Design | Webdesigntuts The F-Layout relies upon various eyetracking studies for it’s foundational concept. These scientific studies show that web surfers read the screen in an “F” pattern – seeing the top, upper left corner and left sides of the screen most… only occasionally taking glances towards the right side…
Designing a Better Contact Page | Webdesigntuts A good contact page is essential for maintaining relationships with your visitors. Whether we’re talking eCommerce, magazines, personal websites, online services, users will usually seek out a contact page as their first means of communication with you. Oddly enough, many web designers neglect the humble contact page, even…