GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rmariuzzo → dom-navigator

rmariuzzo / dom-navigator

Licence: MIT License
⚓️ JS library that allow keyboard navigation through DOM elements (←↑→↓).

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

jqueryjquery-plugindomnavigation

Projects that are alternatives of or similar to dom-navigator

Sidr
Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
Stars: ✭ 2,924 (+8022.22%)
Mutual labels:  jquery-plugin, navigation
Nemetric
前端性能指标的监控,采集以及上报。用于测量第一个dom生成的时间(FP/FCP/LCP)、用户最早可操作时间（fid|tti）和组件的生命周期性能,，网络状况以及资源大小等等。向监控后台报告实际用户测量值。
Stars: ✭ 145 (+302.78%)
Mutual labels:  dom, navigation
ml-stack-nav
Customizable, responsive, accessible, easy-to-use multi-level stack navigation menu with slide effect.
Stars: ✭ 20 (-44.44%)
Mutual labels:  jquery-plugin, navigation
Js Offcanvas
A lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes.
Stars: ✭ 272 (+655.56%)
Mutual labels:  jquery-plugin, navigation
Hc Offcanvas Nav
JavaScript library for creating toggled off-canvas multi-level navigations, allowing endless nesting of submenu elements, supporting swipe gestures, keyboard interactions and ARIA attributes.
Stars: ✭ 201 (+458.33%)
Mutual labels:  jquery-plugin, navigation
paginathing
a jQuery plugin to paginate your DOM easily.
Stars: ✭ 23 (-36.11%)
Mutual labels:  jquery-plugin, dom
decoy
jQuery plugin to make decoys for your elements.
Stars: ✭ 53 (+47.22%)
Mutual labels:  jquery-plugin, dom
go router
The purpose of the go_router for Flutter is to use declarative routes to reduce complexity, regardless of the platform you're targeting (mobile, web, desktop), handling deep linking from Android, iOS and the web while still allowing an easy-to-use developer experience.
Stars: ✭ 380 (+955.56%)
Mutual labels:  navigation
Sextant
A ReactiveUI navigation library for Xamarin.Forms
Stars: ✭ 124 (+244.44%)
Mutual labels:  navigation
Dom
Modern DOM API.
Stars: ✭ 88 (+144.44%)
Mutual labels:  dom
react-native-template
A template for react native applications with built-in navigation.
Stars: ✭ 37 (+2.78%)
Mutual labels:  navigation
notes
Notas sobre JavaScript Full Stack
Stars: ✭ 70 (+94.44%)
Mutual labels:  dom
eventbus-plugin
IntelliJ iDEA plugin to work with projects using greenrobot's EventBus library
Stars: ✭ 25 (-30.56%)
Mutual labels:  navigation
fdplugin-quicknavigate
Quick Navigate Plugin for FlashDevelop/HaxeDevelop
Stars: ✭ 30 (-16.67%)
Mutual labels:  navigation
react-native-boilerplate
Ready-made structure of your next React Native application within a few minutes.
Stars: ✭ 36 (+0%)
Mutual labels:  navigation
RustRobotics
Rust implementation of PythonRobotics such as EKF, DWA, Pure Pursuit, LQR.
Stars: ✭ 40 (+11.11%)
Mutual labels:  navigation
tabullet
Simple jQuery plugins for creating a table that can insert, edit, and delete row in one place.
Stars: ✭ 13 (-63.89%)
Mutual labels:  jquery-plugin
ElementFinder
Fetch data from HTML and XML via xpath/css and prepare it with regexp
Stars: ✭ 29 (-19.44%)
Mutual labels:  dom
Prakma
Prakma is a framework to make applications using JSX, focusing on writing functional components.
Stars: ✭ 16 (-55.56%)
Mutual labels:  dom
hierarchy-select
Hierarchy Select jQuery Plugin for Twitter Bootstrap
Stars: ✭ 40 (+11.11%)
Mutual labels:  jquery-plugin
View All Similar Projects ➔

DOM Navigator

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

![Gitter](https://badges.gitter.im/Join Chat.svg)

Installation

Bower

bower install dom-navigator --save

NPM

npm install dom-navigator --save

Manual

  1. Download the latest release.
  2. Then include dom-navigator-###.min.js into your HTML page.

Usage

Pure JavaScript

var el = document.querySelector('#grid');
new DomNavigator(el);

jQuery

If jQuery is included you can use the library as a jQuery plugin:

var el = $('#grid');
el.domNavigator();

Want to contribute?

All help are more than welcome!

Pre-requisites

Development Workflow

  1. Fork this respository.

  2. Clone your fork and create a feature branch from develop.

    git clone [email protected]:<your-username>/dom-navigator.git
git fetch origin
git checkout develop
git checkout -b feature-<super-power>

  3. Install development dependencies.

    npm install
bower install

  4. Code and be happy!

  5. Test your code using QUnit grunt test.

  6. Submit a pull request and grab popcorn.

Credits

dom-navigator was created by Rubens Mariuzzo with all the love in the world.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].