Unlimited power with chrome extensions

534 views

Published on

as presented to New York Front End Coders on september 17th, 2013

Published in: Technology, Lifestyle
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
534
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Unlimited power with chrome extensions

  1. 1. Hi
  2. 2. I’m Stefan @stefanhayden
  3. 3. Unlimited Power with Chrome Extensions bit.ly/bsp-demo-1
  4. 4. Unlimited Power comes unlimited responsibility??
  5. 5. Step 1: Who?
  6. 6. YOU! (and by you I mean your website)
  7. 7. Step 2: Why?
  8. 8. Open Tabs Flyouts Inject Content Anytime Upgrade
  9. 9. Step 3: How?
  10. 10. What is in a chrome extension? ZIP HTMLJSON & JS JS inside:
  11. 11. manifest.jsonJSON { "name": "Nyan Cat" }
  12. 12. manifest.jsonJSON { "name": "Nyan Cat", "version": "0.0.0.1" }
  13. 13. manifest.jsonJSON { "name": "Nyan Cat", "version": "0.0.0.1", "manifest_version": 2 }
  14. 14. manifest.jsonJSON { "name": "Nyan Cat", "version": "0.0.0.1", "manifest_version": 2, "description": "Look at Nyan Cat" }
  15. 15. manifest.jsonJSON { "name": "Nyan Cat", "version": "0.0.0.1", "manifest_version": 2, "description": "Look at Nyan Cat", "browser_action": { "default_icon": "nyancat.png", "default_popup": "index.html" } }
  16. 16. index.html <!doctype html> <html> <head> <title>Nyan Cat</title> </head> <body > <img src="nyancat.gif"> </body> </html> HTML
  17. 17. DEMO
  18. 18. ZIP
  19. 19. chrome.google. com/webstore/developer/dashb oard
  20. 20. Questions?
  21. 21. I’m Stefan github.com/stefanhayden @stefanhayden

×