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 60: Adobe Edge, Web Components & Informationsquellen

    Heute quatschen mal nur der Dirk Jesse, seines Zeichens YAML-Framework-Autor und CSS-Tüftler, und der Schepp über die Themen der Woche. Inklusive Epic Aufnahmefail.

    Schaunotizen
    [00:00:18] Adobe Edge Preview 4
    Schepp erzählt von seinen Erkenntnissen zur aktuellen Preview 4 von Adobe Edge.
    [00:10:49] Aktuelle Neuerungen in WebKit
    CSS calc materialisiert sich in WebKit. Außerdem implementiert er als erster Browser Scoped Styles
    [00:20:57] Web Components (+ Polyfill)
    Die Web Components nehmen an Fahrt auf! Passend dazu hat Dimitri Glazkov einen Polyfill gebaut, der das Verhalten der Web Components nachbildet.
    [00:33:30] Saving images and files in localStorage
    Mozilla hat einen weiteren Artikel rund um die Verwendung von localStorage als Datei-Cache online gestellt. Wir ergänzen ihn mit unserem Erfahrungsschatz.
    [00:41:56] Quellen von und Strategien zur Informationsbeschaffung
    Passend zum „Brennpunkt Spezial“ der letzten Revision stellen wir die Frage, wie man sich all die Informationen zu aktuellen Entwicklungen beschafft, wie wir sie zum Beispiel wöchentlich für den Podcast recherchieren.
    [01:07:36] Verlosung von 3 Karten für den MMT 29
    Beide sind wir beim Multimediatreff 29 am 23./24.03.2012 in Köln, nochmals zum Thema „Webtechnologien“. Und für den Konferenztag am Samstag wollen wir gerne 3 Karten unters Volk bringen! Teilnehmen bei der Verlosung tut jeder, der in den Kommentaren eine tiefgründige und aktuelle Quelle für Webentwickler Infos nennt.
    [01:08:40] Keine Schaunotizen
    Whatfont Tool
    Chrome Erweiterung, mit der sich auf einer Seite verwendete Schriftarten herauslesen lassen.
    Overthrow: An overflow polyfill for responsive design
    Overthrow ist ein Mobilgeräte-Polyfill für overflow: auto; -webkit-overflow-scrolling: touch;
    Android Measuring Stick
    Dieser Artikel versucht mit Methodik, Licht ins Dunkel der Marktpenetrierung verschiedener Android-Versionen zu bringen. Mit Erfolg.
    Chaplin
    Chaplin zeigt exemplarisch eine mögliche Nutzungsweise von backbone.js für komplexe Webapps.
    HTML5 Game Dev News
    Ein Portal voller interessanter aggregierter Artikel rund ums Thema HTML5 Spieleentwicklung.

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

    1 hr 16 min
  • Revision 60: Adobe Edge, Web Components & Informationsquellen
    Heute quatschen mal nur der Dirk Jesse, seines Zeichens YAML-Framework-Autor und CSS-Tüftler, und der Schepp über die Themen der Woche. Inklusive Epic Aufnahmefail.
    Schaunotizen
    [00:00:18] Adobe Edge Preview 4
    Schepp erzählt von seinen Erkenntnissen zur aktuellen Preview 4 von Adobe Edge.
    [00:10:49] Aktuelle Neuerungen in WebKit
    CSS calc materialisiert sich in WebKit. Außerdem implementiert er als erster Browser Scoped Styles
    [00:20:57] Web Components (+ Polyfill)
    Die Web Components nehmen an Fahrt auf! Passend dazu hat Dimitri Glazkov einen Polyfill gebaut, der das Verhalten der Web Components nachbildet.
    [00:33:30] Saving images and files in localStorage
    Mozilla hat einen weiteren Artikel rund um die Verwendung von localStorage als Datei-Cache online gestellt. Wir ergänzen ihn mit unserem Erfahrungsschatz.
    [00:41:56] Quellen von und Strategien zur Informationsbeschaffung
    Passend zum „Brennpunkt Spezial“ der letzten Revision stellen wir die Frage, wie man sich all die Informationen zu aktuellen Entwicklungen beschafft, wie wir sie zum Beispiel wöchentlich für den Podcast recherchieren.
    [01:07:36] Verlosung von 3 Karten für den MMT 29
    Beide sind wir beim Multimediatreff 29 am 23./24.03.2012 in Köln, nochmals zum Thema „Webtechnologien“. Und für den Konferenztag am Samstag wollen wir gerne 3 Karten unters Volk bringen! Teilnehmen bei der Verlosung tut jeder, der in den Kommentaren eine tiefgründige und aktuelle Quelle für Webentwickler Infos nennt.
    [01:08:40] Keine Schaunotizen
    Whatfont Tool
    Chrome Erweiterung, mit der sich auf einer Seite verwendete Schriftarten herauslesen lassen.
    Overthrow: An overflow polyfill for responsive design
    Overthrow ist ein Mobilgeräte-Polyfill für overflow: auto; -webkit-overflow-scrolling: touch;
    Android Measuring Stick
    Dieser Artikel versucht mit Methodik, Licht ins Dunkel der Marktpenetrierung verschiedener Android-Versionen zu bringen. Mit Erfolg.
    Chaplin
    Chaplin zeigt exemplarisch eine mögliche Nutzungsweise von backbone.js für komplexe Webapps.
    HTML5 Game Dev News
    Ein Portal voller interessanter aggregierter Artikel rund ums Thema HTML5 Spieleentwicklung.
    1 hr 16 min
  • Revision 59: Wie ticken Webentwickler?

    Aus akutem Mangel an aktuellen Themen haben Hans, Kahlil und Peter spontan eine Sondersendung eingeschoben. Da letzterer demnächst HTML5 an Entwickler vermitteln soll, die bisher keine Erfahrung mit Web-Frontendentwicklung haben, stellte sich die Frage, wie Webentwickler überhaupt mit der Realität im WWW klarkommen. Anders als „normale“ Programmierer kennt der Web-Nerd keine festen Zielplattformen, die einzelnen Technologien mutieren ohne engere Abstimmung miteinander vor sich hin, es gibt keine irgendwie gearteten „offiziellen“ Tools, keine zentrale Dokumentation und so weiter. Auf der Suche nach des Pudels Kern haben wir dann einfach die Aufnahme mitlaufen lassen und erklären das Ergebnis unserer Diskussion zur Revision 59.

    Schaunotizen
    [00:02:40] Mozilla Developer Network
    MDN ist das, was einer umfassenden Dokumentation von Webtechnologie noch am nächsten kommt.
    [00:04:30] Writing forward-compatible websites
    Brendan Eich erklärt, wie man Webseiten baut, die auch in 10 Jahren noch funktionieren.
    [01:02:30] & [01:06:55] Code Kit und Live Reload
    Zwei Tools, die beim Umgang mit Präprozessoren nicht verzichtbar sind (behauptet jedenfalls die Mac-Fraktion)
    [01:04:25] Git Tower
    Ohne Git Tower würde Hans Git als Zumutung empfinden.
    Sublime Text 2
    Der aktuell trendigste Texteditor für Webentwickler.
    Gesammelte Erkenntnisse und Thesen
    • Um über Webtechnologie informiert zu sein, muss man sich in den Informationsfluss (Twitter, Blogs usw.) einklinken und drinbleiben.
    • Kleine, spezialisierte Tools helfen dabei, viele verschiedene (und sich ständig ändernde) Probleme zu jonglieren.
    • Eine offene Community mit geringen Einstiegshürden trägt viele Informationen nach außen und produziert das Wissen, das anderswo offizielle Dokumentationen bereitstellen.
    • Man muss jederzeit flexibel sein, Neues lernen und Altes vergessen.
    • Das latente Design-Fanboytum der Webentwickler rührt daher, dass sie so oft Tools wechseln. Wir haben keine Zeit für schlechte Software!

      • Haben wir Recht? Haben wir etwas vergessen? Haben wir Blödsinn erzählt? Sagt es uns in den Kommentaren!

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

      1 hr 16 min
    • Revision 59: Wie ticken Webentwickler?
      Aus akutem Mangel an aktuellen Themen haben Hans, Kahlil und Peter spontan eine Sondersendung eingeschoben. Da letzterer demnächst HTML5 an Entwickler vermitteln soll, die bisher keine Erfahrung mit Web-Frontendentwicklung haben, stellte sich die Frage, wie Webentwickler überhaupt mit der Realität im WWW klarkommen. Anders als „normale“ Programmierer kennt der Web-Nerd keine festen Zielplattformen, die einzelnen Technologien mutieren ohne engere Abstimmung miteinander vor sich hin, es gibt keine irgendwie gearteten „offiziellen“ Tools, keine zentrale Dokumentation und so weiter. Auf der Suche nach des Pudels Kern haben wir dann einfach die Aufnahme mitlaufen lassen und erklären das Ergebnis unserer Diskussion zur Revision 59.
      Schaunotizen
      [00:02:40] Mozilla Developer Network
      MDN ist das, was einer umfassenden Dokumentation von Webtechnologie noch am nächsten kommt.
      [00:04:30] Writing forward-compatible websites
      Brendan Eich erklärt, wie man Webseiten baut, die auch in 10 Jahren noch funktionieren.
      [01:02:30] & [01:06:55] Code Kit und Live Reload
      Zwei Tools, die beim Umgang mit Präprozessoren nicht verzichtbar sind (behauptet jedenfalls die Mac-Fraktion)
      [01:04:25] Git Tower
      Ohne Git Tower würde Hans Git als Zumutung empfinden.
      Sublime Text 2
      Der aktuell trendigste Texteditor für Webentwickler.
      Gesammelte Erkenntnisse und Thesen
      Um über Webtechnologie informiert zu sein, muss man sich in den Informationsfluss (Twitter, Blogs usw.) einklinken und drinbleiben.
      Kleine, spezialisierte Tools helfen dabei, viele verschiedene (und sich ständig ändernde) Probleme zu jonglieren.
      Eine offene Community mit geringen Einstiegshürden trägt viele Informationen nach außen und produziert das Wissen, das anderswo offizielle Dokumentationen bereitstellen.
      Man muss jederzeit flexibel sein, Neues lernen und Altes vergessen.
      Das latente Design-Fanboytum der Webentwickler rührt daher, dass sie so oft Tools wechseln. Wir haben keine Zeit für schlechte Software!
      Haben wir Recht? Haben wir etwas vergessen? Haben wir Blödsinn erzählt? Sagt es uns in den Kommentaren!
      1 hr 16 min
    • Revision 58: -webkit-CSS3, -webkit-SEO und -webkit-MMT
      Schaunotizen
      [00:00:22] Vendor-Prefix-Gate
      Mozilla, Microsoft und Opera wollen CSS-Features mit Webkits Vendor-Prefix implementieren? Was hat die denn geritten und vor allem: wer ist Schuld an der Misere? Wir sondern unsere Meinungen ab und sprechen außerdem über:

      • PPKs Meinung zu dem Thema
      • Alternativen zum vendor-Prefix-Modell
      • Chris Heilmanns Lösugsansatz
        • [00:28:30] Musings on Preprocessing
        Letzte Woche war die Woche, in der mehrere beleibte Männer das Licht der CSS-Präprozessoren gesehen haben. Wir nehmen die Erleuchtung von Chris Coyier zum Anlass, selbst das Thema einmal breit zu treten und unsere beliebtesten Präprozessoren nebst zugehörigen Tools zu lobpreisen. Zur Sprache kommen:

        • Sass und Compass (Präprozessor plus Framework)
        • Less (Präprozessor)
        • Stylus (Präprozessor)
        • CodeKit, ein GUI für Präprozessoren aller Art
        • Peters Stylus-Server der Marke Eigenbau
          • [00:51:42] Neue CSS3-Drafts und neue Möglichkeiten
          Wir besprechen den aktuellen Vorschlag für CSS-Variablen, native verschachtelte Selektoren, neue Positionierungs-Möglichkeiten und obskure Winkelmaße aus dem Bergbau. Außerdem empfiehlt Paul Irish, nur noch mit dem Border-Box-Modell zu arbeiten – ein Vorschlag, dem wir uns rundheraus anschließen (Erklärungen hier und hier, Polyfill hier).
          [01:05:05] SEO Ranking Faktoren für Deutschland 2012
          Zeigt den Artikel euren Chefs, damit die Suchmaschinen-Kaputtoptimierer ihre fettigen Griffel von unserem HTML lassen und sich darauf konzentrieren, bei Twitter rumzuspammen. Denn, man glaubt es kaum, letzteres ist sehr viel erfolgversprechender!
          [01:09:47] Mozilla arbeitet an Push-Nachrichten
          Mittels Push-Nachricht können euch Webseiten Meldungen schicken, selbst wenn ihr sie gerade nicht offen habt. So ist jedenfalls die Theorie. Wir sagen: her damit!
          [01:14:22] Remote Tilt
          Ein sehr cooler Service, der die Events Device Orientation– und Device Motion-APIs simuliert. So kann man Mobil-Apps, die die die Lagesensoren der Handys und Tablets verwenden, beqeum am Desktop-Rechner entwickeln.
          [01:20:17] Multimediatreff 29
          Wir schieben ein wenig dreiste Propaganda für den 29. Multimediatreff, einer Konferenz rund um Webfoo für kleines Geld. Besonders möchten wir auf die dieses Jahr neu eingeführten Workshops verweisen, in denen man sich von absoluten Fach-Nerds mit frischem Wissen ausstatten lassen kann.
          [01:24:12] Keine Schaunotizen
          ShareJS
          Etherpad (und mehr) in JS/Node.
          CSS3 Test
          Was kann dein Browser?
          Warum man das Placeholder-Attribut nicht als Ersatz für Labels nehmen sollte
          Es soll ja Leute geben, die das machen.
          Addy Osmanis Talk über skalierbares JavaScript
          Auch für Nicht-Vollnerds verständlich und wertvoll.
          JavaScript Jabber
          Neuer JS-Podcast
          Music for programming
          Speziell für Programmierer zusammengestellte Mixes. Und wenn Kahlil sagt, dass das guter Stoff ist, dann ist das auch guter Stoff.
          http://designpepper.com/podcasts-for-hackers
          Ganz viele Podcasts für Programmierer.
          Better JS with CoffeeScript
          Warum CoffeeScript das Haus rockt.

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

          1 hr 32 min
        • Revision 58: -webkit-CSS3, -webkit-SEO und -webkit-MMT
          Schaunotizen
          [00:00:22] Vendor-Prefix-Gate
          Mozilla, Microsoft und Opera wollen CSS-Features mit Webkits Vendor-Prefix implementieren? Was hat die denn geritten und vor allem: wer ist Schuld an der Misere? Wir sondern unsere Meinungen ab und sprechen außerdem über:
          PPKs Meinung zu dem Thema
          Alternativen zum vendor-Prefix-Modell
          Chris Heilmanns Lösugsansatz
          [00:28:30] Musings on Preprocessing
          Letzte Woche war die Woche, in der mehrere beleibte Männer das Licht der CSS-Präprozessoren gesehen haben. Wir nehmen die Erleuchtung von Chris Coyier zum Anlass, selbst das Thema einmal breit zu treten und unsere beliebtesten Präprozessoren nebst zugehörigen Tools zu lobpreisen. Zur Sprache kommen:
          Sass und Compass (Präprozessor plus Framework)
          Less (Präprozessor)
          Stylus (Präprozessor)
          CodeKit, ein GUI für Präprozessoren aller Art
          Peters Stylus-Server der Marke Eigenbau
          [00:51:42] Neue CSS3-Drafts und neue Möglichkeiten
          Wir besprechen den aktuellen Vorschlag für CSS-Variablen, native verschachtelte Selektoren, neue Positionierungs-Möglichkeiten und obskure Winkelmaße aus dem Bergbau. Außerdem empfiehlt Paul Irish, nur noch mit dem Border-Box-Modell zu arbeiten – ein Vorschlag, dem wir uns rundheraus anschließen (Erklärungen hier und hier, Polyfill hier).
          [01:05:05] SEO Ranking Faktoren für Deutschland 2012
          Zeigt den Artikel euren Chefs, damit die Suchmaschinen-Kaputtoptimierer ihre fettigen Griffel von unserem HTML lassen und sich darauf konzentrieren, bei Twitter rumzuspammen. Denn, man glaubt es kaum, letzteres ist sehr viel erfolgversprechender!
          [01:09:47] Mozilla arbeitet an Push-Nachrichten
          Mittels Push-Nachricht können euch Webseiten Meldungen schicken, selbst wenn ihr sie gerade nicht offen habt. So ist jedenfalls die Theorie. Wir sagen: her damit!
          [01:14:22] Remote Tilt
          Ein sehr cooler Service, der die Events Device Orientation– und Device Motion-APIs simuliert. So kann man Mobil-Apps, die die die Lagesensoren der Handys und Tablets verwenden, beqeum am Desktop-Rechner entwickeln.
          [01:20:17] Multimediatreff 29
          Wir schieben ein wenig dreiste Propaganda für den 29. Multimediatreff, einer Konferenz rund um Webfoo für kleines Geld. Besonders möchten wir auf die dieses Jahr neu eingeführten Workshops verweisen, in denen man sich von absoluten Fach-Nerds mit frischem Wissen ausstatten lassen kann.
          [01:24:12] Keine Schaunotizen
          ShareJS
          Etherpad (und mehr) in JS/Node.
          CSS3 Test
          Was kann dein Browser?
          Warum man das Placeholder-Attribut nicht als Ersatz für Labels nehmen sollte
          Es soll ja Leute geben, die das machen.
          Addy Osmanis Talk über skalierbares JavaScript
          Auch für Nicht-Vollnerds verständlich und wertvoll.
          JavaScript Jabber
          Neuer JS-Podcast
          Music for programming
          Speziell für Programmierer zusammengestellte Mixes. Und wenn Kahlil sagt, dass das guter Stoff ist, dann ist das auch guter Stoff.
          http://designpepper.com/podcasts-for-hackers
          Ganz viele Podcasts für Programmierer.
          Better JS with CoffeeScript
          Warum CoffeeScript das Haus rockt.
          1 hr 32 min
        • Revision 57: IDBExplorer, Gradient Syntax & Wrap.js

          Da eine leere Themenliste mit vollen Todo-Listen der gesamten Teams korrelierte, ließen Schepp, Hans, Kahlil und Peter eine Woche ausfallen, nur dann umso nerdiger zuzuschlagen.

          Schaunotizen
          [00:00:16] IE10 Compat Inspector
          Falls ihr Sorge hat, dass eure IE9-optimierte Webseite nicht im IE10 funktionieren könnte, hilft euch dieses Migrations-Tool. Jup, das ist genau so nötig wie ihr euch jetzt gerade denkt.
          [00:05:50] IDBExplorer
          Ein paar Microsoft-Programmierer haben das UI-Design-Team deportiert und dann heimlich ein Interface für Indexed Database gebaut. Das sieht zwar selbst nach den Maßstäben eines DB-Interfaces grauslig aus, aber wir unterstellen mal, dass es funktioniert und honorieren den guten Willen. Wer IndexedDB tatsächlich benutzen möchte, dem sei der IDBWrapper zwecks Browservereinheitlichung empfohlen.
          [00:10:55] Pik6
          Ein weiteres HTML5-Präsentationsframework. Gähn! Allerdings hat dieses Exemplar zwei Vorteile: es stammt aus der Feder von Peter und als ob das noch nicht überzeugend genug wäre, bietet es obendrein noch einen Presenter Mode!
          [00:17:07] Wieder eine neue Gradient-Syntax! WTF?
          Nachdem ich sich alle Browser auf eine einheitliche Syntax für CSS3-Farbverläufe geeinigt haben kommt nun das W3C daher und spezifiziert nochmal Neuerungen. Die finden wir zwar im Prinzip gut, aber ganz ehrlich… muss das sein?
          [00:29:20] Jekyll Bootstrap
          Wem WordPress nicht nerdig genug ist, der bloggt mit Jekyll, das aus einfachem Text mundgerechtes HTML produziert. Jekyll Bootstrap ist ein Framework, das den Weg zum nerdigen Blog etwas ebnet, Motto: Zero to Hosted Jekyll Blog in 3 Minutes. Wer sein CMS zwar auch gerne klein, aber nicht so nerdig haben mag, dem empfehlen wir Kirby.
          [00:42:53] Wrap.js
          Ein Wrapper, der herkömmlichen JS-Code im Autopiloten-Modus in AMD-Module verwandelt. Nützlich für Dependency Management.
          [00:46:45] Keine Schaunotizen
          PolyClip
          Alphakanäle für JPGs? Kein Problem mit polyclip.js und etwas HTML5-Magie.
          Hogan.js
          Eine JavaScript-Templatingengine aus dem Hause Twitter, die durch ihre Geschwindigkeit überzeugt.

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

          51 min
        • Revision 57: IDBExplorer, Gradient Syntax & Wrap.js
          Da eine leere Themenliste mit vollen Todo-Listen der gesamten Teams korrelierte, ließen Schepp, Hans, Kahlil und Peter eine Woche ausfallen, nur dann umso nerdiger zuzuschlagen.
          Schaunotizen
          [00:00:16] IE10 Compat Inspector
          Falls ihr Sorge hat, dass eure IE9-optimierte Webseite nicht im IE10 funktionieren könnte, hilft euch dieses Migrations-Tool. Jup, das ist genau so nötig wie ihr euch jetzt gerade denkt.
          [00:05:50] IDBExplorer
          Ein paar Microsoft-Programmierer haben das UI-Design-Team deportiert und dann heimlich ein Interface für Indexed Database gebaut. Das sieht zwar selbst nach den Maßstäben eines DB-Interfaces grauslig aus, aber wir unterstellen mal, dass es funktioniert und honorieren den guten Willen. Wer IndexedDB tatsächlich benutzen möchte, dem sei der IDBWrapper zwecks Browservereinheitlichung empfohlen.
          [00:10:55] Pik6
          Ein weiteres HTML5-Präsentationsframework. Gähn! Allerdings hat dieses Exemplar zwei Vorteile: es stammt aus der Feder von Peter und als ob das noch nicht überzeugend genug wäre, bietet es obendrein noch einen Presenter Mode!
          [00:17:07] Wieder eine neue Gradient-Syntax! WTF?
          Nachdem ich sich alle Browser auf eine einheitliche Syntax für CSS3-Farbverläufe geeinigt haben kommt nun das W3C daher und spezifiziert nochmal Neuerungen. Die finden wir zwar im Prinzip gut, aber ganz ehrlich… muss das sein?
          [00:29:20] Jekyll Bootstrap
          Wem WordPress nicht nerdig genug ist, der bloggt mit Jekyll, das aus einfachem Text mundgerechtes HTML produziert. Jekyll Bootstrap ist ein Framework, das den Weg zum nerdigen Blog etwas ebnet, Motto: Zero to Hosted Jekyll Blog in 3 Minutes. Wer sein CMS zwar auch gerne klein, aber nicht so nerdig haben mag, dem empfehlen wir Kirby.
          [00:42:53] Wrap.js
          Ein Wrapper, der herkömmlichen JS-Code im Autopiloten-Modus in AMD-Module verwandelt. Nützlich für Dependency Management.
          [00:46:45] Keine Schaunotizen
          PolyClip
          Alphakanäle für JPGs? Kein Problem mit polyclip.js und etwas HTML5-Magie.
          Hogan.js
          Eine JavaScript-Templatingengine aus dem Hause Twitter, die durch ihre Geschwindigkeit überzeugt.
          51 min
        • Revision 56: Font.js, CSS3 UI & Wunderkit

          Peter und Schepp luden sich den Marc ein, und zu dritt sprachen man über…

          Schaunotizen
          [00:00:15] Google Web Fonts Families
          Eine praktische Gesamtübersicht aller Schnitte aller Google Webfonts
          [00:10:00] Font.js: A Powerful Font Toolkit for JavaScript
          Font.js rüstet eingebettete Schriften mit Load-Events nach.
          [00:22:00] CSS Basic User Interface Module Level 3 (CSS3 UI)
          Wir entdeckten etwas Praktisches in diesem Working Draft, das Opera schon seit Version 9.5 implementiert, und das speziell auf Fernsehern hilfreich ist: die Keyboard Control Eigenschaften.
          [00:29:27] WebRTC
          WebRTC ist ein größeres API-Baustein-Paket, mit dem sich alle Aufgaben von Echtzeitkommunikation (Telefonie und Videotelefonie) im Browser abwickeln lassen. Erfunden hat’s Google, aber mit an Board sind auch Opera und Mozilla. Außerdem sprachen wir den auf WebRTC und Flash basierenden getUserMedia-Polyfill von Addy Osmani an.
          [00:39:05] Wunderkit
          Wunderkit will ein Projektmanagment- und Organisationswerkzeug sein. Im Vorfeld wurde eine hohe Erwartungshaltung erzeugt, so dass mit der nun startenden Beta ein regelrechter Hype darum entbrannt ist. Wir klären, ob das gerechtfertigt ist oder nicht.
          [00:53:48] Trello
          Von Wunderkit kamen wir zu Trello. Trello ist eine Art digitales Karteikartensystem und wir nutzen es seit kurzem, um unsere Sendungsthemen zu sammeln, zu sieben und zu sortieren.
          [00:57:30] Keine Schaunotizen
          Gridpak
          Ein responsive Grid Generator.
          YAML 4 ist da!
          Ein neues Major Release von YAML ist raus. YAML ist ein Layoutframework, das ausnahmsweise mal nicht gridbasiert ist, das aber trotzdem alles kann, und das auch noch in allen Browsern bis hinunter zum IE7er. Was ist in Version 4 neu? Responsiveness und CSS-Klassen-Namespacing. Parallel zu uns hat sich die Technikwürze mit dem Macher Dirk Jesse und weiteren Gästen über YAML 4 unterhalten.
          Kirby
          Ein datenbankfreies und damit rein dateisystembasiertes Content Management System. Für wenn was mal schnell und unkompliziert gehen soll (und das tut es!). Mehr Infos gibt es auch wieder drüben in der Technikwürze, und zwar in der Folge „Kirby total“.
          The Edge of HTML5
          Alles, was gerade im HTML5-Kosmos geil und heiss ist in einer Präsentation versammelt. Schön, dass wir das meiste schon in der Sendung hatten! :)
          ES6 Harmony Collections Fast Polyfill
          Eine JavaScript-Bibliothek von Andrea Giammarchi aus Berlin, die die neuen Funktionen von ECMAScript 6 Harmony in jedem Browser emuliert.
          Animation Compass Plugin
          Dieses Plugin rüstet in COMPASS die bislang fehlenden CSS3 Animationen nach.
          HTML5 Please
          Verzeichnis aller HTML5 und CSS3 Bestandteile, mit Filter- und Suchfunktionen und Hinweisen zum aktuellen Stand der Benutzbarkeit.

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

          1 hr 4 min
        • Revision 56: Font.js, CSS3 UI & Wunderkit
          Peter und Schepp luden sich den Marc ein, und zu dritt sprachen man über…
          Schaunotizen
          [00:00:15] Google Web Fonts Families
          Eine praktische Gesamtübersicht aller Schnitte aller Google Webfonts
          [00:10:00] Font.js: A Powerful Font Toolkit for JavaScript
          Font.js rüstet eingebettete Schriften mit Load-Events nach.
          [00:22:00] CSS Basic User Interface Module Level 3 (CSS3 UI)
          Wir entdeckten etwas Praktisches in diesem Working Draft, das Opera schon seit Version 9.5 implementiert, und das speziell auf Fernsehern hilfreich ist: die Keyboard Control Eigenschaften.
          [00:29:27] WebRTC
          WebRTC ist ein größeres API-Baustein-Paket, mit dem sich alle Aufgaben von Echtzeitkommunikation (Telefonie und Videotelefonie) im Browser abwickeln lassen. Erfunden hat’s Google, aber mit an Board sind auch Opera und Mozilla. Außerdem sprachen wir den auf WebRTC und Flash basierenden getUserMedia-Polyfill von Addy Osmani an.
          [00:39:05] Wunderkit
          Wunderkit will ein Projektmanagment- und Organisationswerkzeug sein. Im Vorfeld wurde eine hohe Erwartungshaltung erzeugt, so dass mit der nun startenden Beta ein regelrechter Hype darum entbrannt ist. Wir klären, ob das gerechtfertigt ist oder nicht.
          [00:53:48] Trello
          Von Wunderkit kamen wir zu Trello. Trello ist eine Art digitales Karteikartensystem und wir nutzen es seit kurzem, um unsere Sendungsthemen zu sammeln, zu sieben und zu sortieren.
          [00:57:30] Keine Schaunotizen
          Gridpak
          Ein responsive Grid Generator.
          YAML 4 ist da!
          Ein neues Major Release von YAML ist raus. YAML ist ein Layoutframework, das ausnahmsweise mal nicht gridbasiert ist, das aber trotzdem alles kann, und das auch noch in allen Browsern bis hinunter zum IE7er. Was ist in Version 4 neu? Responsiveness und CSS-Klassen-Namespacing. Parallel zu uns hat sich die Technikwürze mit dem Macher Dirk Jesse und weiteren Gästen über YAML 4 unterhalten.
          Kirby
          Ein datenbankfreies und damit rein dateisystembasiertes Content Management System. Für wenn was mal schnell und unkompliziert gehen soll (und das tut es!). Mehr Infos gibt es auch wieder drüben in der Technikwürze, und zwar in der Folge „Kirby total“.
          The Edge of HTML5
          Alles, was gerade im HTML5-Kosmos geil und heiss ist in einer Präsentation versammelt. Schön, dass wir das meiste schon in der Sendung hatten! :)
          ES6 Harmony Collections Fast Polyfill
          Eine JavaScript-Bibliothek von Andrea Giammarchi aus Berlin, die die neuen Funktionen von ECMAScript 6 Harmony in jedem Browser emuliert.
          Animation Compass Plugin
          Dieses Plugin rüstet in COMPASS die bislang fehlenden CSS3 Animationen nach.
          HTML5 Please
          Verzeichnis aller HTML5 und CSS3 Bestandteile, mit Filter- und Suchfunktionen und Hinweisen zum aktuellen Stand der Benutzbarkeit.
          1 hr 4 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