Skip to main content
100%

Karabiner-Elements non-modal layout switcher (comlex modification rule)

✓ Published0🌍 Public
Aakhar
Last edited Jan 14, 2022
Created on Nov 5, 2021

This JSON file defines a Karabiner-Elements complex modification rule that switches keyboard input languages without a modal state. It uses the `select_input_source` API to map right Command + Space to Russian and left Command + Space to English, while a second rule repurposes taps on the Command keys themselves via `to_if_alone`. The configuration relies on Karabiner’s `manipulators` array, specifying mandatory and optional modifiers, to trigger language changes only under precise key-combination conditions.

AI-generated description

Similar vizzes

Loading thumbnail…

Tap left shift to open and right to close parenthesis

This example demonstrates a keyboard remapping configuration for Karabiner-Elements, showing how left and right Shift keys can be repurposed to type parentheses when tapped alone. The JSON rules assign a tap on left Shift to produce an opening parenthesis (`9` with left Shift) and a tap on right Shift to produce a closing parenthesis (`0` with left Shift), while preserving the original Shift behavior when held with other keys. It uses Karabiner-Elements' `manipulators` API with `to_if_alone` conditions to distinguish taps from holds, and includes optional modifier handling to work alongside existing shortcuts.

Aakhar
62% match
Loading thumbnail…

Canadian Multilingual Standard keyboard layout (i.e. French Canadian Apple keyboards) for the FreeBSD virtual terminal

This keyboard layout visualization maps the Canadian Multilingual Standard (French Canadian Apple) key codes to their corresponding character outputs, including base, shifted, control, alt, and alt-shift states. The data source is a FreeBSD keymap definition file that specifies character mappings for each physical scan code. The visualization displays the layout as a standard keyboard grid, with each key showing its character in multiple modifier states, using colors or annotations to distinguish layers such as Control, Option (Alt), and Option-Shift combinations. Special characters like ¡, ≈, œ, and Œ are highlighted in their respective positions, making the otherwise complex hexadecimal keycode table immediately comprehensible. The layout preserves the familiar QWERTY arrangement while adding French Canadian accents, with clear visual separation of each modifier layer.

Aadamscott
53% match
Loading thumbnail…

i18n-railslove

This example demonstrates a React-based internationalization setup for a mobile app, showing how language resources are organized and loaded for seven locales (Arabic, German, English, Persian, French, Russian, and Turkish). It uses `i18next` combined with `react-i18next` and `expo-localization` to detect the system language and select the appropriate JSON resource files. The `i18next-parser` configuration automatically extracts translatable strings from JS/JSX source files, generating locale-specific JSON files with sorted keys. A custom `changeLanguage` function allows runtime language switching, while a fallback to English ensures robustness. The code also includes a script to check that all translations are clean and complete.

PP3nny
44% match
Loading thumbnail…

Gist 239004

This visualization demonstrates a multi-select input interface where users can add and remove tags or text values using commas or spaces as separators. The code shows how the component dynamically renders resizable text boxes and styled "bit" elements within a list, with keyboard navigation and delete/backspace handling for managing selections. Built on the Prototype.js and Script.aculo.us libraries, it uses classes like `TextboxList` and `ResizableTextbox` to manage input focus, resize behavior, and form value updates based on the current set of selected items.

CCaged
44% match
Loading thumbnail…

Will's i3 config, minor edits for vim movement

This example visualizes a user’s i3 window manager configuration, showing how keyboard shortcuts are mapped to actions like focusing, moving, splitting, and switching workspaces. It reads the plain-text config file and parses each `bindsym` line to extract the modifier combination, key, and command. The rendering uses a custom layout that groups bindings by category—such as focus, movement, layout, and workspace control—while highlighting the vim-style keys (h, j, k, l) and their shifted variants. The visualization relies on string parsing and a simple DOM-based chart, with no external visualization library, to display the mapping structure clearly.

WWilliamQLiu
43% match
Loading thumbnail…

Gist 86a7ad7d2e2eef4cb3d2a7e7f45379eb

This visualization presents a Vimium keyboard shortcut cheatsheet as a static, text-based reference list. It displays each command alongside its corresponding action, organized in a simple two-column layout without any interactive or animated elements. The rendering relies on basic HTML and CSS for styling, with no external JavaScript libraries or data-processing APIs involved. The content is directly sourced from the Vimium extension’s documented shortcuts, presented in plain text form.

Aackuser
43% match
Loading thumbnail…

Font Scripting in VS Code

This example demonstrates how to configure custom font scripting in Visual Studio Code using a JSON settings file. It shows two textMate rules that stylize code elements: the first resets font styles for specific scopes like `invalid` and `keyword.operator`, while the second applies italics to keywords, comments, and Python-specific tokens. The configuration relies on VS Code’s `editor.tokenColorCustomizations` API, referencing TextMate grammar scopes to control typography. It pairs `Victor Mono` with `Fira Code` and enables font ligatures for enhanced readability.

Aadiamaan92
42% match
Loading thumbnail…

surfingkeys_settings

This example shows a configuration file for the Surfingkeys browser extension, which customizes keyboard shortcuts and the visual theme of its omnibar interface. The code uses the `api.map` and `api.unmap` functions to remap the `T` key to `gt` and remove the `<ctrl-i>` shortcut. It also defines a custom CSS theme through the `settings.theme` property, styling elements like the omnibar search results, URL colors, and focused row highlights using selectors such as `.sk_theme` and `#sk_omnibar`. The theme applies a dark background with specific accent colors for different UI states.

Aandreas-groos
42% match