Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
js
 
 
 
 
 
 
 
 
 
 

README.md

Fokus

Fokus uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black.

The library has no dependencies and weighs in at around 3kb. A <canvas> element is used to paint the cut-out cover. Works in most modern browsers except IE and touch devices.

If you want to use this on your site simply include the fokus.min.js script.

Check out the demo page.

Get the Fokus Chrome extension.
Get the Fokus Firefox extension by @aaronraimist.

History

0.5

  • Faster selection animation
  • Handle offset document element (<html>)
  • Update selection immediately on scroll

0.4

  • Don't start selection on rightclick

0.3

  • Don't select elements of zero width and height
  • Don't select br nodes

0.2

  • Animate change in cleared area
  • Handle selection via keyboard

0.1

  • Initial release

License

MIT licensed

Copyright (C) 2012-2013 Hakim El Hattab, http://hakim.se

About

No description, website, or topics provided.

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.