GitHub - VPenkov/okayNav: The world's okayest responsive navigation. This is (sort of) a legacy implementation. Please stay tuned to the 3.0 branch (https://github.com/VPenkov/okayNav/tree/v3.0)You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Paradeiser
the web became fat. let's put it on a diet. get rid of those burgers. The best mobile navigation on this planet. 1.3kb of pure joy. CSS Only. download github or just go with the flow bower install Paradeiser The Hamburgermenu has proven to be bad. Not only is the icon still not widely recognized and therfore a major usability flaw, it also hides all the links on the website for 3 damn lines. With
Responsive Sidebar Navigation in CSS and JavaScript | CodyHouse
Responsive Sidebar Navigation An easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas. Building responsive navigations for mega sites is never an easy task. If you’re working on an admin panel, chances are you’ll need to design and develop a vertical menu, with plenty of sub-categories. That’s why we decided to share today's snippet! Our Sidebar navigation can make you
NavSync
NavSync is an easy to use jQuery plugin that does the heavylifting for syncing your navigation to your content. All it requires is a semantically built navigation menu and a couple of lines of code, easy as pie. Don't believe me? The tiny code snippet below is all you need to get started with NavSync! Javascript $(window).load(function() { $("nav").navSync(); }); The HTML markup required is also e
Slideout.js - A touch slideout navigation menu for your mobile web apps.
$ npm install slideout $ bower install https://github.com/mango/slideout.git $ component install mango/slideout 1. First of all, you'll need to have a menu ("#menu") and a main content ("#panel") into your body. <nav id="menu"> <header> <h2>Menu</h2> </header> </nav> <main id="panel"> <header> <h2>Panel</h2> </header> </main> 2. Add the Slideout.js styles (index.css) in your web application. body
Bootstrap Off-Canvas by iamphill
Bootstrap Offcanvas Super simple, easy to use off-canvas navigation menu for Bootstrap. It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly. Installation Add the stylehseet from the dist folder to your HTML document. <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> Add the JavaScript from the dist folder to your HTM
Secondary sliding navigation in CSS and jQuery | CodyHouse
Secondary Sliding Navigation A bold, secondary menu that slides over the main navigation. Today’s resource is a simple, handy snippet: a secondary navigation that slides down, replacing the main navigation links. This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation. Besides you can easily customize the snippet and use the s
Full-Screen Pushing Navigation in CSS and JavaScript | CodyHouse
Full-Screen Pushing Navigation A full page menu, that replaces the current content by pushing it off the screen. We recently came across the beautiful Hello Monday redesign. Â One thing that captured our interest was the full size navigation: it replaces the current content entirely, by pushing it out. That inspired us to create todays nugget! Here is a quick prototype of the final effect we put to
Bouncy Navigation in CSS and jQuery | CodyHouse
Bouncy Navigation A full-screen navigation, with floating menu items. There are cases when you want to present the user with a choice, with the focus of the web page being the different options. Whether it is a modal navigation, or a list of categories, todays nugget gets you covered! We used CSS animations and a pinch of jQuery to animate navigation items, and let them bounce in and out the scree
Menu to cross icon
One idea, possibilities Scroll down to discover different ways to do it <span id="x"></span> span { display: block; width: 30px; height: 30px; cursor: pointer; border-radius: 0px; margin: 15% auto; -webkit-transition: all .3s ease, -webkit-transform .2s ease; transition: all .3s ease, transform .2s ease; background: -webkit-linear-gradient(top, transparent 0%, transparent 20%, #2E313C 20%, #2E313C
wheelnav.js - spinning ever
Wheel the Force be with you wheelnav.js brings spinning into your web pages Download Wheel navigation JavaScript library built on SVG It can be tab navigation, pie menu, sub menu and more Examples Include wheelnav.js, add a div, create wheelnav on div It is possible via JavaScript or HTML5 data attributes Documentation
Mega-Site Navigation in CSS and jQuery | CodyHouse
Mega-Site Navigation A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled. We've already shared some navigation solutions here on CodyHouse. They can suit small to middle websites, where navigation is not that challenging. This time we wanted to work on something more complex: a mega-menu! About the challen
SketchFactor
SketchFactor: A crowdsourced navigation app that shows the relative sketchiness of an area, based on user input and publicly available data sets.In A Sketchy Situation? There’s An App for ThatSketchFactor shows you where to walk and where to avoidAugust 7, 2014 - New York, NY. Today, August 8, SketchFactor launches. A first-of-its-kind navigation app, SketchFactor crowdsources walking directions b
Tunnel Vision NYC
<iframe width="640" height="480" src="http://www.youtube.com/embed/S5PiQLhxXeA" frameborder="0" allowfullscreen></iframe> MTA Data Discover where people are entering, where people are exiting and how many people are in the subway at a given time. Tunnel Vision uses turnstile and schedule data from the MTA. US Census Data What are the median incomes in each neighborhood? How much are people paying
Indoor Mapping, Wayfinding & Space Planning Software | ArcGIS Indoors
ArcGIS Indoors enables your organization to build an indoor geographic information system (GIS) and put the power of indoor mapping, wayfinding, and space management software into everyone’s hands. With three license levels available, ArcGIS Indoors Pro, Indoors Maps, and Indoors Spaces, your organization can consolidate your asset and space information into a single place, the indoor map, and pro
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ALL | Navnav
PriorityNav.js - Smart responsive navigation
So long...
Sticky Navigation
http://www.toolitup.com/minimap.html
{{#tags}}- {{label}}
{{/tags}}