colorblind-simulator

Using SVG Filter created by hail2u With the help of NullVoxPopuli and lean8086 This project is a Colorblidness emulator, recreating 8 different types of colorblindness, using Ember & SVG Filter for the emulation

Check out my talk at EmberConf, presenting the application! Accessibility & Ember: Learning about Colorblidness

Ongoing

• Create content to describe each colorblindness & styling

TO DO

• Refactor main page with component for each colorblidness, see the forum
• Masonry on the above page?
• Use Ember Data with public API as part of the masonry?
• Accessibility check and refactor

Prerequisites

You will need the following things properly installed on your computer.

• Git
• Node.js (with npm)
• Ember CLI
• Google Chrome

Installation

• git clone <repository-url> this repository
• cd colorblind-simulator
• npm install

Running / Development

• ember serve
• Visit your app at http://localhost:4200.
• Visit your tests at http://localhost:4200/tests.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

• ember test
• ember test --server

Linting

• npm run lint:hbs
• npm run lint:js
• npm run lint:js -- --fix

Building

• ember build (development)
• ember build --environment production (production)

Deploying

Specify what it takes to deploy your app.

Further Reading / Useful Links

• ember.js
• ember-cli
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox