Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Keyboard’

jwerty is a lightweight JavaScript library (1.5kb minified) that enables us to bind, fire and assert key combination strings against elements and events.

The library is very easy to use and has callbacks fired once a key combination is pressed to attach custom events.

It doesn't require any other JavaScript frameworks but compatible with jQuery, Zepto.js and Ender.

jwerty - JavaScript Keyboard Handling

KeyBoarder is a JavaScript library for displaying keyboard shortcuts in a user-friendly way.

It automatically looks for the textual references of keyboard shortcuts inside a web page and converts them into graphical representations.

Keyboarder

The library is standalone, has various styles for displaying the keys and the output is interactive (upon pressing a key which is part of a rendered shortcut, key-shortcut will will be highlighted and focused).

KeyBoarder is a time-saver for anyone who wants to display keyboard shortcuts with "more than standard text".

YoxView is a highly-customizable jQuery image viewer plugin (Lightbox) for displaying single-to-multiple images.

It helps browsing a list of images in a modal box with previous-next buttons or as a slideshow.

The viewer supports displaying multiple instances in a page where each of them can be configured independently.

jQuery VoxView

YoxView is multilingual & already comes with multiple language files.

Besides standard navigation, images can be navigated with keyboard too.

The plugin has many options like opacity levels, background colors, title display/fade durations & more.

MyTableGrid is a JavaScript-powered datagrid control, built with Prototype, for displaying data in an easy-to-browse & flexible way.

It offers an Ajaxed interface with pretty fast paging & data-sorting.

Data Grid With Prototype

Columns can be resized & any columns can be easily removed for a better view of data.

MyTableGrid allows browsing via keyboard (with the help of KeyTable library).

It supports instant editing of cells & complete skinning via CSS.

jQuery Keypad is a plugin for creating more secure input entry by providing a keyboard like interface.

The values to be displayed can be easily set which makes it possible to show only numbers, foreign letters, etc.

jQuery Virtual Keyboard

The keypad can be displayed with various animations like "fade in" or "slide down".

It can display the letters/numbers randomized which is a very effective security solution against key loggers.

Besides these, there are many options provided like:

  • isRTL: the text will be displayed from left-to-right or rightto-left
  • clearText: for clearing the input field
  • keypadClass: the stylesheet for the keybad for a better customization
  • & many more..

Context menus are very helpful, specially in admin pages & web applications, for easier navigation. With just a click, you get the options / shortcuts.

This is a jQuery plugin for creating effective context menus with ease.

jQuery Context Menu

The menu can produces valid XHTML & can be customized totally via CSS.

Items in the menu can be disabled & they can be browsed with keyboard too.

For users without JavaScript enabled, it gracefully degrades.

js-hotkeys is a jQuery plugin which enables you to create keyboard triggered events.

Update: The plugin is based on shortcut.js. You may want to use this for not being restricted with jQuery.

This is a very nice feature if you want to provide users more browsing flexibility. And also, it can be used in JavaScript testing environments like triggering a test function by clicking CTRL + t.

JavaScript Keyboard Control

A simple usage of the plugin is:

$.hotkeys.add('Ctrl+a',function(){/*DO YOUR DUTY*/});
$.hotkeys.remove('Ctrl+a');

A demo of this jQuery keyboard control plugin can be found here.

Typing speed, if you are fast, is a value to thank for. Specially, for developers, this talent keeps the eye on the code so the concentration level never goes down by looking at the keyboard frequently.

If you are looking to improve your keyboard using skills, keybr, which is a web based keyboard practicing website can help you.

Improve Keyboard Skills keybr

keybr has ready to use typing lessons and it lets you to use your own text too. While typing, you can see your typing speed and errors made + view the statistics as a chart.

keybr currently supports English, Geman, French, Spanish, Italian & Russian languages.

Uptime Robot
feed-holder
FeedBurner
  • aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter
  • ManageWP
  • PSD to HTML
    PSD to HTML