Doug Schepers's guest appearances

Doug Schepers

The Web Ahead

Web Directions Podcast

Jonathan Stark

Lea Verou

Bruce Lawson

Derek Featherstone

Dave Shea

Rachel Andrew

John Allsopp

Aaron Gustafson

Divya Manian

Andy Clarke

Andy Budd

Jason Grigsby

Chris Wilson

Jeremy Keith

Mark Boulton

OwlTail

DRM has been long touted as the solution to piracy. Recently, a few browser makers and big media companies have pushed DRM technology into the web browser — while open web advocates have fought to prevent DRM on the web. What is DRM? Why and how are companies putting it into web browsers? And what solutions would be better? Jeremy Keith and Doug Schepers join Jen Simmons to debate DRM on the web. Links for this episode:Jeremy Keith's websiteJeremy Keith (adactio) on TwitterDoug Schepers' websiteDoug Schepers (shepazu) on Twitter"Higher standards" by Jeremy Keith"Discussions about DRM often land on the fundamental problem with DRM: that it doesn't work" by Ian Hickson"The thing and the whole of the thing: on DRM in HTML" by Stuart Langridge"What is EME?" by Henri Sivonen"Please Bring Me More Of That Yummy DRM Discussion" by Robin Berjon"Firefox’s adoption of closed-source DRM breaks my heart" by Cory Doctorow"What happens with digital rights management in the real world?" by Cory DoctorowO'Reilly Media's thinking about eBooks and DRMLouis CK on DRMThe Netflix Tech Blog: HTML5 Video in Safari on OS X YosemiteThe Netflix Tech Blog: HTML5 Video at NetflixArticles on DRM at the Electronic Frontier Foundation2009: "Apple Drops Anticopying Measures in iTunes" (music) - NYTimes.comThanks to Squarespace for once again supporting the show. Use code JENSENTME for 10% off any purchase. And thanks to O'Reilly's Velocity Conference. Use code JENSENTME for 20% off event prices.  Or use the code JENSENTEXHIBIT to get an Expo Hall Pass for $39 (regularly $195). You can download Web Page Size, Speed, and Performance by Terrence Dorsey for free at http://oreil.ly/jensenRDL. And see below for information about the contest to win a 2-day pass to Velocity.

DRM has been long touted as the solution to piracy. Recently, a few browser makers and big media companies have pushed DRM technology into the web browser — while open web advocates have fought to prevent DRM on the web. What is DRM? Why and how are companies putting it into web browsers? And what solutions would be better? Jeremy Keith and Doug Schepers join Jen Simmons to debate DRM on the web. Links for this episode:<ul><li><a href="http://adactio.com/" rel="nofollow" target="_blank">Jeremy Keith's website</a> </li><li><a href="https://twitter.com/adactio" rel="nofollow" target="_blank">Jeremy Keith (adactio) on Twitter</a> </li><li><a href="http://schepers.cc/" rel="nofollow" target="_blank">Doug Schepers' website</a> </li><li><a href="https://twitter.com/shepazu" rel="nofollow" target="_blank">Doug Schepers (shepazu) on Twitter</a> </li><li><a href="http://adactio.com/journal/6748/" rel="nofollow" target="_blank">"Higher standards" by Jeremy Keith</a> </li><li><a href="https://plus.google.com/+IanHickson/posts/iPmatxBYuj2" rel="nofollow" target="_blank">"Discussions about DRM often land on the fundamental problem with DRM: that it doesn't work" by Ian Hickson</a> </li><li><a href="http://kryogenix.org/days/2013/06/06/the-thing-and-the-whole-of-the-thing-on-drm-in-html/" rel="nofollow" target="_blank">"The thing and the whole of the thing: on DRM in HTML" by Stuart Langridge</a> </li><li><a href="https://hsivonen.fi/eme/" rel="nofollow" target="_blank">"What is EME?" by Henri Sivonen</a> </li><li><a href="http://berjon.com/blog/2014/01/yummy-drm.html" rel="nofollow" target="_blank">"Please Bring Me More Of That Yummy DRM Discussion" by Robin Berjon</a> </li><li><a href="http://www.theguardian.com/technology/2014/may/14/firefox-closed-source-drm-video-browser-cory-doctorow" rel="nofollow" target="_blank">"Firefox’s adoption of closed-source DRM breaks my heart" by Cory Doctorow</a> </li><li><a href="http://www.theguardian.com/technology/blog/2014/feb/05/digital-rights-management" rel="nofollow" target="_blank">"What happens with digital rights management in the real world?" by Cory Doctorow</a> </li><li><a href="http://shop.oreilly.com/category/ebooks.do" rel="nofollow" target="_blank">O'Reilly Media's thinking about eBooks and DRM</a> </li><li><a href="https://buy.louisck.net/purchase/live-at-the-beacon-theater" rel="nofollow" target="_blank">Louis CK on DRM</a> </li><li><a href="http://techblog.netflix.com/2014/06/html5-video-in-safari-on-os-x-yosemite.html" rel="nofollow" target="_blank">The Netflix Tech Blog: HTML5 Video in Safari on OS X Yosemite</a> </li><li><a href="http://techblog.netflix.com/2013/04/html5-video-at-netflix.html" rel="nofollow" target="_blank">The Netflix Tech Blog: HTML5 Video at Netflix</a> </li><li><a href="https://www.eff.org/search/site/drm" rel="nofollow" target="_blank">Articles on DRM at the Electronic Frontier Foundation</a> </li><li><a href="http://www.nytimes.com/2009/01/07/technology/companies/07apple.html?_r=1&amp;" rel="nofollow" target="_blank">2009: "Apple Drops Anticopying Measures in iTunes" (music) - NYTimes.com</a> </li></ul>Thanks to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a> for once again supporting the show. Use code <code>JENSENTME</code> for 10% off any purchase. And thanks to <a href="http://velocityconf.com/velocity2014" rel="nofollow" target="_blank">O'Reilly's Velocity Conference</a>. Use code <code>JENSENTME</code> for 20% off event prices. Or use the code <code>JENSENTEXHIBIT</code> to get an Expo Hall Pass for $39 (regularly $195). You can download Web Page Size, Speed, and Performance by Terrence Dorsey for free at <a href="http://oreil.ly/jensenRDL" rel="nofollow" target="_blank">http://oreil.ly/jensenRDL</a>. And see below for information about the contest to win a 2-day pass to Velocity.

73: DRM with Jeremy Keith and Doug Schepers

SVG is one of several image formats for the web — one that has superpowers that the others don't. When would you want to use SVG &amp; what can you do with it? Doug Schepers joins Jen Simmons to tell all. Links for this episode:shepazu (Doug Schepers)Doug Schepers Profile PageLukeW | An Event Apart: SVG is for EverybodyUsing SVG | CSS-TricksResponsive IconsWebP - Wikipedia, the free encyclopediaGraphics Interchange Format - Wikipedia, the free encyclopediaJPEG - Wikipedia, the free encyclopediaScalable Vector Graphics - Wikipedia, the free encyclopediaReinventing FireW3C SVG Working GroupDoug Schepers (shepazu) on TwitterCan I use... Support tables for HTML5, CSS3, etcPicture element implementation in Blink | IndiegogoStandardista » Responsive Images: Clown Car TechniqueDraw Freely. | InkscapeBohemian Coding - Sketch 3Exporting SVG from Adobe Illustrator CC | Web Platform Team Blogsvg · svg · WPD · WebPlatform.org2048 (video game) - Wikipedia, the free encyclopediaWeb Open Font Format - Wikipedia, the free encyclopediaCan I use WOFFImproved SVG text support in Firefox Nightly • Cameron McCormack's blogTen reasons we switched from an icon font to SVG - Ian FeatherIcon System with SVG Sprites | CSS-TricksNounProjectIcoMoonCSS Link Hack in SVG « Reinventing Firefilamentgroup/grunticonSVG Glyphs in OpenTypeDoug Schepers - Invisible Visualization - YouTubeAnimating SVG with CSS — A CSS-Tricks TutorialInline SVG vs Icon Fonts — on CSS Tricks, by Chris CoyierThanks to Media Temple for sponsoring the show. Enter promo code TWA when you sign up and you’ll get 25% off your first month of web hosting. And to Squarespace. Use code JENSENTME4 for 10% off.

SVG is one of several image formats for the web — one that has superpowers that the others don't. When would you want to use SVG &amp; what can you do with it? Doug Schepers joins Jen Simmons to tell all. Links for this episode:<ul><li><a href="https://github.com/shepazu" rel="nofollow" target="_blank">shepazu (Doug Schepers)</a> </li><li><a href="http://www.w3.org/People/Schepers/" rel="nofollow" target="_blank">Doug Schepers Profile Page</a> </li><li><a href="http://www.lukew.com/ff/entry.asp?1859" rel="nofollow" target="_blank">LukeW | An Event Apart: SVG is for Everybody</a> </li><li><a href="http://css-tricks.com/using-svg/" rel="nofollow" target="_blank">Using SVG | CSS-Tricks</a> </li><li><a href="http://responsiveicons.co.uk/" rel="nofollow" target="_blank">Responsive Icons</a> </li><li><a href="http://en.wikipedia.org/wiki/WebP" rel="nofollow" target="_blank">WebP - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/Graphics_Interchange_Format" rel="nofollow" target="_blank">Graphics Interchange Format - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/JPEG" rel="nofollow" target="_blank">JPEG - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/Svg" rel="nofollow" target="_blank">Scalable Vector Graphics - Wikipedia, the free encyclopedia</a> </li><li><a href="http://schepers.cc/" rel="nofollow" target="_blank">Reinventing Fire</a> </li><li><a href="http://www.w3.org/Graphics/SVG/" rel="nofollow" target="_blank">W3C SVG Working Group</a> </li><li><a href="https://twitter.com/shepazu" rel="nofollow" target="_blank">Doug Schepers (shepazu) on Twitter</a> </li><li><a href="http://caniuse.com/#search=svg" rel="nofollow" target="_blank">Can I use... Support tables for HTML5, CSS3, etc</a> </li><li><a href="https://www.indiegogo.com/projects/picture-element-implementation-in-blink#home" rel="nofollow" target="_blank">Picture element implementation in Blink | Indiegogo</a> </li><li><a href="http://www.standardista.com/responsive-images-clown-car-technique/" rel="nofollow" target="_blank">Standardista » Responsive Images: Clown Car Technique</a> </li><li><a href="http://www.inkscape.org/en/" rel="nofollow" target="_blank">Draw Freely. | Inkscape</a> </li><li><a href="http://bohemiancoding.com/sketch/" rel="nofollow" target="_blank">Bohemian Coding - Sketch 3</a> </li><li><a href="http://blogs.adobe.com/webplatform/2013/07/30/exporting-svg-from-adobe-illustrator-cc/" rel="nofollow" target="_blank">Exporting SVG from Adobe Illustrator CC | Web Platform Team Blog</a> </li><li><a href="http://docs.webplatform.org/wiki/svg" rel="nofollow" target="_blank">svg · svg · WPD · WebPlatform.org</a> </li><li><a href="http://en.wikipedia.org/wiki/2048_(video_game)" rel="nofollow" target="_blank">2048 (video game) - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/Web_Open_Font_Format" rel="nofollow" target="_blank">Web Open Font Format - Wikipedia, the free encyclopedia</a> </li><li><a href="http://caniuse.com/woff" rel="nofollow" target="_blank">Can I use WOFF</a> </li><li><a href="http://mcc.id.au/blog/2013/07/firefox-svg-text-improvements" rel="nofollow" target="_blank">Improved SVG text support in Firefox Nightly • Cameron McCormack's blog</a> </li><li><a href="http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/" rel="nofollow" target="_blank">Ten reasons we switched from an icon font to SVG - Ian Feather</a> </li><li><a href="http://css-tricks.com/svg-sprites-use-better-icon-fonts/" rel="nofollow" target="_blank">Icon System with SVG Sprites | CSS-Tricks</a> </li><li><a href="http://thenounproject.com/" rel="nofollow" target="_blank">NounProject</a> </li><li><a href="http://icomoon.io/" rel="nofollow" target="_blank">IcoMoon</a> </li><li><a href="http://schepers.cc/css-link-hack-in-svg" rel="nofollow" target="_blank">CSS Link Hack in SVG « Reinventing Fire</a> </li><li><a href="https://github.com/filamentgroup/grunticon" rel="nofollow" target="_blank">filamentgroup/grunticon</a> </li><li><a href="http://dev.w3.org/SVG/modules/fonts/SVG-OpenType.html" rel="nofollow" target="_blank">SVG Glyphs in OpenType</a> </li><li><a href="https://www.youtube.com/watch?v=f4P6JsAKrDM" rel="nofollow" target="_blank">Doug Schepers - Invisible Visualization - YouTube</a> </li><li><a href="http://css-tricks.com/animating-svg-css/" rel="nofollow" target="_blank">Animating SVG with CSS — A CSS-Tricks Tutorial</a> </li><li><a href="http://css-tricks.com/icon-fonts-vs-svg/" rel="nofollow" target="_blank">Inline SVG vs Icon Fonts — on CSS Tricks, by Chris Coyier</a> </li></ul>Thanks to <a href="http://mediatemple.net/?utm_source=thewebahead&amp;utm_medium=textlink&amp;utm_content=mar-apr_podcast&amp;utm_campaign=general" rel="nofollow" target="_blank">Media Temple</a> for sponsoring the show. Enter promo code <code>TWA</code> when you sign up and you’ll get 25% off your first month of web hosting. And to <a href="http://squarespace.com/webahead" rel="nofollow" target="_blank">Squarespace</a>. Use code <code>JENSENTME4</code> for 10% off.

67: SVG with Doug Schepers

People have been having conversations on the web since the moment the web was born. Comments, forums, linking, and more have provide ways for people to hold a back-and-forth discussion. But is that enough? There's a movement to create an annotation system for the web, one that might end up as a new web standard &amp; feature in every browser. Learn what annotations on the web would mean with guest Doug Schepers. Links for this episode:Podcast of the Year : The Net Awards 2014 : Celebrating the best the Internet has to offerDoug Schepers Profile PageDoug Schepers (shepazu) on TwitterDoug's website: Reinventing FireAnnotators Anonymous « Reinventing FireYour Web, documented · WebPlatform.orgWeb Annotations Workshop:: I Annotate 2014 ::Open Annotation Community GroupWeb annotation - Wikipedia, the free encyclopediaWhat is it? | Hypothes.isHypothes.is Intro on VimeoWorld-Wide Web ServersMediumQuoraDiscover the Meaning of Rap Lyrics | Rap GeniusMarc Andreessen – Why Andreessen Horowitz Is Investing in Rap Genius | News Genius5by5 | The Web Ahead #56: The Nature of the Web with Jeremy KeithAdactio: Journal—Parsing webmentionsconverspace/webmentionwebmention - IndieWebCampImagine | Hypothes.isHome - Annotator - Annotating the WebShare Book Recommendations With Your Friends, Join Book Clubs, Answer TriviaAnnotorious - Image Annotation for the WebMemento: Adding Time to the WebDaring Fireball with CommentsVannevar Bush - Wikipedia, the free encyclopediaTed Nelson Home PageTed Nelson - Wikipedia, the free encyclopediaTransclusion - Wikipedia, the free encyclopediaThe Mezzanine - Wikipedia, the free encyclopediaThis week's episode of The Web Ahead is kindly sponsored by:  FreshBooks (60-day free trial. Tell them you heard about it on The Web Ahead.) New Relic (Use code "webahead" for a 30-day extended free pro trial) LegalZoom (free 3 month trial with offer code "WEBAHEAD")

People have been having conversations on the web since the moment the web was born. Comments, forums, linking, and more have provide ways for people to hold a back-and-forth discussion. But is that enough? There's a movement to create an annotation system for the web, one that might end up as a new web standard &amp; feature in every browser. Learn what annotations on the web would mean with guest Doug Schepers. Links for this episode:<ul><li><a href="https://thenetawards.com/vote/podcast/the-web-ahead/" rel="nofollow" target="_blank">Podcast of the Year : The Net Awards 2014 : Celebrating the best the Internet has to offer</a> </li><li><a href="http://www.w3.org/People/Schepers/" rel="nofollow" target="_blank">Doug Schepers Profile Page</a> </li><li><a href="https://twitter.com/shepazu" rel="nofollow" target="_blank">Doug Schepers (shepazu) on Twitter</a> </li><li><a href="http://schepers.cc/" rel="nofollow" target="_blank">Doug's website: Reinventing Fire</a> </li><li><a href="http://schepers.cc/annotators-anonymous" rel="nofollow" target="_blank">Annotators Anonymous « Reinventing Fire</a> </li><li><a href="http://www.webplatform.org/" rel="nofollow" target="_blank">Your Web, documented · WebPlatform.org</a> </li><li><a href="http://www.w3.org/2014/04/annotation/" rel="nofollow" target="_blank">Web Annotations Workshop</a> </li><li><a href="http://iannotate.org/" rel="nofollow" target="_blank">:: I Annotate 2014 ::</a> </li><li><a href="http://www.w3.org/community/openannotation/" rel="nofollow" target="_blank">Open Annotation Community Group</a> </li><li><a href="http://en.wikipedia.org/wiki/Web_annotation" rel="nofollow" target="_blank">Web annotation - Wikipedia, the free encyclopedia</a> </li><li><a href="https://hypothes.is/what-is-it/" rel="nofollow" target="_blank">What is it? | Hypothes.is</a> </li><li><a href="https://vimeo.com/29633009" rel="nofollow" target="_blank">Hypothes.is Intro on Vimeo</a> </li><li><a href="http://info.cern.ch/hypertext/DataSources/WWW/Servers.html" rel="nofollow" target="_blank">World-Wide Web Servers</a> </li><li><a href="https://medium.com/" rel="nofollow" target="_blank">Medium</a> </li><li><a href="https://www.quora.com/" rel="nofollow" target="_blank">Quora</a> </li><li><a href="http://rapgenius.com/" rel="nofollow" target="_blank">Discover the Meaning of Rap Lyrics | Rap Genius</a> </li><li><a href="http://news.rapgenius.com/Marc-andreessen-why-andreessen-horowitz-is-investing-in-rap-genius-annotated" rel="nofollow" target="_blank">Marc Andreessen – Why Andreessen Horowitz Is Investing in Rap Genius | News Genius</a> </li><li><a href="http://5by5.tv/webahead/56" rel="nofollow" target="_blank">5by5 | The Web Ahead #56: The Nature of the Web with Jeremy Keith</a> </li><li><a href="http://adactio.com/journal/6495/" rel="nofollow" target="_blank">Adactio: Journal—Parsing webmentions</a> </li><li><a href="https://github.com/converspace/webmention" rel="nofollow" target="_blank">converspace/webmention</a> </li><li><a href="https://indiewebcamp.com/webmention" rel="nofollow" target="_blank">webmention - IndieWebCamp</a> </li><li><a href="http://hypothes.is/" rel="nofollow" target="_blank">Imagine | Hypothes.is</a> </li><li><a href="http://annotatorjs.org/" rel="nofollow" target="_blank">Home - Annotator - Annotating the Web</a> </li><li><a href="http://www.goodreads.com/" rel="nofollow" target="_blank">Share Book Recommendations With Your Friends, Join Book Clubs, Answer Trivia</a> </li><li><a href="http://annotorious.github.io/" rel="nofollow" target="_blank">Annotorious - Image Annotation for the Web</a> </li><li><a href="http://mementoweb.org/" rel="nofollow" target="_blank">Memento: Adding Time to the Web</a> </li><li><a href="http://daringfireballwithcomments.net/" rel="nofollow" target="_blank">Daring Fireball with Comments</a> </li><li><a href="http://en.wikipedia.org/wiki/Vannevar_Bush" rel="nofollow" target="_blank">Vannevar Bush - Wikipedia, the free encyclopedia</a> </li><li><a href="http://ted.hyperland.com/" rel="nofollow" target="_blank">Ted Nelson Home Page</a> </li><li><a href="http://en.wikipedia.org/wiki/Ted_Nelson" rel="nofollow" target="_blank">Ted Nelson - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/Transclusion" rel="nofollow" target="_blank">Transclusion - Wikipedia, the free encyclopedia</a> </li><li><a href="http://en.wikipedia.org/wiki/The_Mezzanine" rel="nofollow" target="_blank">The Mezzanine - Wikipedia, the free encyclopedia</a> </li></ul>This week's episode of The Web Ahead is kindly sponsored by: <ul> <li><a href="http://www.freshbooks.com/special-offer/?ref=10266" rel="nofollow" target="_blank">FreshBooks</a> (60-day free trial. Tell them you heard about it on The Web Ahead.)</li> <li><a href="http://newrelic.com/webahead" rel="nofollow" target="_blank">New Relic</a> (Use code "webahead" for a 30-day extended free pro trial)</li> <li><a href="http://www.google.com/url?q=http%3A%2F%2Fwww.legalzoom.com%3Fcm_mmc_o%3D5BpgzlflCjCD_YDCjC8w_-twzpCjC7wEPzEEwy%26utm_medium%3D5by5%26utm_source%3Dpodcast%26utm_campaign%3D5by5_WebAhead%26utm_content%3DWebAhead%26cvosrc%3D5by5.podcast.5by5_WebAhead_WebAhead&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNH2ad1O9YgY8PdbksdJHAh4yuHgIA" rel="nofollow" target="_blank">LegalZoom</a> (free 3 month trial with offer code "WEBAHEAD")</li></ul>

60: Web Annotations with Doug Schepers

Thought SVG was dead? Think again. Once relegated to plug-in status, Scalable Vector Graphics is now spreading rapidly, in browsers, mobiles, and even televisions, with broad native support and graphical script libraries. It’s used on major websites like Wikipedia, Google Docs, and the Washington Post. Whether images or apps, standalone or integrated into HTML, CSS, or Canvas, SVG is a powerful tool in a developer or designer toolkit. With full scripting support, animations, and advanced visual effects, SVG lets you reuse skills you already have. Learn how to use SVG to best effect to add standards-based bling to your webapp or site, see what works and what to avoid, and glimpse where the future lies.Doug Schepers works for the W3C as the Rich Web Clients Activity Lead, and the Team Contact for the SVG and WebApps Working Groups, and participates in several other groups, including HTML and OWEA. He is an editor of the Element Traversal, DOM3 Events, and SVG specifications, and co-chairs the SVG Interest Group. Before joining the W3C Team, he has been a long-time developer of Web applications, with a focus on SVG. Doug works from home in Chapel Hill, North Carolina, USA.Follow Doug on Twitter: @shepazuLicensed as Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/).

Thought SVG was dead? Think again. Once relegated to plug-in status, Scalable Vector Graphics is now spreading rapidly, in browsers, mobiles, and even televisions, with broad native support and graphical script libraries. It’s used on major websites like Wikipedia, Google Docs, and the Washington Post. Whether images or apps, standalone or integrated into HTML, CSS, or Canvas, SVG is a powerful tool in a developer or designer toolkit. With full scripting support, animations, and advanced visual effects, SVG lets you reuse skills you already have. Learn how to use SVG to best effect to add standards-based bling to your webapp or site, see what works and what to avoid, and glimpse where the future lies. Doug Schepers works for the W3C as the Rich Web Clients Activity Lead, and the Team Contact for the SVG and WebApps Working Groups, and participates in several other groups, including HTML and OWEA. He is an editor of the Element Traversal, DOM3 Events, and SVG specifications, and co-chairs the SVG Interest Group. Before joining the W3C Team, he has been a long-time developer of Web applications, with a focus on SVG. Doug works from home in Chapel Hill, North Carolina, USA. Follow Doug on Twitter: @shepazu Licensed as Creative Commons Attribution-Share Alike 3.0 (<a href="http://creativecommons.org/licenses/by-sa/3.0/" rel="nofollow" target="_blank">http://creativecommons.org/licenses/by-sa/3.0/</a>).