Working Draft

Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNewsTechnologyEducationHow ToTech News
Download on the App Store

Working Draft episodes

  • Revision 40: Zerskyped

    Diese Revision war der gruseligste Aufnahmetrip seit Podcast-Gedenken: Erst streikten bei unserem ersten Gast Rodney Rehm aka @rodneyrehm reihum alle Aufnahmegeräte, dann zerhackte uns das verf$%%/§%?!te Skype nach 45 Minuten Aufnahme auf einmal so den Ton, dass wir vom anderen rein gar nichts mehr verstanden und die Aufnahme abbrechen mussten. Die brachten wir am Folgetag mit weniger massiven Problemen zu Ende. Dass von den daraus resultierenden Störgeräuschen und Pausen nix mehr zu hören ist, haben wir der geduldigen Puzzlearbeit unseres zweiten Gastes, Frederic Hemberger aka @fhemberger zu verdanken. Großes Danke dafür!

    Schaunotizen
    [00:03:44] Flexbox is Dead, Long Live Flexbox!
    Die Spec zur CSS3 Flexbox wurde frisch über den Haufen geworfen.
    [00:18:25] W3C Conditional Rules
    Die W3C CSS Conditional Rules sind sowas wie Modernizr nur in nativ. Außerdem kann man Dank @document pfadabhängig stylen.
    [00:24:25] WebSocket binary message support
    Websockets unterstützen neuerdings auch die Übertragung von Binärdaten. Damit lässt sich allerhand anstellen.
    [00:30:00] JPEG 2000 on the Web
    Und wieder hat jemand Emscripten angeschmissen und was cooles transpiliert: Einen JPEG 2000 Dekoder in JavaScript. Und auch über MediaSource Extensions sprachen wir.
    [00:41:27] Help The Community: Report Browser Bugs
    Ein Plädoyer dafür, dass man Browserbugs unbedingt sauber untersuchen und sie den Herstellern melden soll.
    [00:48:12] Mobile Web: Taiwan, Opera and WebOS
    Paul Rouget gibt einen Einblick in die Welt Asiens, was die Nutzung des Internets angeht.
    [00:59:33] Octopress – A blogging framework for hackers
    Frederic hat sich Octopress in der letzten Zeit genauer angesehen und berichtet uns über seine Erfahrungen damit.
    [01:04:07] Smarty – PHP Template Engine
    Erst letztens erfuhren wir, dass Rodney in das Smarty-Projekt involviert ist und heftig an der Version 3.1 mitgebaut hat. Da waren wir ganz neugierig, was es dort Neues gibt!
    [01:33:42] Keine Schaunotizen
    Ready Set Raphael
    Ein SVG nach Raphael.JS Converter
    Die Node.js Knockout Gewinner
    Die Sieger des Wettbewerbs haben mit Node ein paar sehr krasse Sachen zusammengedübelt. Unbedingt anschauen.
    imgmin
    Ein sehr effektiver JPEG-Kleinschrumpfer für die Kommandozeile.
    Frontend Conf Zürich Videos
    Videos der gerade zu Ende gegangenen Frontend Conf Zürich 2011. Tolles Zeug dabei! Besonders empfehlenswert: CSS3 Secrets: 10 things you might not know about CSS3 von Lea Verou.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    1 hr 41 min
  • Revision 40: Zerskyped
    Diese Revision war der gruseligste Aufnahmetrip seit Podcast-Gedenken: Erst streikten bei unserem ersten Gast Rodney Rehm aka @rodneyrehm reihum alle Aufnahmegeräte, dann zerhackte uns das verf$%%/§%?!te Skype nach 45 Minuten Aufnahme auf einmal so den Ton, dass wir vom anderen rein gar nichts mehr verstanden und die Aufnahme abbrechen mussten. Die brachten wir am Folgetag mit weniger massiven Problemen zu Ende. Dass von den daraus resultierenden Störgeräuschen und Pausen nix mehr zu hören ist, haben wir der geduldigen Puzzlearbeit unseres zweiten Gastes, Frederic Hemberger aka @fhemberger zu verdanken. Großes Danke dafür!
    Schaunotizen
    [00:03:44] Flexbox is Dead, Long Live Flexbox!
    Die Spec zur CSS3 Flexbox wurde frisch über den Haufen geworfen.
    [00:18:25] W3C Conditional Rules
    Die W3C CSS Conditional Rules sind sowas wie Modernizr nur in nativ. Außerdem kann man Dank @document pfadabhängig stylen.
    [00:24:25] WebSocket binary message support
    Websockets unterstützen neuerdings auch die Übertragung von Binärdaten. Damit lässt sich allerhand anstellen.
    [00:30:00] JPEG 2000 on the Web
    Und wieder hat jemand Emscripten angeschmissen und was cooles transpiliert: Einen JPEG 2000 Dekoder in JavaScript. Und auch über MediaSource Extensions sprachen wir.
    [00:41:27] Help The Community: Report Browser Bugs
    Ein Plädoyer dafür, dass man Browserbugs unbedingt sauber untersuchen und sie den Herstellern melden soll.
    [00:48:12] Mobile Web: Taiwan, Opera and WebOS
    Paul Rouget gibt einen Einblick in die Welt Asiens, was die Nutzung des Internets angeht.
    [00:59:33] Octopress – A blogging framework for hackers
    Frederic hat sich Octopress in der letzten Zeit genauer angesehen und berichtet uns über seine Erfahrungen damit.
    [01:04:07] Smarty – PHP Template Engine
    Erst letztens erfuhren wir, dass Rodney in das Smarty-Projekt involviert ist und heftig an der Version 3.1 mitgebaut hat. Da waren wir ganz neugierig, was es dort Neues gibt!
    [01:33:42] Keine Schaunotizen
    Ready Set Raphael
    Ein SVG nach Raphael.JS Converter
    Die Node.js Knockout Gewinner
    Die Sieger des Wettbewerbs haben mit Node ein paar sehr krasse Sachen zusammengedübelt. Unbedingt anschauen.
    imgmin
    Ein sehr effektiver JPEG-Kleinschrumpfer für die Kommandozeile.
    Frontend Conf Zürich Videos
    Videos der gerade zu Ende gegangenen Frontend Conf Zürich 2011. Tolles Zeug dabei! Besonders empfehlenswert: CSS3 Secrets: 10 things you might not know about CSS3 von Lea Verou.
    1 hr 41 min
  • Revision 39: Zucker, Bullenkot und GEFÄNGNIS

    Fast hätte es diesmal mit der Revision nicht geklappt, weil Markus weg war, Peter Koffer packen musste und Schepp es verpeilt hatte, sich früh genug nach Gästen umzuschauen. Aber Peter hat sich dann doch noch ein Herz gefasst.

    Schaunotizen
    [00:00:18] JAIL
    Endlich mal ein funktionierender Bilder-Lazyloader, der über ein Fallback verfügt, wenn JavaScript deaktiviert ist.
    [00:12:08] The “designers should code” bullshit and a not so new idea
    Muss ein Webdesigner coden können? Oder reicht es nur gut Bescheid zu wissen?
    [00:22:55] Sugar
    Sugar erweitert die nativen JavaScript-Objekte um immer wieder gebrauchte, sehr praktische Methoden. Inspiriert wird es dabei von ES5 und anderen Programmiersprachen.
    [00:30:53] Socket.IO
    Socket.IO ist eine Abstraktionsschicht für Node-Server und Client, der sich vollautomatisch um eine bestmögliche Echtzeitkommunikation der beiden miteinander kümmert.
    [00:41:25] Keine Schaunotizen
    Keymaster
    Eine kleine JavaScript-Bibliothek, die das Verknüpfen von Keyboard-Shortcuts zum Kinderspiel macht.
    JPEGmini
    Ein Online-JPEG-Eindampf-Service.
    Browserstack
    Ein Java-Applet-basierter Service zum Testen von Seiten in bereitgestellten, ferngesteuerten Browsern, inkl. installierter Developer Addons.
    Automated installation of the Microsoft IE App Compat virtual machines
    Installationsscript, das die offiziellen VirtualPC-IE-Test-Images in Virtualbox hineinpackt. Echtes IE-Testing auf Mac und Linux!
    2 Klicks für mehr Datenschutz
    Der Heise Verlag hat einen Soziale-Netzwerk-Weiterempfehlen-Knopf mit Opt-in gebaut, der die neusten Datenschutzanforderungen erfüllt. Er ist nun für jedermann frei erhältlich.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    49 min
  • Revision 39: Zucker, Bullenkot und GEFÄNGNIS
    Fast hätte es diesmal mit der Revision nicht geklappt, weil Markus weg war, Peter Koffer packen musste und Schepp es verpeilt hatte, sich früh genug nach Gästen umzuschauen. Aber Peter hat sich dann doch noch ein Herz gefasst.
    Schaunotizen
    [00:00:18] JAIL
    Endlich mal ein funktionierender Bilder-Lazyloader, der über ein Fallback verfügt, wenn JavaScript deaktiviert ist.
    [00:12:08] The “designers should code” bullshit and a not so new idea
    Muss ein Webdesigner coden können? Oder reicht es nur gut Bescheid zu wissen?
    [00:22:55] Sugar
    Sugar erweitert die nativen JavaScript-Objekte um immer wieder gebrauchte, sehr praktische Methoden. Inspiriert wird es dabei von ES5 und anderen Programmiersprachen.
    [00:30:53] Socket.IO
    Socket.IO ist eine Abstraktionsschicht für Node-Server und Client, der sich vollautomatisch um eine bestmögliche Echtzeitkommunikation der beiden miteinander kümmert.
    [00:41:25] Keine Schaunotizen
    Keymaster
    Eine kleine JavaScript-Bibliothek, die das Verknüpfen von Keyboard-Shortcuts zum Kinderspiel macht.
    JPEGmini
    Ein Online-JPEG-Eindampf-Service.
    Browserstack
    Ein Java-Applet-basierter Service zum Testen von Seiten in bereitgestellten, ferngesteuerten Browsern, inkl. installierter Developer Addons.
    Automated installation of the Microsoft IE App Compat virtual machines
    Installationsscript, das die offiziellen VirtualPC-IE-Test-Images in Virtualbox hineinpackt. Echtes IE-Testing auf Mac und Linux!
    2 Klicks für mehr Datenschutz
    Der Heise Verlag hat einen Soziale-Netzwerk-Weiterempfehlen-Knopf mit Opt-in gebaut, der die neusten Datenschutzanforderungen erfüllt. Er ist nun für jedermann frei erhältlich.
    49 min
  • Revision 38: Gridsysteme und Best Practices

    Peter hängt nach wie vor im Rheinland fest und Markus ist vom Erdboden verschluckt. Sturmfrei für Schepp! Auf einen geselligen Webworker-Abend hat er sich Dirk Jesse, Autor des YAML-Frameworks, und Matthias Mees, Webdesigner aus der Nähe von Lübeck und Mitmoderator des Serendipity-Podcasts S9y InfoCamp, eingeladen.

    Schaunotizen
    [00:02:00] Introducing WebAPI
    Mozilla hat sich vorgenommen, innerhalb von 3 – 6 Monaten eine universelle Schnittstelle zu entwickeln, mit der die Browser auf Handyfunktionen und -Daten zugreifen können. Dabei schweifen wir aber ab, unter anderem auf dieses Schriften-Thema.
    [00:15:08] Component Model
    Die WHATWG wiederum möchte mit dem Component Model den Wildwuchs in Sachen Shadow DOM beseitigen und standardisierte Schnittstellen zum Befüllen desselben schaffen.
    [00:22:24] Getting rusty – we need new best practices for a different development world
    Chris Heilmann schrieb neulich darüber, dass unsere Webentwicklungsparadigmen durcheinandergeraten seien und wir einige Sinnfragen neu stellen müssen. Außerdem müssen viele neue Best Practices entwickelt und verbreitet werden. Im Verlauf des Gesprächs streifen wir Nicolas Gallaghers Pure CSS GUI Icons und Christoph Zillgens‘ Artikel Gleich hohe Input-Felder und Buttons.
    [00:50:20] Bootstrap, from Twitter
    Twitter hat eine Art Boilerplate- oder Kickstart-Paket für das Erstellen von Webapps veröffentlicht. Im Prinzip ist es ein durchdachter Remix bekannter Tools, wie 960.gs, JQuery und LESS.
    [01:03:55] The Semantic Grid System
    Wir bleiben in der Welt von Grids und LESS und schauen uns das Semantic Grid System an, das sich mit einem neuen Ansatz hervortut. Dirk hält die proklamierten Ziele für illusorisch und Matthias hindert es auch nicht daran, sich von Grids im Allgemeinen zu verabschieden. Weil wieder LESS.js im Spiel ist, und das serverseitig schwer zu implementieren ist (nur via Node.js), kommen wir auf lessphp und den LESS-Compilier-Dienst BoxCSS zu sprechen. Und auf den CSS-Preprozessor Turbine (1.0, nicht 1.1 nehmen!).
    [01:26:34] 15-EUR-Gutscheine für Workshops von Developer’s Peak

    Beim Hack Evening in Köln konnte Schepp einige Gutscheine für kommende (englischsprachige!) Veranstaltungen der Truppe abgreifen. Die sollen nun unters Volk gebracht werden. Bei Interesse, hier kommentieren, oder via Social Media Kanäle dem Schepp Bescheid geben. First come, first served. Folgende Gutscheine hätten wir (alle bis auf einen in Köln):

    • 1 x Browsergames Entwicklung mit HTML5 und JavaScript am 23.09.2011 in Frankfurt (einzulösen bis 04.09.2011!)
    • 3 x Mastering JavaScript Part 1/3: Understanding JS am 12.10.2011 in Köln (einzulösen bis 21.09.2011)
    • 5 x Mastering JavaScript Part 3/3: Hardcore JS am 11.11.2011 in Köln (nix für Karnevalsjecken, einzulösen bis 21.09.2011)
      • [01:28:00] Keine Schaunotizen
      Get started with WebGL: draw a square
      Kompaktes, aber sehr verständliches Einstiegstutorial in die komplizierte (Shader-)Welt von WebGL.
      onProximityFade
      Nette Ein- und Ausblendspielerei bei Mausannäherung. Kann man vielleicht für ein Hilfesystem auf seiner Seite nutzen.
      JSConf Videos
      Die JSConf 2011 Videos sind online und lohnen sich zu schauen!
      The Latest in HTML5
      Eine Google-Präsentation, die überquillt von eher weniger beachteten, aber fantastischen HTML5-Features.
      Pagoda Box
      Ein PHP Cloudhosting, das über eine direkte Anbindung an GitHub verfügt.
      Recurly.js
      Ein fix und fertiges Bezahlungsformular-Framework zum Einbetten in die eigene Seite, das den unappetitlichen serverseitigen Teil des Ablaufs auf die Recurly.js-Server abwälzt.
      TransformJS
      jQuery-Plugin, das den Einsatz von CSS 2D- und 3D-Transforms via css- und animate-Methode extremst vereinfacht.
      Fabric.js
      Eine weitere HTML5-Canvas-Abstraktionsbibliothek, die aber durch ihren SVG-Parser hervorsticht.
      FLEXSLIDER
      jQuery-Slider, der mit Touch-/Swipe-Support für mobile Geräte daherkommt.
      flux slider
      jQuery-Slider, der mit bislang ungesehenen hardwarebeschleunigten 3D-Übergängen glänzt. Riesennachteil: Es gibt keine Graceful Degradation für nicht 3D-fähige Browser.

      Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

      1 hr 36 min
    • Revision 38: Gridsysteme und Best Practices
      Peter hängt nach wie vor im Rheinland fest und Markus ist vom Erdboden verschluckt. Sturmfrei für Schepp! Auf einen geselligen Webworker-Abend hat er sich Dirk Jesse, Autor des YAML-Frameworks, und Matthias Mees, Webdesigner aus der Nähe von Lübeck und Mitmoderator des Serendipity-Podcasts S9y InfoCamp, eingeladen.
      Schaunotizen
      [00:02:00] Introducing WebAPI
      Mozilla hat sich vorgenommen, innerhalb von 3 – 6 Monaten eine universelle Schnittstelle zu entwickeln, mit der die Browser auf Handyfunktionen und -Daten zugreifen können. Dabei schweifen wir aber ab, unter anderem auf dieses Schriften-Thema.
      [00:15:08] Component Model
      Die WHATWG wiederum möchte mit dem Component Model den Wildwuchs in Sachen Shadow DOM beseitigen und standardisierte Schnittstellen zum Befüllen desselben schaffen.
      [00:22:24] Getting rusty – we need new best practices for a different development world
      Chris Heilmann schrieb neulich darüber, dass unsere Webentwicklungsparadigmen durcheinandergeraten seien und wir einige Sinnfragen neu stellen müssen. Außerdem müssen viele neue Best Practices entwickelt und verbreitet werden. Im Verlauf des Gesprächs streifen wir Nicolas Gallaghers Pure CSS GUI Icons und Christoph Zillgens‘ Artikel Gleich hohe Input-Felder und Buttons.
      [00:50:20] Bootstrap, from Twitter
      Twitter hat eine Art Boilerplate- oder Kickstart-Paket für das Erstellen von Webapps veröffentlicht. Im Prinzip ist es ein durchdachter Remix bekannter Tools, wie 960.gs, JQuery und LESS.
      [01:03:55] The Semantic Grid System
      Wir bleiben in der Welt von Grids und LESS und schauen uns das Semantic Grid System an, das sich mit einem neuen Ansatz hervortut. Dirk hält die proklamierten Ziele für illusorisch und Matthias hindert es auch nicht daran, sich von Grids im Allgemeinen zu verabschieden. Weil wieder LESS.js im Spiel ist, und das serverseitig schwer zu implementieren ist (nur via Node.js), kommen wir auf lessphp und den LESS-Compilier-Dienst BoxCSS zu sprechen. Und auf den CSS-Preprozessor Turbine (1.0, nicht 1.1 nehmen!).
      [01:26:34] 15-EUR-Gutscheine für Workshops von Developer’s Peak
      Beim Hack Evening in Köln konnte Schepp einige Gutscheine für kommende (englischsprachige!) Veranstaltungen der Truppe abgreifen. Die sollen nun unters Volk gebracht werden. Bei Interesse, hier kommentieren, oder via Social Media Kanäle dem Schepp Bescheid geben. First come, first served. Folgende Gutscheine hätten wir (alle bis auf einen in Köln):
      1 x Browsergames Entwicklung mit HTML5 und JavaScript am 23.09.2011 in Frankfurt (einzulösen bis 04.09.2011!)
      3 x Mastering JavaScript Part 1/3: Understanding JS am 12.10.2011 in Köln (einzulösen bis 21.09.2011)
      5 x Mastering JavaScript Part 3/3: Hardcore JS am 11.11.2011 in Köln (nix für Karnevalsjecken, einzulösen bis 21.09.2011)
      [01:28:00] Keine Schaunotizen
      Get started with WebGL: draw a square
      Kompaktes, aber sehr verständliches Einstiegstutorial in die komplizierte (Shader-)Welt von WebGL.
      onProximityFade
      Nette Ein- und Ausblendspielerei bei Mausannäherung. Kann man vielleicht für ein Hilfesystem auf seiner Seite nutzen.
      JSConf Videos
      Die JSConf 2011 Videos sind online und lohnen sich zu schauen!
      The Latest in HTML5
      Eine Google-Präsentation, die überquillt von eher weniger beachteten, aber fantastischen HTML5-Features.
      Pagoda Box
      Ein PHP Cloudhosting, das über eine direkte Anbindung an GitHub verfügt.
      Recurly.js
      Ein fix und fertiges Bezahlungsformular-Framework zum Einbetten in die eigene Seite, das den unappetitlichen serverseitigen Teil des Ablaufs auf die Recurly.js-Server abwälzt.
      TransformJS
      jQuery-Plugin, das den Einsatz von CSS 2D- und 3D-Transforms via css- und animate-Methode extremst vereinfacht.
      Fabric.js
      Eine weitere HTML5-Canvas-Abstraktionsbibliothek, die aber durch ihren SVG-Parser hervorsticht.
      FLEXSLIDER
      jQuery-Slider, der mit Touch-/Swipe-Support für mobile Geräte daherkommt.
      flux slider
      jQuery-Slider, der mit bislang ungesehenen hardwarebeschleunigten 3D-Übergängen glänzt. Riesen[...]
      1 hr 36 min
    • Revision 37: speak.js, Native Client und JS-MVC-Frameworks

      Peter war wieder auf Achse und so haben wir uns diesmal Marc Hinse und Khalil Lechelt als Fachleute dazugeholt.

      Schaunotizen
      [00:02:06] speak.js – Text-To-Speech on the Web
      Wieder einmal wurde dank Emscripten etwas nach JavaScript portiert. Und diesmal ist es was sehr Praktisches: ein Text-zu-Audio-Synthesizer. Damit lassen sich endlich Vorlese-Dienste quelloffen umsetzen, wie sie bislang nur das kommerzielle ReadSpeaker zum Beispiel in heise Newsticker Meldungen möglich gemacht hat (oben links: „vorlesen“).
      [00:10:53] tween.js
      tween.js ist ein generisches Werkzeug zur Erzeugung von zeitgesteuerten Übergangskurven. Diese Werte lassen sich dann zur Animation beliebiger Dinge nutzen.
      [00:17:56] Cross-browser contextmenu support with a polyfill
      Firefox 8 unterstützt erstmalig HTML5 Contextmenüs. Addy Osmani zeigt, wie das geht und verweist auf ein Polyfill von Rodney Rehm.
      [00:34:02] Native Client – Googles Vision vom nativen Web
      Google stellte schon 2008 seine Idee des nativen Clients vor. Mit Chrome 14 ist die Plattform nun einigermaßen vorzeigbar und erste Chrome Apps nutzen das schon. Was ist davon zu halten?
      [00:55:26] pjscrape
      Ein Contentscraper, der auch dann funktioniert, wenn der Inhalt der Zielseite per JavaScript erzeugt wird. Möglich macht das der darunterliegende Headless-WebKit namens PhantomJS
      [01:02:08] backbone.js und andere MVC/MVVM-JavaScript-Frameworks
      Kahlil erzählt uns ein wenig was über backbone.js und underscore.js. Wir reden aber auch über Knockout.js und über die Designphilosophie all dieser recht frischen MVC bzw. MVVM Frameworks. Dazu lesenswert: Der Artikel Standardkonforme und zukunftsfähige JavaScript-Bibliotheken von Mathias Schäfer.
      [01:31:41] Keine Schaunotizen
      How Browsers Work: Behind the Scenes of Modern Web Browsers
      Dieses Dokument beschreibt den gesamten Ablauf, den Browser beim Darstellen einer Seite .durchlaufen müssen.
      Verbesserungen am Netzwerkstack von Firefox 6
      Interessanter Beitrag des zuständigen Firefox-Architekten, was in Version 6 alles an cleveren Verbesserungen in den Netzwerkstack geflossen ist.
      Browserling
      Mit Browserling kann man Seiten in den wichtigsten älteren Browsern testen. Das coole dabei ist, dass das Ergebnis in Echtzeit in ein HTML5 Canvas Element gezeichnet wird.
      Spin.js
      Ein reiner Markup-Loading-Spinner.
      Firefox Scratchpad
      Firefox kommt nun mit einer Art integriertem jsfiddle zum Code-Testen daher. Praktisch!
      Rasta.js
      Ein simpler kleiner Cross-Domain-Key-Value-Store.
      Usability in Icons
      Dieser Artikel beschäftigt sich mit der Tatsache, dass die wenigsten Icon-Symboliken von den Benutzern verstanden werden.

      Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

      1 hr 38 min
    • Revision 37: speak.js, Native Client und JS-MVC-Frameworks
      Peter war wieder auf Achse und so haben wir uns diesmal Marc Hinse und Khalil Lechelt als Fachleute dazugeholt.
      Schaunotizen
      [00:02:06] speak.js – Text-To-Speech on the Web
      Wieder einmal wurde dank Emscripten etwas nach JavaScript portiert. Und diesmal ist es was sehr Praktisches: ein Text-zu-Audio-Synthesizer. Damit lassen sich endlich Vorlese-Dienste quelloffen umsetzen, wie sie bislang nur das kommerzielle ReadSpeaker zum Beispiel in heise Newsticker Meldungen möglich gemacht hat (oben links: „vorlesen“).
      [00:10:53] tween.js
      tween.js ist ein generisches Werkzeug zur Erzeugung von zeitgesteuerten Übergangskurven. Diese Werte lassen sich dann zur Animation beliebiger Dinge nutzen.
      [00:17:56] Cross-browser contextmenu support with a polyfill
      Firefox 8 unterstützt erstmalig HTML5 Contextmenüs. Addy Osmani zeigt, wie das geht und verweist auf ein Polyfill von Rodney Rehm.
      [00:34:02] Native Client – Googles Vision vom nativen Web
      Google stellte schon 2008 seine Idee des nativen Clients vor. Mit Chrome 14 ist die Plattform nun einigermaßen vorzeigbar und erste Chrome Apps nutzen das schon. Was ist davon zu halten?
      [00:55:26] pjscrape
      Ein Contentscraper, der auch dann funktioniert, wenn der Inhalt der Zielseite per JavaScript erzeugt wird. Möglich macht das der darunterliegende Headless-WebKit namens PhantomJS
      [01:02:08] backbone.js und andere MVC/MVVM-JavaScript-Frameworks
      Kahlil erzählt uns ein wenig was über backbone.js und underscore.js. Wir reden aber auch über Knockout.js und über die Designphilosophie all dieser recht frischen MVC bzw. MVVM Frameworks. Dazu lesenswert: Der Artikel Standardkonforme und zukunftsfähige JavaScript-Bibliotheken von Mathias Schäfer.
      [01:31:41] Keine Schaunotizen
      How Browsers Work: Behind the Scenes of Modern Web Browsers
      Dieses Dokument beschreibt den gesamten Ablauf, den Browser beim Darstellen einer Seite .durchlaufen müssen.
      Verbesserungen am Netzwerkstack von Firefox 6
      Interessanter Beitrag des zuständigen Firefox-Architekten, was in Version 6 alles an cleveren Verbesserungen in den Netzwerkstack geflossen ist.
      Browserling
      Mit Browserling kann man Seiten in den wichtigsten älteren Browsern testen. Das coole dabei ist, dass das Ergebnis in Echtzeit in ein HTML5 Canvas Element gezeichnet wird.
      Spin.js
      Ein reiner Markup-Loading-Spinner.
      Firefox Scratchpad
      Firefox kommt nun mit einer Art integriertem jsfiddle zum Code-Testen daher. Praktisch!
      Rasta.js
      Ein simpler kleiner Cross-Domain-Key-Value-Store.
      Usability in Icons
      Dieser Artikel beschäftigt sich mit der Tatsache, dass die wenigsten Icon-Symboliken von den Benutzern verstanden werden.
      1 hr 38 min
    • Revision 36: Ohne Jan, aber mit Delay

      Wir hatten einen Gast, und zwar den Anselm, Webworker aus München und frischgebackener Autor eines Videotrainings. Außerdem mit von der Partie: ein zehnsekündiges Delay auf Markus‘ Leitung.

      Schaunotizen
      [00.02.29:000] Redesigning the Browser Window
      Browser-UI wird immer komprimierter, aber die grundlegenden Paradigmen ändern sich kaum. Hier macht jemand den Vorschlag, die Tab-Leiste als Sidebar zu implementieren und dadurch die Vertikale zu entlasten. Immerhin sind auch die meisten Websites vertikal angelegt.
      [00.17.02:000] HTML5 Boilerplate 2.0
      Der Paule meint, es müsse jetzt 2.0 heißen. Ansich ändert sich nicht viel. Normalize.css statt Reset.css, besseres Buildscript und Scripts werden mit defer geladen. Gibt’s nu auch für MODX
      [00.32.06:000] Script-Loader vs. keine Script-Loader
      Paule fragt nach, ob man Script-Loader braucht oder nicht. Auch wir sind uns einig, dass Script-Loader in den meisten Fällen eine Schicht zu viel Technik sind. Schepp’s HTTP-Test übrigens hier.
      [00.44.21:000] Adobe Muse
      tl;dl: It sucks!
      [01.03.07:000] Keine Schaunotizen
      • Finding memory leaks
      • TTF Auto Hint
      • diagram.ly
      • Understanding Hardware Acceleration on Mobile Browsers
      • Responsive layout tester

        • Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

        1 hr 9 min
      • Revision 36: Ohne Jan, aber mit Delay
        Wir hatten einen Gast, und zwar den Anselm, Webworker aus München und frischgebackener Autor eines Videotrainings. Außerdem mit von der Partie: ein zehnsekündiges Delay auf Markus‘ Leitung.
        Schaunotizen
        [00.02.29:000] Redesigning the Browser Window
        Browser-UI wird immer komprimierter, aber die grundlegenden Paradigmen ändern sich kaum. Hier macht jemand den Vorschlag, die Tab-Leiste als Sidebar zu implementieren und dadurch die Vertikale zu entlasten. Immerhin sind auch die meisten Websites vertikal angelegt.
        [00.17.02:000] HTML5 Boilerplate 2.0
        Der Paule meint, es müsse jetzt 2.0 heißen. Ansich ändert sich nicht viel. Normalize.css statt Reset.css, besseres Buildscript und Scripts werden mit defer geladen. Gibt’s nu auch für MODX
        [00.32.06:000] Script-Loader vs. keine Script-Loader
        Paule fragt nach, ob man Script-Loader braucht oder nicht. Auch wir sind uns einig, dass Script-Loader in den meisten Fällen eine Schicht zu viel Technik sind. Schepp’s HTTP-Test übrigens hier.
        [00.44.21:000] Adobe Muse
        tl;dl: It sucks!
        [01.03.07:000] Keine Schaunotizen
        Finding memory leaks
        TTF Auto Hint
        diagram.ly
        Understanding Hardware Acceleration on Mobile Browsers
        Responsive layout tester
        1 hr 9 min

      About Working Draft

      From the publisher's feed

      Working Draft ist der deutschsprachige Podcast für Frontend-Entwicklung, Webdesign und UI Engineering.

      More shows like Working Draft

      Bits und so by Undsoversum GmbH

      Bits und so

      26 Listeners

      Freak Show by Metaebene Personal Media - Tim Pritlove

      Freak Show

      9 Listeners

      AstroGeo - Geschichten aus Astronomie und Geologie by Karl Urban und Franziska Konitzer

      AstroGeo - Geschichten aus Astronomie und Geologie

      3 Listeners

      Geschichten aus der Geschichte by Richard Hemmer und Daniel Meßner

      Geschichten aus der Geschichte

      177 Listeners

      c’t uplink - der IT-Podcast aus Nerdistan by c’t Magazin

      c’t uplink - der IT-Podcast aus Nerdistan

      9 Listeners

      Stay Forever - Retrogames & Technik by Stay Forever Team

      Stay Forever - Retrogames & Technik

      34 Listeners

      Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

      Logbuch:Netzpolitik

      5 Listeners

      programmier.bar – der Podcast für App- und Webentwicklung by programmier.bar

      programmier.bar – der Podcast für App- und Webentwicklung

      0 Listeners

      Podcasts von Tichys Einblick by Tichys Einblick

      Podcasts von Tichys Einblick

      21 Listeners

      eat.READ.sleep. Der Podcast, der das Lesen feiert. by NDR

      eat.READ.sleep. Der Podcast, der das Lesen feiert.

      24 Listeners

      Finanzen ganz einfach - von Saidi, Sophie & Emil by Finanztip

      Finanzen ganz einfach - von Saidi, Sophie & Emil

      8 Listeners

      Lanz + Precht by ZDF, Markus Lanz & Richard David Precht

      Lanz + Precht

      325 Listeners

      {ungeskriptet} - Der Meinungsfreiheit verpflichtet. by Ben Berndt

      {ungeskriptet} - Der Meinungsfreiheit verpflichtet.

      45 Listeners

      KI-Update – ein heise-Podcast by Isabel Grünewald, heise online

      KI-Update – ein heise-Podcast

      9 Listeners

      Engineering Kiosk by Wolfgang Gassler, Andy Grunwald

      Engineering Kiosk

      0 Listeners