dom-navigator - ⚓️ JS library that allow keyboard navigation through DOM elements (←↑→↓).

  •        44

Library that allow keyboard navigation through DOM elements (←↑→↓). Fork this respository.



Related Projects

ex-navigator - Route-centric navigation built on top of React Native's Navigator

  •    Javascript

Deprecation Warning There are a few bugs in ex-navigator that require mutation of the state for the state to pass through the Navigator [Issue 110]. It's highly recommended to use the new ex-navigation instead as it's a powered by React Native's "NavigationExperimental". It's recommend to use react-navigation instead. ExNavigator is a scene navigator that is centered around routes and is built on top of React Native's Navigator. You define ExRoutes, which are plain JavaScript objects with functions to render the scene for the route and the components to display in the nav bar.


  •    HTML

Highlighter.js is a tiny (pure javascript) library to allow you to navigate, select and highlight DOM elements.

phonegap-launch-navigator - Phonegap/Cordova plugin which launches native route navigation apps for Android, iOS and Windows

  •    Javascript

Cordova/Phonegap plugin for launching today's most popular navigation/ride apps to navigate to a destination. Platforms: Android, iOS and Windows.

vim-tmux-navigator - Seamless navigation between tmux panes and vim splits

  •    Vim

This plugin is a repackaging of Mislav Marohnić's tmux-navigator configuration described in this gist. When combined with a set of tmux key bindings, the plugin will allow you to navigate seamlessly between vim and tmux splits using a consistent set of hotkeys. NOTE: This requires tmux v1.8 or higher.

react-native-dva-starter - a React Native starter powered by dva and react-navigation

  •    Javascript

Great thanks to @xuan45 for his cli tool dva-native-cli, check that project for more information. The builtin router of dva (not react-router v4), doesn't support React Native, we have to integrate other router components, such as Navigator, ExperimentalNavigation, react-native-router-flux and react-navigation. Since the former two will be depreciated in flavor of react-navigation, which is also be recommended by official, so I choose it to be the navigator.

BBUFullIssueNavigator - Xcode plugin for showing all issue content in the issue navigator.

  •    Objective-C

Xcode 5.1 fixes the issue navigator, so you won't need this plugin anymore. It just stays here mostly for historical purposes or if you want to see more than ten lines of your issues. If you still use it, make sure to set the option to at least "Two Lines" or the plugin will not function correctly. Consider this an early prototype, it works, but the implementation is hacky and calculates larger heights for the issue navigator cells than necessary.

nanoJS - Minimal standalone JS library for DOM manipulation

  •    Javascript

nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.

stack - Stack navigator for React Navigation

  •    TypeScript

Stack navigator for use on iOS and Android. Documentation can be found on the React Navigation website.

js-tracker - A chrome extension tracks front-end JavaScript that uses DOM / jQuery APIs to manipulate html dom elements (e

  •    TypeScript

A chrome extension tracks front-end JavaScript that uses DOM or jQuery APIs to manipulate html dom elements (e.g., change style, attach event listener) on web page at runtime. Go to the page you want to track (you can use example page to give it a try).

asm-dom - A minimal WebAssembly virtual DOM to build C++ SPA (Single page applications)

  •    C++

asm-dom is a minimal WebAssembly virtual DOM to build C++ SPA (Single page applications). You can write an entire SPA in C++ and compile it to WebAssembly (or asmjs as fallback) using Emscripten, asm-dom will call DOM APIs for you. This will produce an app that aims to execute at native speed by taking advantage of common hardware capabilities, also, you can use your C/C++ code without any change, you haven't to create a binding layer to use it (as we have to do if we want to use a C++ lib from JS). Basically we are creating an app in C++ that call javascript if needed instead of the opposite. You can write only once in C++ and share as much code as possible with desktop/mobile apps and web site. If you want to learn more about performance, please see this. asm-dom is a low-level virtual DOM library. It is unopinionated with regards to how you should structure your application.

SharePoint Document Navigator

  •    JQuery

SP Document Navigator is a front-end solution for navigating a document library using jQuery and jQuery Mobile

Bash Navigator

  •    Shell

Bash Navigator eliminates the requirement that users must memorize long directory names, provides forward/back/next/previous navigation keys, and supports a rudimentary form of project management without reducing the flexibility of the BASH shell.

OpenCPN - A concise ChartPlotter/Navigator

  •    C

A concise ChartPlotter/Navigator. A cross-platform ship-borne GUI application supporting * GPS/GPDS Postition Input * BSB Raster Chart Display * S57 Vector ENChart Display * AIS Input Decoding * Waypoint Autopilot Navigation

minimap - A preview of full webpage or its DOM element with flexible positioning and navigation support

  •    Javascript

Fork this repository or download js/css files from dist directory. Include jQuery and this plugin on a page.

Source Navigator for Verilog

  •    Perl

Source Navigator for Verilog is a verilog parser that allows Source Navigator to be used with the Verilog Hardware Description Language.

ctrlp-funky - A simple function navigator for ctrlp.vim

  •    Vim

A super simple function navigator for ctrlp.vim. For lazy people who cannot wait until ctags finishes. This is a ctrlp.vim extension. It simply navigates and jumps to function definitions from the current file without ctags. It just searches for function definitions or equivalent lines using regular expressions, therefore some languages' abstractions aren't accurate because of them being hard to parse.

react-native-lightbox - Images etc in Full Screen Lightbox Popovers for React Native

  •    Javascript

navigator property is optional but recommended on iOS, see next section for Navigator configuration. For android support you must pass a reference to a Navigator since it does not yet have the Modal component and is not on the official todo list. See the Example project for a complete example.

dom-helpers - tiny, extremely modular, DOM helper library for IE8+

  •    Javascript

Mostly just naive wrappers around common DOM API inconsistencies, Cross browser work is minimal and mostly taken from jQuery. This library doesn't do a lot to normalize behavior across browsers, it mostly seeks to provide a common interface, and eliminate the need to write the same damn if (ie8) statements in every project. over and over again, or you need a ok getComputedStyle polyfill but don't want to include all of jQuery, use this.

morphdom - Fast and lightweight DOM diffing/patching (no virtual DOM needed)

  •    Javascript

This module was created to solve the problem of updating the DOM in response to a UI component or page being rerendered. One way to update the DOM is to simply toss away the existing DOM tree and replace it with a new DOM tree (e.g., myContainer.innerHTML = newHTML). While replacing an existing DOM tree with an entirely new DOM tree will actually be very fast, it comes with a cost. The cost is that all of the internal state associated with the existing DOM nodes (scroll positions, input caret positions, CSS transition states, etc.) will be lost. Instead of replacing the existing DOM tree with a new DOM tree we want to transform the existing DOM tree to match the new DOM tree while minimizing the number of changes to the existing DOM tree. This is exactly what the morphdom module does! Give it an existing DOM node tree and a target DOM node tree and it will efficiently transform the existing DOM node tree to exactly match the target DOM node tree with the minimum amount of changes. morphdom does not rely on any virtual DOM abstractions. Because morphdom is using the real DOM, the DOM that the web browser is maintaining will always be the source of truth. Even if you have code that manually manipulates the DOM things will still work as expected. In addition, morphdom can be used with any templating language that produces an HTML string.