Distraction Neutralizr

TBA

---

Structures

Chosen Technology

• Sass
• Gulp
• Browser Sync
• Lodash
• Bows

---

Build

Prerequisites

• Node.js and NPM
• gulp NPM module

First Build

• Execute npm install
• Execute gulp which will perform 'build' and starts 'watch' and 'server' tasks.

---

Test Cases

Simple Examples

http://blog.codinghorror.com/our-brave-new-world-of-4k-displays/

• Simple images and

http://www.littlewebhut.com/articles/html_iframe_example/

• Simple iFrames

http://myanimelist.net/anime/20899/JoJo_no_Kimyou_na_Bouken__Stardust_Crusaders

• Images (with hardcoded, incorrect width & height)

https://www.nib.com.au/

• Background images

Containers scenario yet to fix

https://www.youtube.com/watch?v=0af00UcTO-c

• Video, image

Misc

https://htvanime.com/

• heavy background-image usages

http://www.engadget.com/

• Image heavy, endless pagination

http://nikonrumors.com/2015/09/17/nikon-24mm-f1-8g-ed-and-200-500mm-f5-6e-ed-vr-lenses-now-shipping.aspx/

• Image, Google Ads, Disqus module, twitter module

http://www.apple.com/au/

• Background Image heavy

http://www.codeproject.com/Articles/339725/Domain-Driven-Design-Clear-Your-Concepts-Before-Yo

• Image, GoogleActiveView

http://www.macrumors.com/2015/09/28/mame-emulator-new-apple-tv/

• Image, Video, Google Ads

---

Resources

TBA

---

Progress

Todo List

• Current all background images get unset. Have a better implementation.

Backburner

• TBA

Roadmaps

• Overlay icon on disabled elements and show corresponding annotation icons to effects.
• User setting option
• Shortcut key
• Always on capability