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 241: WebGL

    Diesmal konnten wir wieder einen Gast bei uns begrüßen, und zwar Kai Niklas. Kai beschäftigt sich seit einiger Zeit mit OpenGL und seinem Abkömmling WebGL, programmiert 3D-Anwendungen und tourt als Trainer für OpenGL durch Deutschland. Und so verwundert es kaum, dass wir mit ihm zusammen das Thema „WebGL“ erkunden.

    Schaunotizen
    [00:01:54] WebGL
    Im Laufe unseres Gesprächs fielen diverse Stichworte und Links, die Ihr nachfolgend findet:

    • Die Khronos Group spezifiziert OpenGL und WebGL
    • OpenCL und WebCL, analog zu OpenGL und WebGL die „Compute Languages“ zum Berechnen von Dingen
    • WebGL Browsersupport
    • Anwendungsfälle: Virtuelle Museen, 3D Charts, Produkt Konfiguratoren oder Customer Experiences
    • Die WebGL-Frameworks Three.js Babylon.js und Blend4Web
    • Blender als Autorenwerkzeug für 3D (also Modellieren, Szenerien zusammenstellen, Beleuchten, Texturieren)
    • Autodesks ImageModeler als ein Werkzeug, das 3D-Modelle aus Fotografien erzeugen kann
    • Shadertoy, Shdr und RenderMonkey als Autorenwerkzeuge für WebGL-Shader (Vertex-, sowie Pixel-/Fragement-Shader)
    • Die Swiftless-Online-Tutorials zum Erlernen der OpenGL/WebGL Basics
    • Die Seiten von Three.js, Shadertoy, sowie die Chrome WebGL Experiments als Inspirationsquellen (und zum Abgucken)
    • Und ein Blick in die Zukunft auf den OpenGL-Nachfolger „Vulkan„
      • [00:45:31] Keine Schaunotizen
      mdcss
      Mit mdcss kann man Markdown-Kommentare direkt in seinem CSS verbauen und aus diesem CSS dann einen Styleguide kompilieren.
      Buchtipp: CSS Secrets
      Lea Verou hat ein Buch geschrieben, in das nicht nur die CSS Tricksereien ihrer vergangenen Talks geflossen sind, sondern noch einige Geheimnisse mehr stecken. Das Gute an dem Buch ist: Die Tipps haben durchaus Praxisrelevanz.

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

      48 min
    • Revision 241: WebGL
      Diesmal konnten wir wieder einen Gast bei uns begrüßen, und zwar Kai Niklas. Kai beschäftigt sich seit einiger Zeit mit OpenGL und seinem Abkömmling WebGL, programmiert 3D-Anwendungen und tourt als Trainer für OpenGL durch Deutschland. Und so verwundert es kaum, dass wir mit ihm zusammen das Thema „WebGL“ erkunden.
      Schaunotizen
      [00:01:54] WebGL
      Im Laufe unseres Gesprächs fielen diverse Stichworte und Links, die Ihr nachfolgend findet:
      Die Khronos Group spezifiziert OpenGL und WebGL
      OpenCL und WebCL, analog zu OpenGL und WebGL die „Compute Languages“ zum Berechnen von Dingen
      WebGL Browsersupport
      Anwendungsfälle: Virtuelle Museen, 3D Charts, Produkt Konfiguratoren oder Customer Experiences
      Die WebGL-Frameworks Three.js Babylon.js und Blend4Web
      Blender als Autorenwerkzeug für 3D (also Modellieren, Szenerien zusammenstellen, Beleuchten, Texturieren)
      Autodesks ImageModeler als ein Werkzeug, das 3D-Modelle aus Fotografien erzeugen kann
      Shadertoy, Shdr und RenderMonkey als Autorenwerkzeuge für WebGL-Shader (Vertex-, sowie Pixel-/Fragement-Shader)
      Die Swiftless-Online-Tutorials zum Erlernen der OpenGL/WebGL Basics
      Die Seiten von Three.js, Shadertoy, sowie die Chrome WebGL Experiments als Inspirationsquellen (und zum Abgucken)
      Und ein Blick in die Zukunft auf den OpenGL-Nachfolger „Vulkan„
      [00:45:31] Keine Schaunotizen
      mdcss
      Mit mdcss kann man Markdown-Kommentare direkt in seinem CSS verbauen und aus diesem CSS dann einen Styleguide kompilieren.
      Buchtipp: CSS Secrets
      Lea Verou hat ein Buch geschrieben, in das nicht nur die CSS Tricksereien ihrer vergangenen Talks geflossen sind, sondern noch einige Geheimnisse mehr stecken. Das Gute an dem Buch ist: Die Tipps haben durchaus Praxisrelevanz.
      48 min
    • Revision 240: Content Blocker

      In Dreierbesetzung mit Anselm, Hans und Stefan geht es heute um ein recht untechnisches Thema.

      Schaunotizen
      [00:00:15] Content Blocker
      Nachdem mit iOS 9 nun eine sehr zugängliche Möglichkeit geschaffen wurde, schwere Assets auszuknipsen (zum Beispiel Web Fonts oder Werbungen), kommt das Thema vom Ad Blocking bzw. Content Blocking wieder sehr prominent durch. Aktuell zum Beispiel auch bei der Bild, die bei eingeschaltetem Ad Blocker den Zugriff zum Content sperren. Wir betrachten das Thema von verschiedenen Seiten, denken über alternative Businessmodelle nach und stellen uns die Frage: Würden wir für Content zahlen? Und wenn ja, wieviel?
      [00:26:22] Keine Schaunotizen
      Khan Coding Style Guides
      Die Ideen der Khan Academy in Sachen Coding. Von allgemeinen Guidelines bis hin zu sehr spezifischen, z.B. für React.
      Code Cartoons
      Die Code Cartoons erklären sehr anschaulich Programmierparadigmen hinter React wie Flux oder Redux.

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

      30 min
    • Revision 240: Content Blocker
      In Dreierbesetzung mit Anselm, Hans und Stefan geht es heute um ein recht untechnisches Thema.
      Schaunotizen
      [00:00:15] Content Blocker
      Nachdem mit iOS 9 nun eine sehr zugängliche Möglichkeit geschaffen wurde, schwere Assets auszuknipsen (zum Beispiel Web Fonts oder Werbungen), kommt das Thema vom Ad Blocking bzw. Content Blocking wieder sehr prominent durch. Aktuell zum Beispiel auch bei der Bild, die bei eingeschaltetem Ad Blocker den Zugriff zum Content sperren. Wir betrachten das Thema von verschiedenen Seiten, denken über alternative Businessmodelle nach und stellen uns die Frage: Würden wir für Content zahlen? Und wenn ja, wieviel?
      [00:26:22] Keine Schaunotizen
      Khan Coding Style Guides
      Die Ideen der Khan Academy in Sachen Coding. Von allgemeinen Guidelines bis hin zu sehr spezifischen, z.B. für React.
      Code Cartoons
      Die Code Cartoons erklären sehr anschaulich Programmierparadigmen hinter React wie Flux oder Redux.
      30 min
    • Revision 239: Webfonts Best Practices und FLIF

      Eine neue Woche bedeutet auch eine neue Folge Working Draft. Wir rollen das Thema Webfonts mal wieder auf und sprechen über verschiedene Bildformate.

      Schaunotizen
      [00:00:22] Using Webfonts in 2015

      Anselm hat sich mit den Best-Practices von Webfonts befasst und diese in einem Artikel zusammengefasst. Wir sprechen darüber und stellen die Techniken vor.

      Weiterführende Links:

      • Brotli Kompressionsalgorithmus
      • Typekit Webfont Loader und Filament Group Font Loading
      • Zach Leatherman on Better @font-face with Font Load Events
        • [00:33:16] FLIF – Free Lossless Image Format

        Kürzlich wurde das neue Bildformat „FLIF“ veröffentlicht. Dieses Format verspricht noch bessere Datenkomprimierung. Wir vergleichen mit WebP und anderen Bildformaten.

        Weiterführende Links:

        • https://github.com/antimatter15/weppy
          • [00:46:12] Keine Schaunotizen
          Inspecting Security and Privacy Settings of a Website
          Vorstellung des Mozilla Security und Privacy Settings Insepctors.
          NightlyBuild Conference Videos
          Die Videos der NightlyBuild Conference sind verfügbar. Thema war „Work-Life-Balance“.

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

          49 min
        • Revision 239: Webfonts Best Practices und FLIF
          Eine neue Woche bedeutet auch eine neue Folge Working Draft. Wir rollen das Thema Webfonts mal wieder auf und sprechen über verschiedene Bildformate.
          Schaunotizen
          [00:00:22] Using Webfonts in 2015
          Anselm hat sich mit den Best-Practices von Webfonts befasst und diese in einem Artikel zusammengefasst. Wir sprechen darüber und stellen die Techniken vor.
          Weiterführende Links:
          Brotli Kompressionsalgorithmus
          Typekit Webfont Loader und Filament Group Font Loading
          Zach Leatherman on Better @font-face with Font Load Events
          [00:33:16] FLIF – Free Lossless Image Format
          Kürzlich wurde das neue Bildformat „FLIF“ veröffentlicht. Dieses Format verspricht noch bessere Datenkomprimierung. Wir vergleichen mit WebP und anderen Bildformaten.
          Weiterführende Links:
          https://github.com/antimatter15/weppy
          [00:46:12] Keine Schaunotizen
          Inspecting Security and Privacy Settings of a Website
          Vorstellung des Mozilla Security und Privacy Settings Insepctors.
          NightlyBuild Conference Videos
          Die Videos der NightlyBuild Conference sind verfügbar. Thema war „Work-Life-Balance“.
          49 min
        • Revision 238: Creative Coding, Sass Eyeglass und AMP

          Stefan und Schepp haben heute Martin Schuhfuß eingeladen, der bei den

          diesjährigen Events der JSConfEU und der OTSConf mit seinen kreativen Entwicklungen für Aufsehen gesorgt hat.

          Schaunotizen
          [00:00:12] Creative Coding
          Martin erzählt uns von seinem „Werdegang“ als Creative Coder, und wie er da grundsätzlich an neue Projekte rangeht.
          Schepp ergänzt durch seine Erfahrungen beim letztjährigen Beyond Tellerrand Workshop. Neben zahlreichen Spielereien gibt’s
          da natürlich auch noch einiges tatsächlich sinnvolles zu machen. Ideen und Informationen holen kann man sich hier:

          • Adafruit
          • Hackaday
          • Instructables
          • Creative Coding Podcast
            • [00:21:00] Eyeglass for Sass
            Sass bietet für die Libsass Implementierung nun eine Möglichkeit, in JavaScript
            Funktionserweiterungen zu stricken, anstatt wie bislang mühselig mit Ruby oder gar Sass-Syntax zu arbeiten. Wir diskutieren
            über Sinn und Unsinn, finden wenige Use-Cases und verweise auf das geliebt-gehasste PostCSS, das mit der
            PostCSS-Functions Erweiterung doch eine viel zugänglichere
            Möglichkeit dafür bietet.
            [00:34:19] Accelerated Mobile Pages
            Google bietet einen Service, um jedermann Facebook-ähnliche Instapages zu ermöglichen. Das ganze basiert auf
            Webtechnologien und einem Subset, dass hinsichtlich Performance optimiert wurde. Wie alles im Internet sorgt das
            ganze für Aufregung, sowohl in der einen oder anderen Richtung. Warum, können wir allerdings nicht ganz nachvollziehen.
            [00:51:29] Keine Schaunotizen
            Decode HH
            Martins Design-Concept-Code Meetup braucht dringend kreative Leute, die tolle Dinge zeigen wollen.
            Perfjankie
            Perfjankie monitort eure Webseiten und gibt euch Auskunft über lahme Renderzyklen.
            Surge
            Supereinfaches Deployment für Seiten.
            Netlify
            Ähnlich dem darüber.
            “Tomato” versus “#FF6347”—the tragicomic history of CSS color names
            Was hinter Farbnamen alles stehen kann.
            Get started with functional programming
            Die Videos der OTS School sind ja alle super, aber dieses eine von Anouk Ruhaak legen wir euch besonders ans Herz
            Evolutionary Algorithms 101
            Ebenso dem von Manuel Ernst
            CSS Unconf
            Es wird eine Unkonferenz für CSS geben, die Martin mitorganisiert

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

            1 hr 2 min
          • Revision 238: Creative Coding, Sass Eyeglass und AMP
            Stefan und Schepp haben heute Martin Schuhfuß eingeladen, der bei den
            diesjährigen Events der JSConfEU und der OTSConf mit seinen kreativen Entwicklungen für Aufsehen gesorgt hat.
            Schaunotizen
            [00:00:12] Creative Coding
            Martin erzählt uns von seinem „Werdegang“ als Creative Coder, und wie er da grundsätzlich an neue Projekte rangeht.
            Schepp ergänzt durch seine Erfahrungen beim letztjährigen Beyond Tellerrand Workshop. Neben zahlreichen Spielereien gibt’s
            da natürlich auch noch einiges tatsächlich sinnvolles zu machen. Ideen und Informationen holen kann man sich hier:
            Adafruit
            Hackaday
            Instructables
            Creative Coding Podcast
            [00:21:00] Eyeglass for Sass
            Sass bietet für die Libsass Implementierung nun eine Möglichkeit, in JavaScript
            Funktionserweiterungen zu stricken, anstatt wie bislang mühselig mit Ruby oder gar Sass-Syntax zu arbeiten. Wir diskutieren
            über Sinn und Unsinn, finden wenige Use-Cases und verweise auf das geliebt-gehasste PostCSS, das mit der
            PostCSS-Functions Erweiterung doch eine viel zugänglichere
            Möglichkeit dafür bietet.
            [00:34:19] Accelerated Mobile Pages
            Google bietet einen Service, um jedermann Facebook-ähnliche Instapages zu ermöglichen. Das ganze basiert auf
            Webtechnologien und einem Subset, dass hinsichtlich Performance optimiert wurde. Wie alles im Internet sorgt das
            ganze für Aufregung, sowohl in der einen oder anderen Richtung. Warum, können wir allerdings nicht ganz nachvollziehen.
            [00:51:29] Keine Schaunotizen
            Decode HH
            Martins Design-Concept-Code Meetup braucht dringend kreative Leute, die tolle Dinge zeigen wollen.
            Perfjankie
            Perfjankie monitort eure Webseiten und gibt euch Auskunft über lahme Renderzyklen.
            Surge
            Supereinfaches Deployment für Seiten.
            Netlify
            Ähnlich dem darüber.
            “Tomato” versus “#FF6347”—the tragicomic history of CSS color names
            Was hinter Farbnamen alles stehen kann.
            Get started with functional programming
            Die Videos der OTS School sind ja alle super, aber dieses eine von Anouk Ruhaak legen wir euch besonders ans Herz
            Evolutionary Algorithms 101
            Ebenso dem von Manuel Ernst
            CSS Unconf
            Es wird eine Unkonferenz für CSS geben, die Martin mitorganisiert
            1 hr 2 min
          • Revision 237: Remote Work und Informationsnachschub

            Hans, Schepp und Stefan widmen sich heute zwei Meta-Themen:

            Schaunotizen
            [00:00:20] Remote First vs Remote Friendly
            Zach Holmans Beitrag zur Remote-Arbeit nehmen wir zum Anlass um unsere Erfahrungen zu teilen. Wir erläutern, was
            gut funktioniert, was weniger gut läuft, und auf welche Dinge man achten muss um anständig verteilt zu arbeiten.
            Hans macht das mittlerweile sehr oft und sehr gern, Schepp holt sich familienbedingt die Abwechslung im Agentur-Büro.
            Stefan erzählt, dass Remote Work Best Practices auch sehr hilfreich sind, wenn die Büros
            sich über den Globus verteilen.
            [00:21:07] The fallacy of keeping up
            Tim Kadlec schreibt wie er bei neuen Technologien am Ball bleibt. Wir klinken uns da ein und beschreiben
            unsere Wege, um mit dem neuesten Schritt halten zu können. Viel selektives Lesen, Konzepte statt Frameworks lernen,
            und Newsletter (vor allem die WDRL) abonnieren. Und natürlich Working Draft hören.
            [00:48:10] Keine Schaunotizen
            Why do we have repeating-linear-gradient anyway
            Ana Tudor ana-lysiert die repeating-linear-gradient Funktion der background-image Eingeschaft aufs Genaueste.
            Möglichkeiten inklusive Browser-Unterschiede in diesem umfangreichen Artikel.
            Loupe
            Loupe zeigt euch was die JavaScript Engine macht wenn Code ausgeführt wird.
            CSS Vintage Washout
            Una Kravets‘ Serie über CSS Filtereffekte ist nicht nur außerordentlich unterhaltsam, sondern auch sehr lehrreich. Empfehlenswert!.
            Chrome DevTools Update
            Addy Osmani zeigt, was alles neu ist in den Chrome DevTools.
            HTMLGL
            HTML Rendering in WebGL? Das ganze noch 100% accessible? Tolle Techdemo mit gutem Artikel.
            RUM SpeedIndex
            Berechnet den angenäherten SpeedIndex am Client.

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

            54 min
          • Revision 237: Remote Work und Informationsnachschub
            Hans, Schepp und Stefan widmen sich heute zwei Meta-Themen:
            Schaunotizen
            [00:00:20] Remote First vs Remote Friendly
            Zach Holmans Beitrag zur Remote-Arbeit nehmen wir zum Anlass um unsere Erfahrungen zu teilen. Wir erläutern, was
            gut funktioniert, was weniger gut läuft, und auf welche Dinge man achten muss um anständig verteilt zu arbeiten.
            Hans macht das mittlerweile sehr oft und sehr gern, Schepp holt sich familienbedingt die Abwechslung im Agentur-Büro.
            Stefan erzählt, dass Remote Work Best Practices auch sehr hilfreich sind, wenn die Büros
            sich über den Globus verteilen.
            [00:21:07] The fallacy of keeping up
            Tim Kadlec schreibt wie er bei neuen Technologien am Ball bleibt. Wir klinken uns da ein und beschreiben
            unsere Wege, um mit dem neuesten Schritt halten zu können. Viel selektives Lesen, Konzepte statt Frameworks lernen,
            und Newsletter (vor allem die WDRL) abonnieren. Und natürlich Working Draft hören.
            [00:48:10] Keine Schaunotizen
            Why do we have repeating-linear-gradient anyway
            Ana Tudor ana-lysiert die repeating-linear-gradient Funktion der background-image Eingeschaft aufs Genaueste.
            Möglichkeiten inklusive Browser-Unterschiede in diesem umfangreichen Artikel.
            Loupe
            Loupe zeigt euch was die JavaScript Engine macht wenn Code ausgeführt wird.
            CSS Vintage Washout
            Una Kravets‘ Serie über CSS Filtereffekte ist nicht nur außerordentlich unterhaltsam, sondern auch sehr lehrreich. Empfehlenswert!.
            Chrome DevTools Update
            Addy Osmani zeigt, was alles neu ist in den Chrome DevTools.
            HTMLGL
            HTML Rendering in WebGL? Das ganze noch 100% accessible? Tolle Techdemo mit gutem Artikel.
            RUM SpeedIndex
            Berechnet den angenäherten SpeedIndex am Client.
            54 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