HTML5 Conference [LT] Blue Light Filter 50% Off

3,480 views

Published on

Published in: Technology, Sports
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,480
On SlideShare
0
From Embeds
0
Number of Embeds
1,316
Actions
Shares
0
Downloads
16
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

HTML5 Conference [LT] Blue Light Filter 50% Off

  1. 1. http://www.flickr.com/photos/oskay/2230059807/
  2. 2. CC BY-SA Copyright Deglr6328http://en.wikipedia.org/wiki/File:White_LED.png
  3. 3. http://en.wikipedia.org/wiki/File:Intermediate_age_related_macular_degeneration.jpg
  4. 4. http://en.wikipedia.org/wiki/File:Intermediate_age_related_macular_degeneration.jpg
  5. 5. Such  glasses  are  not  only  for  MLB  players   but  commonly  sold  as  “PC  Glasses”  in  Japan. h"p://www.jins-­‐jp.com/jins-­‐pc/
  6. 6. “JINS  PC”  and  “Zoff  PC”  are  growing  fast   in  the  “PC  Glasses”  market  in  Japan.  h"p://www.zoff.co.jp/sp/zoffpc/
  7. 7. http://www.flickr.com/photos/oskay/2230059807/
  8. 8. <?xml version="1.0" encoding="UTF-8"?><svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="blue-light-filter"> <feColorMatrix type=“matrix” values=” 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0 0 0 0 0 1 0"/> </filter> </defs></svg>
  9. 9. Internet  Explorer ☓Firefox ◯Chrome ☓Safari ☓WebKit  Nightly ◯
  10. 10. <body style="filter: url(&quot;data:image/svg+xml;utf8,&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;0&quot; height=&quot;0&quot;&gt;&lt;filterid=&quot;blue-light-filter&quot;&gt;&lt;feColorMatrix type=&quot;matrix&quot; values=&quot;1 0 0 0 0 01 0 0 0 0 0 0.5 0 0 0 0 0 1 0&quot;/&gt;&lt;/filter&gt;&lt;/svg&gt;#blue-light-filter&quot;); background: none repeat scroll0% 0% rgb(255, 255, 180);">
  11. 11. <html style="-webkit-filter: url(#blue-light-filter); "> <body> <svg xmlns="http://www.w3.org/2000/svg"width="0" height="0" style="display: none;"> <filter id="blue-light-filter”> <feColorMatrix type="matrix" values="10 0 0 0 0 1 0 0 0 0 0 0.5 0 0 0 0 0 1 0”></feColorMatrix></filter></svg> </body></html>
  12. 12. http://www.flickr.com/photos/oskay/2230059807/

×