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 271: HTTP/2 Server Push und Link Rot

    Schepp, Hans und Stefan nutzen die steigenden Temperaturen um Unklarheiten aus dem Weg zu räumen.

    Schaunotizen
    [00:00:19] HTTP/2 Server Push
    Ein Artikel von Google’s Tool Advokaten erklärt nicht nur, wie man HTTP/2 Server Push in den DevTools vom Chrome erkennt,
    sondern wie das Gerüst sich unter der Haube verhält. Eine Unstimmigkeit nehmen wir zum Anstoß um über das grundlegende Prinzip von Server Push zu reden, diverse Anwendungsfälle zu finden und Licht ins Dunkel zu bringen. Dazu passend sind weitere Literatur von Simone Bordet auf Stackoverflow und ein passendes Video von selbigem. Wer HTTP/2 Server Push jetzt schon einsetzen möchte, kann das zum Beispiel schon über CloudFlare tun.
    [00:22:17] AMP supercharges Link Rot
    Kollege Anselm macht sich über langlebige URLs Gedanken und wir stimmen ein. Nothing lasts forever, und AMP ist anscheinend jetzt schon dem Linkverfall verschrieben. Leider ist das bei vielen Ressourcen so. Abhilfe schaffen SEO-Abmahnungen und Archive.org. Ein Projekt, dass man unterstützen soll.
    [00:34:25] Keine Schaunotizen
    WDRL.info
    Auch ein Projekt, dass man unterstützen soll ist Anselms Web Development Reading List. Mehr Newsletter braucht man nicht.
    Comprehensive Webfonts
    Webfont Ladestrategien. Alle. Mit Vorteilen. Und Nachteilen.
    Speeding up Babel transpilation with compact mode
    Babel ist 5x schneller wenn man die Leerzeichen per default weglässt.
    Building and maintaining atomic design systems with Pattern Lab
    Pattern Lab 2 ist draussen und großartig! Node.js Implementierung, flexible Templating-Sprachen. Kein vordefiniertes Atomic Design. Bravo!
    Can’t you make it more like Bootstrap
    Musstet ihr schon mal Designsysteme unter Entwickler bringen? Alice Bartlett schon. Und nicht nur für eine Handvoll Webseiten, sondern für 177 verschiedene Webauftritte der Financial Times. Ein Erfahrungsbericht.

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

    40 min
  • Revision 270: Debugging und Links

    Diesmal reichte die Themenliste nur für eine Kurzrevision mit Schepp, Peter und Stefan. Dazu kommen die üblichen drei Links.

    Schaunotizen
    [00:00:12] Debugger vs. console.log() epic throwdown challenge
    Angeregt von einem „Debugger? Brauche ich nicht!“-Artikel debattieren wir die Vor- und Nachteile von Debuggern und console.log() – denn tatsächlich nutzen viele auch namhafte Entwickler keinen Debugger (Peter erwähnt hier das Buch Coders at Work). Mit leichter Chrome-Schlagseite berichten wir von unseren Erfahrungen mit dem debugger-Statement, Source Maps, Console-Methoden jenseits von log() (Chrome, Firefox), Blackboxing (Chrome, Firefox), Node-Debugging mit Chrome und mit Visual Studio Code
    sowie divserse anderen Debugging-Techniken – bis hin zum etwas exotischen Web Audio Editor in Firefox.
    [00:28:40] Keine Schaunotizen
    Innovating with HTTP 2.0 Server Push
    Aktualisierter Artikel zu HTTP 2.0 Server Push.
    pedroborges/kirby-autogit
    Git für Kirby.
    Frontend Conference Zurich
    Konferenz mit 1A Lineup!

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

    32 min
  • Revision 271: HTTP/2 Server Push und Link Rot
    Schepp, Hans und Stefan nutzen die steigenden Temperaturen um Unklarheiten aus dem Weg zu räumen.
    Schaunotizen
    [00:00:19] HTTP/2 Server Push
    Ein Artikel von Google’s Tool Advokaten erklärt nicht nur, wie man HTTP/2 Server Push in den DevTools vom Chrome erkennt,
    sondern wie das Gerüst sich unter der Haube verhält. Eine Unstimmigkeit nehmen wir zum Anstoß um über das grundlegende Prinzip von Server Push zu reden, diverse Anwendungsfälle zu finden und Licht ins Dunkel zu bringen. Dazu passend sind weitere Literatur von Simone Bordet auf Stackoverflow und ein passendes Video von selbigem. Wer HTTP/2 Server Push jetzt schon einsetzen möchte, kann das zum Beispiel schon über CloudFlare tun.
    [00:22:17] AMP supercharges Link Rot
    Kollege Anselm macht sich über langlebige URLs Gedanken und wir stimmen ein. Nothing lasts forever, und AMP ist anscheinend jetzt schon dem Linkverfall verschrieben. Leider ist das bei vielen Ressourcen so. Abhilfe schaffen SEO-Abmahnungen und Archive.org. Ein Projekt, dass man unterstützen soll.
    [00:34:25] Keine Schaunotizen
    WDRL.info
    Auch ein Projekt, dass man unterstützen soll ist Anselms Web Development Reading List. Mehr Newsletter braucht man nicht.
    Comprehensive Webfonts
    Webfont Ladestrategien. Alle. Mit Vorteilen. Und Nachteilen.
    Speeding up Babel transpilation with compact mode
    Babel ist 5x schneller wenn man die Leerzeichen per default weglässt.
    Building and maintaining atomic design systems with Pattern Lab
    Pattern Lab 2 ist draussen und großartig! Node.js Implementierung, flexible Templating-Sprachen. Kein vordefiniertes Atomic Design. Bravo!
    Can’t you make it more like Bootstrap
    Musstet ihr schon mal Designsysteme unter Entwickler bringen? Alice Bartlett schon. Und nicht nur für eine Handvoll Webseiten, sondern für 177 verschiedene Webauftritte der Financial Times. Ein Erfahrungsbericht.
    40 min
  • Revision 270: Debugging und Links
    Diesmal reichte die Themenliste nur für eine Kurzrevision mit Schepp, Peter und Stefan. Dazu kommen die üblichen drei Links.
    Schaunotizen
    [00:00:12] Debugger vs. console.log() epic throwdown challenge
    Angeregt von einem „Debugger? Brauche ich nicht!“-Artikel debattieren wir die Vor- und Nachteile von Debuggern und console.log() – denn tatsächlich nutzen viele auch namhafte Entwickler keinen Debugger (Peter erwähnt hier das Buch Coders at Work). Mit leichter Chrome-Schlagseite berichten wir von unseren Erfahrungen mit dem debugger-Statement, Source Maps, Console-Methoden jenseits von log() (Chrome, Firefox), Blackboxing (Chrome, Firefox), Node-Debugging mit Chrome und mit Visual Studio Code
    sowie divserse anderen Debugging-Techniken – bis hin zum etwas exotischen Web Audio Editor in Firefox.
    [00:28:40] Keine Schaunotizen
    Innovating with HTTP 2.0 Server Push
    Aktualisierter Artikel zu HTTP 2.0 Server Push.
    pedroborges/kirby-autogit
    Git für Kirby.
    Frontend Conference Zurich
    Konferenz mit 1A Lineup!
    32 min
  • Revision 268: Konferenz- und Meetup-Organisation

    Die Working Draft Crew ist ja nicht nur fleissig am sprechen, sondern lädt auch gern mal Sprechende zu der einen oder anderen Veranstaltung ein. Hans, Schepp und Stefan plaudern über Organisation von Meetups und Konferenzen

    Schaunotizen
    [00:00:17] Titelthema
    Was euch nun erwartet ist eine knappe Stunde Plaudern aus dem Nähkästchen. Wir sprechen über Hosting, wechselnde Gastgeber, Sponsoring. Die Vorteile von Meetups, die Vorteile von Konferenzen. Und weil wir unsere Finger doch in einigen Projekten haben, gibt’s hier eine Auflistung ebenjener:

    Hans:

    • Nightly Build 2016

      • Schepp:

      • Webworker NRW Meetup
      • Multimediatreff – Der Multimediatreff kommt wieder! Vermutlich Ende November

        • Stefan:

        • Technologieplauscherl Meetup
        • Stahlstadt.js Meetup
        • Script’17 – JavaScript Event
          • [00:54:41] Keine Schaunotizen
          CSJS – ECMAScript 2016 Stylesheets
          Stefan hat ja sehr eindeutige Meinungen zu CSS in JS Methodologien. Diese hier findet er allerdings ganz sauber! Gilt das schon als Hölle zufrieren?
          Lightbike
          Performance Budgets und Webdriver. Fein.

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

          58 min
        • Revision 268: Konferenz- und Meetup-Organisation
          Die Working Draft Crew ist ja nicht nur fleissig am sprechen, sondern lädt auch gern mal Sprechende zu der einen oder anderen Veranstaltung ein. Hans, Schepp und Stefan plaudern über Organisation von Meetups und Konferenzen
          Schaunotizen
          [00:00:17] Titelthema
          Was euch nun erwartet ist eine knappe Stunde Plaudern aus dem Nähkästchen. Wir sprechen über Hosting, wechselnde Gastgeber, Sponsoring. Die Vorteile von Meetups, die Vorteile von Konferenzen. Und weil wir unsere Finger doch in einigen Projekten haben, gibt’s hier eine Auflistung ebenjener:
          Hans:
          Nightly Build 2016
          Schepp:
          Webworker NRW Meetup
          Multimediatreff – Der Multimediatreff kommt wieder! Vermutlich Ende November
          Stefan:
          Technologieplauscherl Meetup
          Stahlstadt.js Meetup
          Script’17 – JavaScript Event
          [00:54:41] Keine Schaunotizen
          CSJS – ECMAScript 2016 Stylesheets
          Stefan hat ja sehr eindeutige Meinungen zu CSS in JS Methodologien. Diese hier findet er allerdings ganz sauber! Gilt das schon als Hölle zufrieren?
          Lightbike
          Performance Budgets und Webdriver. Fein.
          58 min
        • Revision 267: News und Glücksrad

          Aus akuter Themen-Ermangelung drehen Anselm und Stefan wieder mal am Rad. Erstaunlicherweise gibt’s zum ganz einfachen Elementen wieder außerordentlich viel zu lernen.

          [00:00:23] News
          jQuery 3 ist raus!
          jQuery 3 wurde released und bietet allerlei Neuerungen. Alte Browser müssen nun dazu geschaltet werden, alle asynchronen Calls sind Promise-kompatibel, usw. Mehr dazu in dem Blog Beitrag.
          Nginx on HTTP/2 on Google Chrome bug
          Nginx ist toll, HTTP/2 ist toll, Chrome ist toll, Ubuntu auch toll. In der Mischung: Oft nicht verwendbar. Ein ganz prekärer Bug hat sich eingeschlichen, der Google Chrome User unter falschen Voraussetzungen nicht das schöne neue HTTP/2 konsumieren lässt. Dieser Artikel zeigt die Abhilfe.
          [00:04:01] Glücksrad
          Das img-Element
          Das img Element ist ja allseits bekannt, hat aber doch ein paar Besonderheiten, die es zu klären gibt. Wir reden über Image maps und das crossorigin Attribut, und lassen alt gediente Input Elemente wieder aufleben.
          Sections and headings
          Schönes neues HTML. HTML5 kam, versprach gute Strukturen, und weder Screenreader noch Browser nahmen das ganze an. Entwickler hingegen, die ein wenig Gespür für Semantik haben, sahen darin riesige Vorteile. Wir resümieren.
          Das wbr Element
          Wieviele Möglichkeiten gibt es eigentlich, dem Browser zu sagen wann er abtrennen soll. Oder wie er abtrennen soll. Oder wenn er’s bleiben lassen soll. Und warum sind denn alle unterschiedlich? Mal ein Element, mal eine Entity. Im CSS kriegt man’s sowieso nicht sauber hin. Wo bitte ist die all-in-one Lösung.
          [00:35:47] Keine Schaunotizen
          ECMAScript 2016 Standard
          Die siebte Fassung von ECMAScript — die 2016er Edition — ist fertig. Hier kann man den gesamten Standard nachlesen. Wenn man denn will.
          Promises — all the wrong ways
          Getify beschwert sich über falsche Anwendung von Promises. Fairerweise gibt er auch gleich Lösungsvorschläge mit.
          Form validation techniques
          So viele Infos zu korrekter Formularvalidierung. Wo hören die Browser-Funktionalitäten auf, wo muss man selbst ran.
          JSConf Budapest
          Viele, viele schöne Videos von der JSConf in Budapest.

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

          40 min
        • Revision 267: News und Glücksrad
          Aus akuter Themen-Ermangelung drehen Anselm und Stefan wieder mal am Rad. Erstaunlicherweise gibt’s zum ganz einfachen Elementen wieder außerordentlich viel zu lernen.
          [00:00:23] News
          jQuery 3 ist raus!
          jQuery 3 wurde released und bietet allerlei Neuerungen. Alte Browser müssen nun dazu geschaltet werden, alle asynchronen Calls sind Promise-kompatibel, usw. Mehr dazu in dem Blog Beitrag.
          Nginx on HTTP/2 on Google Chrome bug
          Nginx ist toll, HTTP/2 ist toll, Chrome ist toll, Ubuntu auch toll. In der Mischung: Oft nicht verwendbar. Ein ganz prekärer Bug hat sich eingeschlichen, der Google Chrome User unter falschen Voraussetzungen nicht das schöne neue HTTP/2 konsumieren lässt. Dieser Artikel zeigt die Abhilfe.
          [00:04:01] Glücksrad
          Das img-Element
          Das img Element ist ja allseits bekannt, hat aber doch ein paar Besonderheiten, die es zu klären gibt. Wir reden über Image maps und das crossorigin Attribut, und lassen alt gediente Input Elemente wieder aufleben.
          Sections and headings
          Schönes neues HTML. HTML5 kam, versprach gute Strukturen, und weder Screenreader noch Browser nahmen das ganze an. Entwickler hingegen, die ein wenig Gespür für Semantik haben, sahen darin riesige Vorteile. Wir resümieren.
          Das wbr Element
          Wieviele Möglichkeiten gibt es eigentlich, dem Browser zu sagen wann er abtrennen soll. Oder wie er abtrennen soll. Oder wenn er’s bleiben lassen soll. Und warum sind denn alle unterschiedlich? Mal ein Element, mal eine Entity. Im CSS kriegt man’s sowieso nicht sauber hin. Wo bitte ist die all-in-one Lösung.
          [00:35:47] Keine Schaunotizen
          ECMAScript 2016 Standard
          Die siebte Fassung von ECMAScript — die 2016er Edition — ist fertig. Hier kann man den gesamten Standard nachlesen. Wenn man denn will.
          Promises — all the wrong ways
          Getify beschwert sich über falsche Anwendung von Promises. Fairerweise gibt er auch gleich Lösungsvorschläge mit.
          Form validation techniques
          So viele Infos zu korrekter Formularvalidierung. Wo hören die Browser-Funktionalitäten auf, wo muss man selbst ran.
          JSConf Budapest
          Viele, viele schöne Videos von der JSConf in Budapest.
          40 min
        • Revision 266: TypeScript

          Wir waren mal wieder reif für einen Gast und so luden wir diese Revision den Daniel Mies zu uns ein.

          Schaunotizen
          [00:01:02] TypeScript
          Wir wählten TypeScript als Hauptthema dieser Folge, weil Daniel in seinen JavaScript-basierten Projekten reichlich gute Erfahrung damit gemacht hat. TypeScript ist im Prinzip ein Superset von EcmaScript Next, also reinrassiges JavaScript mit ein paar wenigen, aber wichtigen Erweiterungen oben drauf. Diese Erweiterungen haben nur einen Zweck, nämlich die Entwicklung in der Sprache JavaScript robuster und angenehmer zu gestalten. Die Eckpfeiler dafür sind:

          • Typisierung von Variablen zur Absicherung gegen Typ-Fehler
          • Interfaces zur Typisierung ganzer Objektstrukturen
          • Decorators zur Anreicherung von Funktionen/Methoden um weitere Aufrufe

            • All diese Features ermöglichen es einer TypeScript-fähigen IDE schon zum Zeitpunkt der Codeerstellung Fehler zu erkennen, und sie ermöglichen auch bessere Code-Assistenz-Werkzeuge.

            Um Typisierung und Interfaces auch für externe JavaScript-Bibliotheken nutzen zu können, gibt es das Typings-Projekt, eine Sammlung von Typ- und Interface-Definitionen für all die populären Libraries.

            Wer jetzt Blut geleckt hat: Die TypeScript-Doku ist laut Daniel sehr gut. Darüberhinaus hat Damiel selbst eine kleine Einführung geschrieben. Zu guter Letzt gibt dann noch das exzellente TypeScript Book, das Pattern und Best-Practices dokumentiert.

            [00:35:38] State of the gap
            Abschließend beschäftigten wir noch mit der Frage, ob Adobe Cordova / PhoneGap in Zeiten moderner Browser überhaupt noch benötigt wird. Wir denken schon, auch wenn diese Bedarfsmomente eher selten sind.
            [00:56:18] Keine Schaunotizen
            CSS Line Spacing Exposed
            Hier taucht der Autor tief in die Layout-Mechaniken von CSS Zeilendurchschüssen ein.
            Jugend hackt – Mit Code die Welt verbessern
            „Jugend hackt“ ist eine Veranstaltungsreihe, die bundesweit stattfindet, sowie in der Schweiz, und die junge Leute an das Thema „Programmieren“ heranführen soll. Dafür werden kontinuierlich erfahrene Mentoren gesucht, die den Neulingen helfend zur Seite stehen. Vielleicht wäre das ja auch mal was für Euch?

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

            1 hr 1 min
          • Revision 266: TypeScript
            Wir waren mal wieder reif für einen Gast und so luden wir diese Revision den Daniel Mies zu uns ein.
            Schaunotizen
            [00:01:02] TypeScript
            Wir wählten TypeScript als Hauptthema dieser Folge, weil Daniel in seinen JavaScript-basierten Projekten reichlich gute Erfahrung damit gemacht hat. TypeScript ist im Prinzip ein Superset von EcmaScript Next, also reinrassiges JavaScript mit ein paar wenigen, aber wichtigen Erweiterungen oben drauf. Diese Erweiterungen haben nur einen Zweck, nämlich die Entwicklung in der Sprache JavaScript robuster und angenehmer zu gestalten. Die Eckpfeiler dafür sind:
            Typisierung von Variablen zur Absicherung gegen Typ-Fehler
            Interfaces zur Typisierung ganzer Objektstrukturen
            Decorators zur Anreicherung von Funktionen/Methoden um weitere Aufrufe
            All diese Features ermöglichen es einer TypeScript-fähigen IDE schon zum Zeitpunkt der Codeerstellung Fehler zu erkennen, und sie ermöglichen auch bessere Code-Assistenz-Werkzeuge.
            Um Typisierung und Interfaces auch für externe JavaScript-Bibliotheken nutzen zu können, gibt es das Typings-Projekt, eine Sammlung von Typ- und Interface-Definitionen für all die populären Libraries.
            Wer jetzt Blut geleckt hat: Die TypeScript-Doku ist laut Daniel sehr gut. Darüberhinaus hat Damiel selbst eine kleine Einführung geschrieben. Zu guter Letzt gibt dann noch das exzellente TypeScript Book, das Pattern und Best-Practices dokumentiert.
            [00:35:38] State of the gap
            Abschließend beschäftigten wir noch mit der Frage, ob Adobe Cordova / PhoneGap in Zeiten moderner Browser überhaupt noch benötigt wird. Wir denken schon, auch wenn diese Bedarfsmomente eher selten sind.
            [00:56:18] Keine Schaunotizen
            CSS Line Spacing Exposed
            Hier taucht der Autor tief in die Layout-Mechaniken von CSS Zeilendurchschüssen ein.
            Jugend hackt – Mit Code die Welt verbessern
            „Jugend hackt“ ist eine Veranstaltungsreihe, die bundesweit stattfindet, sowie in der Schweiz, und die junge Leute an das Thema „Programmieren“ heranführen soll. Dafür werden kontinuierlich erfahrene Mentoren gesucht, die den Neulingen helfend zur Seite stehen. Vielleicht wäre das ja auch mal was für Euch?
            1 hr 1 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