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 236: CSS Round Display Spec und Open Source Projekte

    Eine neue Folge des Working Drafts und wir sind mit geballter Manpower am Start.

    Keine News
    Schaunotizen
    [00:00:10] CSS Round Display Level 1
    Es gibt einen neuen Vorschlag im Media Query Umfeld: Abfragen für runde Displays. Die Spezifikation befasst sich mit abgerundeten Displays wie für Uhren, jedoch nicht für Achtecke o.Ä.
    Wir fragen uns, warum man sich nicht auch Gedanken über 3D-Wölbungen macht. Zum Beispiel für den Einsatz von 3D in CSS. Außerdem diskutieren wir den allgemeinen Ansatz dieser Spezifikation und vergleichen mit Media Queries Level 2 und dem Media Type „Handheld“.
    Unser Fazit: First Public Working Draft, Kaffeesatzleserei unsererseits.
    [00:15:59] Checklist for your new Open Source JavaScript Project
    Eric Douglas schlägt einen Checkliste für JavaScript Open Source Projekte vor.
    Peters Diffsync-JSON-File-Adapter dient uns als Minimal-Diskussionsstartpunkt ohne Tests etc.
    Nächste Stufe: Store von Hans mit Tests, Doku, Travis und Coverall (maximaler Gewinn mit minimalem Aufwand).
    Wir nehmen Bezug auf eine kürzlich erschienene Tool-Umfrage.
    Stefans Perspektive als Teilnehmer an OSS-Projekten: Tests sind das wichtigste.
    [00:43:47] Keine Schaunotizen
    iOS9 Viewport Change
    iOS9 Safari Mobile rendert Webseiten neuerdings anders, wenn man initial-scale=1 or width=device-width setzt. Dies bricht bestehende Websites. Vorsicht, bitte!
    The Best Regex Trick
    Der beste Regex Trick, wenn man einen bestimmten String sucht, jedoch nicht, wenn dieser von bestimmten Zeichen umgeben ist.

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

    46 min
  • Revision 236: CSS Round Display Spec und Open Source Projekte
    Eine neue Folge des Working Drafts und wir sind mit geballter Manpower am Start.
    Keine News
    Schaunotizen
    [00:00:10] CSS Round Display Level 1
    Es gibt einen neuen Vorschlag im Media Query Umfeld: Abfragen für runde Displays. Die Spezifikation befasst sich mit abgerundeten Displays wie für Uhren, jedoch nicht für Achtecke o.Ä.
    Wir fragen uns, warum man sich nicht auch Gedanken über 3D-Wölbungen macht. Zum Beispiel für den Einsatz von 3D in CSS. Außerdem diskutieren wir den allgemeinen Ansatz dieser Spezifikation und vergleichen mit Media Queries Level 2 und dem Media Type „Handheld“.
    Unser Fazit: First Public Working Draft, Kaffeesatzleserei unsererseits.
    [00:15:59] Checklist for your new Open Source JavaScript Project
    Eric Douglas schlägt einen Checkliste für JavaScript Open Source Projekte vor.
    Peters Diffsync-JSON-File-Adapter dient uns als Minimal-Diskussionsstartpunkt ohne Tests etc.
    Nächste Stufe: Store von Hans mit Tests, Doku, Travis und Coverall (maximaler Gewinn mit minimalem Aufwand).
    Wir nehmen Bezug auf eine kürzlich erschienene Tool-Umfrage.
    Stefans Perspektive als Teilnehmer an OSS-Projekten: Tests sind das wichtigste.
    [00:43:47] Keine Schaunotizen
    iOS9 Viewport Change
    iOS9 Safari Mobile rendert Webseiten neuerdings anders, wenn man initial-scale=1 or width=device-width setzt. Dies bricht bestehende Websites. Vorsicht, bitte!
    The Best Regex Trick
    Der beste Regex Trick, wenn man einen bestimmten String sucht, jedoch nicht, wenn dieser von bestimmten Zeichen umgeben ist.
    46 min
  • Revision 235: Houdini, Go Lang und Angular 2

    Es ergab sich, dass wir Philipp Tarasiewicz, AngularJS- und Go-Entwickler, erneut für die Sendung gewinnen konnten. Wir sprechen mit ihm über seine Kernkompetenzen.

    Schaunotizen
    [00:01:19] The Performance of Houdini Paint
    Es gibt einen neuen Player im Pool der Standardisierungen: Houdini, eine Art „Web Components für CSS“ zum Beschreiben von eigener Styling-Funktionalität. Beispielsweise könnte man etwas wie Schepps box-sizing Polyfill damit beschreiben. Wir sprechen über die Aufgaben einer API und diskutieren über bereits bestehende Funktionalitäten, wie beispielsweise Web Animations. Weitere Links:

    • HTML as Custom-Elements
      • [00:11:00] Go Lang
      Go ist eine von Google entworfene Low-Level Programmiersprache, die zumindest ursprünglich ziemlich systemnah arbeitet. Mittlerweile ist Go eine „General Purpose“ Sprache geworden, die wir in der Diskussion mit C++ und Rust vergleichen. Philipp erklärt uns das gute Ökosystem von Go. Weitere Links:

      • https://github.com/ubolonton/js-csp
      • Go für IOT
      • Zum Start: Go-Webseite reicht
        • [00:35:30] AngularJS 2.0
        Wie wir bereits schon öfter angesprochen haben, ist bei Angular zeitnah eine Überarbeitung fällig. Mit Angular 2 wird das Framework aufgeräumt und arbeitet unter der Haube mit Web Components bzw. Polymer. Wir sprechen über Isomorphe Ansätze und den Alpha-Status. Philipp empfiehlt neue Projekte nur mit Angular 2 anzufangen, wenn es sich um langfristige Projekte handelt. Angular 1.x Projekte sollte man dann aber so bauen, dass sie leicht nach Angular 2 zu konvertieren sind.
        [00:59:53] Keine Schaunotizen
        What forces layout / reflow
        Eine Liste an JavaScript-Eigenschaften, die einen Reflow im Browser triggern.

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

        1 hr 2 min
      • Revision 235: Houdini, Go Lang und Angular 2
        Es ergab sich, dass wir Philipp Tarasiewicz, AngularJS- und Go-Entwickler, erneut für die Sendung gewinnen konnten. Wir sprechen mit ihm über seine Kernkompetenzen.
        Schaunotizen
        [00:01:19] The Performance of Houdini Paint
        Es gibt einen neuen Player im Pool der Standardisierungen: Houdini, eine Art „Web Components für CSS“ zum Beschreiben von eigener Styling-Funktionalität. Beispielsweise könnte man etwas wie Schepps box-sizing Polyfill damit beschreiben. Wir sprechen über die Aufgaben einer API und diskutieren über bereits bestehende Funktionalitäten, wie beispielsweise Web Animations. Weitere Links:
        HTML as Custom-Elements
        [00:11:00] Go Lang
        Go ist eine von Google entworfene Low-Level Programmiersprache, die zumindest ursprünglich ziemlich systemnah arbeitet. Mittlerweile ist Go eine „General Purpose“ Sprache geworden, die wir in der Diskussion mit C++ und Rust vergleichen. Philipp erklärt uns das gute Ökosystem von Go. Weitere Links:
        https://github.com/ubolonton/js-csp
        Go für IOT
        Zum Start: Go-Webseite reicht
        [00:35:30] AngularJS 2.0
        Wie wir bereits schon öfter angesprochen haben, ist bei Angular zeitnah eine Überarbeitung fällig. Mit Angular 2 wird das Framework aufgeräumt und arbeitet unter der Haube mit Web Components bzw. Polymer. Wir sprechen über Isomorphe Ansätze und den Alpha-Status. Philipp empfiehlt neue Projekte nur mit Angular 2 anzufangen, wenn es sich um langfristige Projekte handelt. Angular 1.x Projekte sollte man dann aber so bauen, dass sie leicht nach Angular 2 zu konvertieren sind.
        [00:59:53] Keine Schaunotizen
        What forces layout / reflow
        Eine Liste an JavaScript-Eigenschaften, die einen Reflow im Browser triggern.
        1 hr 2 min
      • Revision 234: Probleme mit Feature-Detection und Vererbung in CSS

        Auch diese Sendung ist nur leicht besetzt: Anselm und Hans geben ihr bestes aus der aktuellen Themenlage die schönsten Themen zu besprechen.

        [00:00:13] News
        Node.js v4.0
        Node.js wurde in Version 4.0 veröffentlicht. Dies ist die erste Version, die vorne keine Null hat.
        Modernizr v3
        Lange hat es gedauert, aber nun ist es endlich so weit: Modernizr Version 3 mit vielen neuen Feature-Detects und einem neuen Builder ist da.
        Schaunotizen
        [00:02:24] The Problems with Feature Detection
        Die Veröffentlichung von Modernizr v3 nehmen wir zum Anlasse einmal genauer über Feature-Detection und die damit verbundenen Schwierigkeiten von „False-Positives“ und nicht zu erkennenden Features zu sprechen.
        [00:23:20] Back to the :roots
        Simurais Artikel „Back to the :roots“ zeigt auf, welche Möglichkeiten CSS von Haus aus mitbringt, um beispielsweise per inherit– oder currentColor-Eigenschaften durch Vererbung zum Theming nutzen kann. Wir diskutieren, wie sich diese Art der Vererbung in Projekten einsetzen lässt und wie unser Vorgehen in solchen Situationen ist.

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

        36 min
      • Revision 234: Probleme mit Feature-Detection und Vererbung in CSS
        Auch diese Sendung ist nur leicht besetzt: Anselm und Hans geben ihr bestes aus der aktuellen Themenlage die schönsten Themen zu besprechen.
        [00:00:13] News
        Node.js v4.0
        Node.js wurde in Version 4.0 veröffentlicht. Dies ist die erste Version, die vorne keine Null hat.
        Modernizr v3
        Lange hat es gedauert, aber nun ist es endlich so weit: Modernizr Version 3 mit vielen neuen Feature-Detects und einem neuen Builder ist da.
        Schaunotizen
        [00:02:24] The Problems with Feature Detection
        Die Veröffentlichung von Modernizr v3 nehmen wir zum Anlasse einmal genauer über Feature-Detection und die damit verbundenen Schwierigkeiten von „False-Positives“ und nicht zu erkennenden Features zu sprechen.
        [00:23:20] Back to the :roots
        Simurais Artikel „Back to the :roots“ zeigt auf, welche Möglichkeiten CSS von Haus aus mitbringt, um beispielsweise per inherit– oder currentColor-Eigenschaften durch Vererbung zum Theming nutzen kann. Wir diskutieren, wie sich diese Art der Vererbung in Projekten einsetzen lässt und wie unser Vorgehen in solchen Situationen ist.
        36 min
      • Revision 233: CSS Layout Techniken

        Dank Post-Nightlybuild-schem Glückssyndrom gehen wir in reduzierter Besetzung aus Anselm und Stefan in die Gefilde der modernen Layout-Techniken.

        [00:00:12] News
        Mobile Friendly Web Pages using App Banners
        Wer seinen Usern mit dreister, großflächiger App-Werbung die Tür zum Content vor der Nase zuschmeißt, wird ab 1. November von Google in den Such-Rankings bestraft. Gute Sache.
        Edge und Video
        Edge implementiert den WebM Container. Ein Schritt näher zu offenen, hochoptimierten Medienformaten. Der nächste Schritt: Die Allianz für offene Medien.
        Schaunotizen
        [00:01:47] CSS Grid / Flex Layout
        Rachel Andrew hat es sich zum Ziel gesetzt, das CSS Grid Layout Modul solange zu evangelisieren, bis Browser es auch unterstützen. Sie macht das nicht nur hochmotiviert, sondern auch sehr gut. Ihren jüngsten Artikel nehmen wir zum Anlass um über die neuen Layoutmöglichkeiten zu diskutieren. Grundkonsens: Die Spezifikationen sind umfangreich und wirken auf den ersten Blick höchst kompliziert. In der Anwendung sind sowohl Grid– als auch Flexbox höchst einfach. Etwas, auf das wir uns freuen können. Nebenbei erwähnen wir auch noch Vasilis‘ responsive Layout-Techniken, die Media-Query frei funktionieren und großartige Ergebnisse liefern.
        [00:35:07] Keine Schaunotizen
        Toxy
        Node Proxy, der suboptimale Bedingungen simuliert. Von Latenzzeiten bis zum Paketverlust ist alles drin.
        Reactive Programming mit ES6
        Buzzword oder tolle, neue Progammieridee? Der Artikel gibt Aufschluß.
        Front-End Tooling mit Gulp, Yeoman und Bower
        Stefan schreibt ein Buch über Front-End Automatisierung. Working Draft Hörer bekommen da mit dem Code fetoolpc eine Menge Rabatt

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

        39 min
      • Revision 233: CSS Layout Techniken
        Dank Post-Nightlybuild-schem Glückssyndrom gehen wir in reduzierter Besetzung aus Anselm und Stefan in die Gefilde der modernen Layout-Techniken.
        [00:00:12] News
        Mobile Friendly Web Pages using App Banners
        Wer seinen Usern mit dreister, großflächiger App-Werbung die Tür zum Content vor der Nase zuschmeißt, wird ab 1. November von Google in den Such-Rankings bestraft. Gute Sache.
        Edge und Video
        Edge implementiert den WebM Container. Ein Schritt näher zu offenen, hochoptimierten Medienformaten. Der nächste Schritt: Die Allianz für offene Medien.
        Schaunotizen
        [00:01:47] CSS Grid / Flex Layout
        Rachel Andrew hat es sich zum Ziel gesetzt, das CSS Grid Layout Modul solange zu evangelisieren, bis Browser es auch unterstützen. Sie macht das nicht nur hochmotiviert, sondern auch sehr gut. Ihren jüngsten Artikel nehmen wir zum Anlass um über die neuen Layoutmöglichkeiten zu diskutieren. Grundkonsens: Die Spezifikationen sind umfangreich und wirken auf den ersten Blick höchst kompliziert. In der Anwendung sind sowohl Grid– als auch Flexbox höchst einfach. Etwas, auf das wir uns freuen können. Nebenbei erwähnen wir auch noch Vasilis‘ responsive Layout-Techniken, die Media-Query frei funktionieren und großartige Ergebnisse liefern.
        [00:35:07] Keine Schaunotizen
        Toxy
        Node Proxy, der suboptimale Bedingungen simuliert. Von Latenzzeiten bis zum Paketverlust ist alles drin.
        Reactive Programming mit ES6
        Buzzword oder tolle, neue Progammieridee? Der Artikel gibt Aufschluß.
        Front-End Tooling mit Gulp, Yeoman und Bower
        Stefan schreibt ein Buch über Front-End Automatisierung. Working Draft Hörer bekommen da mit dem Code fetoolpc eine Menge Rabatt
        39 min
      • Revision 232: Progressive Apps

        Als Rumpfmannschaft, geplagt von Technikproblemen und nicht besonders vielen Themen, kratzen Hans und Peter eine Notfall-Express-Revision zusammen.

        Schaunotizen
        [00:00:30] Progressive Apps
        Alex Russel postuliert Progressive Apps – Webapps, die unter gegebenen Umständen aus dem Browser heraus zu einer lokal installierten App mutieren. Hans und Peter sind sich einig darüber, dass auf Mobile niemand Webapps mag, da sie in Sachen OS-Integration und Performance hinterherhinken. Dabei gibt es (zumindest auf dem Papier und in wenigen fortschrittlichen Browsern) doch bereits Technologien, die diese Probleme lösen (z.B. Push Notifications und Service Worker). So wie Ajax den XMLHttpRequest bändigt und Responsive Design die Media Queries domestiziert soll Progressive Apps ein Konzept für den effektiven Einsatz der vielen neuen Webapp-APIs sein. Wir sehen Bedarf an einer Umsetzung des Prinzips in Software, denn handgestricktes AJAX ist im Vergleich zu einem MVC-Framework immer noch ein ziemliches Mühsal. Also baut der Welt ein Progressive-Apps-Framework!
        [00:22:45] Keine Schaunotizen
        securityheaders.io
        Prüft eure Webseite auf das Vorhandensein sicherheitsrelevanter HTTP-Header.

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

        25 min
      • Revision 232: Progressive Apps
        Als Rumpfmannschaft, geplagt von Technikproblemen und nicht besonders vielen Themen, kratzen Hans und Peter eine Notfall-Express-Revision zusammen.
        Schaunotizen
        [00:00:30] Progressive Apps
        Alex Russel postuliert Progressive Apps – Webapps, die unter gegebenen Umständen aus dem Browser heraus zu einer lokal installierten App mutieren. Hans und Peter sind sich einig darüber, dass auf Mobile niemand Webapps mag, da sie in Sachen OS-Integration und Performance hinterherhinken. Dabei gibt es (zumindest auf dem Papier und in wenigen fortschrittlichen Browsern) doch bereits Technologien, die diese Probleme lösen (z.B. Push Notifications und Service Worker). So wie Ajax den XMLHttpRequest bändigt und Responsive Design die Media Queries domestiziert soll Progressive Apps ein Konzept für den effektiven Einsatz der vielen neuen Webapp-APIs sein. Wir sehen Bedarf an einer Umsetzung des Prinzips in Software, denn handgestricktes AJAX ist im Vergleich zu einem MVC-Framework immer noch ein ziemliches Mühsal. Also baut der Welt ein Progressive-Apps-Framework!
        [00:22:45] Keine Schaunotizen
        securityheaders.io
        Prüft eure Webseite auf das Vorhandensein sicherheitsrelevanter HTTP-Header.
        25 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