hakimel / Fokus
Licence: mit
Stars: ✭ 610
Programming Languages
javascript
184084 projects - #8 most used programming language
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.
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
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].