All Projects → hteumeuleu → hocus-focus

hteumeuleu / hocus-focus

Licence: MIT license
A keyboard navigation horror game.

Programming Languages

HTML
75241 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to hocus-focus

Wp Component Library
A library of barebones front-end components built with WordPress and accessibility in mind.
Stars: ✭ 277 (+295.71%)
Mutual labels:  front-end, accessibility
svelte-accessible-dialog
An accessible dialog component for Svelte apps
Stars: ✭ 24 (-65.71%)
Mutual labels:  accessibility
inclusive-elements
Accessible, lightweight, unstyled implementations of common UI controls.
Stars: ✭ 17 (-75.71%)
Mutual labels:  accessibility
Madara
✍️ A way for people to manage their tasks.
Stars: ✭ 17 (-75.71%)
Mutual labels:  accessibility
a11y breadcrumbs
Accessible breadcrumb pattern
Stars: ✭ 44 (-37.14%)
Mutual labels:  accessibility
linkedresearch.org
🌐 linkedresearch.org
Stars: ✭ 32 (-54.29%)
Mutual labels:  accessibility
van11y-accessible-simple-tooltip-aria
ES2015 accessible simple tooltip, using ARIA
Stars: ✭ 22 (-68.57%)
Mutual labels:  accessibility
WebSight
Aiding the visually impaired through real time augmented reality, AI object detection, WebGL shaders effects such as edge detection, and colour adjustments.
Stars: ✭ 26 (-62.86%)
Mutual labels:  accessibility
react-native-header-search-bar
Fully customizable header search bar for React Native
Stars: ✭ 101 (+44.29%)
Mutual labels:  front-end
tags
HTML tags in Go
Stars: ✭ 50 (-28.57%)
Mutual labels:  front-end
dark-mode
Dark Mode - Chrome extension. Relax your eyes at night and day.
Stars: ✭ 63 (-10%)
Mutual labels:  accessibility
kindaVim.theapp
Ultimate Vim Mode for macOS
Stars: ✭ 372 (+431.43%)
Mutual labels:  accessibility
front-end-responsibilities
A laundry list of possible front-end engineering responsibilities
Stars: ✭ 39 (-44.29%)
Mutual labels:  front-end
mouseable
'Mouseable' is intended to replace a mouse or trackpad.
Stars: ✭ 418 (+497.14%)
Mutual labels:  accessibility
aria-collapsible
A lightweight, dependency-free JavaScript module for generating progressively-enhanced collapsible regions using ARIA States and Properties.
Stars: ✭ 25 (-64.29%)
Mutual labels:  accessibility
ui-engineering-questions
Questions for UI engineers and front-end developers
Stars: ✭ 13 (-81.43%)
Mutual labels:  front-end
jigjs
🧩 A front-end framework
Stars: ✭ 22 (-68.57%)
Mutual labels:  front-end
svelte-typeahead
Accessible, fuzzy search typeahead component
Stars: ✭ 141 (+101.43%)
Mutual labels:  accessibility
aria-devtools
Easily spot missing ARIA labels, misused ARIA roles, and incomplete keyboard support in your web applications.
Stars: ✭ 69 (-1.43%)
Mutual labels:  accessibility
public-transit-tools
Tools for working with GTFS public transit data in ArcGIS
Stars: ✭ 126 (+80%)
Mutual labels:  accessibility

Hocus :focus

Hocus :focus is a keyboard accessibility horror game made by @HTeuMeuLeu in october 2021. It consists in 8 levels built to trick you around common keyboard accessibility mistakes.

Installation

  1. Clone the repository.
git clone https://github.com/hteumeuleu/hocus-focus.git

See Cloning a repository on GitHub documentation. If you're not familiar with Git or GitHub, I strongly encourage you to try GitHub's desktop app on macOS, Windows or Linux.

  1. Install Jekyll.
gem install bundler jekyll

See Jekyll Installation Guide.

  1. Run Jekyll.
bundle exec jekyll serve

You can turn on incremental regeneration with the --incremental flag.

bundle exec jekyll serve --incremental
  1. Go to http://localhost:4000.

Random Notes

  • I wanted to make the game as light as possible. Each page is only 3 requests (1 HTML, 1 CSS, 1 JS) and weighs around 10 Kb (or 4 Kb gzipped). And because browsers will likely cache the JS and CSS, any internal page should only have to download the HTML (around 3 Kb, or 1 Kb gzipped).
  • The game can be played without JavaScript.

Licence

MIT Licence

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].