SlideShare ist ein Scribd-Unternehmen logo
1 von 51
Extending your own and others' sites with HTML5 Mark Reeder
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Getting around Isolated Worlds -  injectScript.js ( function () {      var  js, css;      js  =   document .createElement( 'script' );      js.src  =  chrome.extension.getURL( "js/turntable.fm.extend.js?v=0.6_"   +   new   Date ().getTime());      document .body.appendChild(js);           css  =   document .createElement( 'link' );      css.rel  =   "stylesheet" ;      css.type  =   "text/css" ;      css.href = chrome.extension.getURL( "css/turntable.fm.extend.css?v=0.6_"   +   new   Date ().getTime());      document .body.appendChild(css);      var  themeCSS  =   document .createElement( 'link' );      themeCSS.rel  =   "stylesheet" ;      themeCSS.type  =   "text/css" ;      themeCSS.href = chrome.extension.getURL( "css/tt-ext-ui-theme/jquery-ui-1.8.14.custom.css?v=0.6_"   +   new   Date ().getTime());      document .body.appendChild(themeCSS); })();
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
Questions? http://twitter.com/Mark_Reeder https://github.com/MarkReeder

Weitere ähnliche Inhalte

Was ist angesagt?

Examples of Adverts of a Similar Genre
Examples of Adverts of a Similar GenreExamples of Adverts of a Similar Genre
Examples of Adverts of a Similar Genre
callison1318
 

Was ist angesagt? (12)

Application Programming Interfaces
Application Programming InterfacesApplication Programming Interfaces
Application Programming Interfaces
 
Linkin Park - Meteora
Linkin Park - MeteoraLinkin Park - Meteora
Linkin Park - Meteora
 
Examples of Adverts of a Similar Genre
Examples of Adverts of a Similar GenreExamples of Adverts of a Similar Genre
Examples of Adverts of a Similar Genre
 
Workshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDKWorkshop : Facebook JavaScript SDK
Workshop : Facebook JavaScript SDK
 
GoogleService
GoogleServiceGoogleService
GoogleService
 
C 2
C 2C 2
C 2
 
New Search engine tools Update - March 2009
New Search engine tools Update - March 2009New Search engine tools Update - March 2009
New Search engine tools Update - March 2009
 
Lecture7
Lecture7Lecture7
Lecture7
 
Git/GitHub
Git/GitHubGit/GitHub
Git/GitHub
 
Radoslav Stankov - Handling GraphQL with React and Apollo
Radoslav Stankov - Handling GraphQL with React and ApolloRadoslav Stankov - Handling GraphQL with React and Apollo
Radoslav Stankov - Handling GraphQL with React and Apollo
 
Drupal Camp 2009 Pune I Love Bolly Case Study
Drupal Camp 2009 Pune I Love Bolly Case StudyDrupal Camp 2009 Pune I Love Bolly Case Study
Drupal Camp 2009 Pune I Love Bolly Case Study
 
Google power search
Google power searchGoogle power search
Google power search
 

Andere mochten auch

Pres Pasokit Policies
Pres Pasokit PoliciesPres Pasokit Policies
Pres Pasokit Policies
thanough
 
How to Transition your Web Business from Free to Paid
How to Transition your Web Business from Free to PaidHow to Transition your Web Business from Free to Paid
How to Transition your Web Business from Free to Paid
Dave Schappell
 
Taking your Startup from Free to Paid
Taking your Startup from Free to PaidTaking your Startup from Free to Paid
Taking your Startup from Free to Paid
Dave Schappell
 

Andere mochten auch (15)

Pres Pasokit Policies
Pres Pasokit PoliciesPres Pasokit Policies
Pres Pasokit Policies
 
What Are Blogs
What Are BlogsWhat Are Blogs
What Are Blogs
 
TeachStreet Intro Deck
TeachStreet Intro DeckTeachStreet Intro Deck
TeachStreet Intro Deck
 
Hiring Firing Startup Employees (Founders Institute)
Hiring Firing Startup Employees (Founders Institute)Hiring Firing Startup Employees (Founders Institute)
Hiring Firing Startup Employees (Founders Institute)
 
How to Transition your Web Business from Free to Paid
How to Transition your Web Business from Free to PaidHow to Transition your Web Business from Free to Paid
How to Transition your Web Business from Free to Paid
 
How to Get Hired (Job or Intern)
How to Get Hired (Job or Intern)How to Get Hired (Job or Intern)
How to Get Hired (Job or Intern)
 
Nmc2009
Nmc2009Nmc2009
Nmc2009
 
ACCS 2009 Presentation
ACCS 2009 PresentationACCS 2009 Presentation
ACCS 2009 Presentation
 
Building The Product
Building The ProductBuilding The Product
Building The Product
 
Encoding
EncodingEncoding
Encoding
 
If I'd only known then...
If I'd only known then...If I'd only known then...
If I'd only known then...
 
Taking your Startup from Free to Paid
Taking your Startup from Free to PaidTaking your Startup from Free to Paid
Taking your Startup from Free to Paid
 
Hiring for Startups (by @DaveSchappell)
Hiring for Startups (by @DaveSchappell)Hiring for Startups (by @DaveSchappell)
Hiring for Startups (by @DaveSchappell)
 
1508
15081508
1508
 
Recruiting and Hiring the Amazon Way -- Avoid Ten Common Recruiting Mistakes
Recruiting and Hiring the Amazon Way -- Avoid Ten Common Recruiting MistakesRecruiting and Hiring the Amazon Way -- Avoid Ten Common Recruiting Mistakes
Recruiting and Hiring the Amazon Way -- Avoid Ten Common Recruiting Mistakes
 

Ähnlich wie Extending your own and others' sites with HTML5

Building A Website
Building A WebsiteBuilding A Website
Building A Website
marabeas
 

Ähnlich wie Extending your own and others' sites with HTML5 (20)

HTML5 and Search Engine Optimization (SEO)
HTML5 and Search Engine Optimization (SEO)HTML5 and Search Engine Optimization (SEO)
HTML5 and Search Engine Optimization (SEO)
 
How and Why to extend Firefox
How and Why to extend FirefoxHow and Why to extend Firefox
How and Why to extend Firefox
 
Javascript API based developments for improving your Alfresco experience
Javascript API based developments for improving your Alfresco experienceJavascript API based developments for improving your Alfresco experience
Javascript API based developments for improving your Alfresco experience
 
Javascript API based customizations for improving your Alfresco experience
Javascript API based customizations for improving your Alfresco experienceJavascript API based customizations for improving your Alfresco experience
Javascript API based customizations for improving your Alfresco experience
 
VIZ Embedded Metadata Workshop
VIZ Embedded Metadata WorkshopVIZ Embedded Metadata Workshop
VIZ Embedded Metadata Workshop
 
High-Speed HTML5
High-Speed HTML5High-Speed HTML5
High-Speed HTML5
 
Lessons Learned - Building YDN
Lessons Learned - Building YDNLessons Learned - Building YDN
Lessons Learned - Building YDN
 
Web2 And Java
Web2 And JavaWeb2 And Java
Web2 And Java
 
Rails 101
Rails 101Rails 101
Rails 101
 
Building A Website
Building A WebsiteBuilding A Website
Building A Website
 
Deep dark-side of git: How git works internally
Deep dark-side of git: How git works internallyDeep dark-side of git: How git works internally
Deep dark-side of git: How git works internally
 
Embedded Metadata: Share, Deliver, Preserve
Embedded Metadata: Share, Deliver, PreserveEmbedded Metadata: Share, Deliver, Preserve
Embedded Metadata: Share, Deliver, Preserve
 
Supercharging WordPress for SEO
Supercharging WordPress for SEOSupercharging WordPress for SEO
Supercharging WordPress for SEO
 
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and ShimsFilling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
 
Html5 Basic Structure
Html5 Basic StructureHtml5 Basic Structure
Html5 Basic Structure
 
Tactical Information Gathering
Tactical Information GatheringTactical Information Gathering
Tactical Information Gathering
 
Adventure in Data: A tour of visualization projects at Twitter
Adventure in Data: A tour of visualization projects at TwitterAdventure in Data: A tour of visualization projects at Twitter
Adventure in Data: A tour of visualization projects at Twitter
 
Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0
 
CSI: WordPress -- Getting Into the Guts
CSI: WordPress -- Getting Into the GutsCSI: WordPress -- Getting Into the Guts
CSI: WordPress -- Getting Into the Guts
 
Introduction to python scrapping
Introduction to python scrappingIntroduction to python scrapping
Introduction to python scrapping
 

Kürzlich hochgeladen

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Kürzlich hochgeladen (20)

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

Extending your own and others' sites with HTML5

  • 1. Extending your own and others' sites with HTML5 Mark Reeder
  • 2.
  • 3.
  • 4.  
  • 5.  
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.  
  • 21.  
  • 22.  
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30. Getting around Isolated Worlds -  injectScript.js ( function () {      var js, css;      js = document .createElement( 'script' );      js.src = chrome.extension.getURL( "js/turntable.fm.extend.js?v=0.6_" + new Date ().getTime());      document .body.appendChild(js);           css = document .createElement( 'link' );      css.rel = "stylesheet" ;      css.type = "text/css" ;      css.href = chrome.extension.getURL( "css/turntable.fm.extend.css?v=0.6_" + new Date ().getTime());      document .body.appendChild(css);      var themeCSS = document .createElement( 'link' );      themeCSS.rel = "stylesheet" ;      themeCSS.type = "text/css" ;      themeCSS.href = chrome.extension.getURL( "css/tt-ext-ui-theme/jquery-ui-1.8.14.custom.css?v=0.6_" + new Date ().getTime());      document .body.appendChild(themeCSS); })();
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.