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 320: API- und Load-Testing in der Cloud
    Dieses mal hatten wir Lars Wolff von Stormforger zu Gast. Stormforger ist ein API- und Load-Testing-Tool, das uns auffiel, weil sich die Testszenarien per JavaScript beschreiben lassen. Darüber wollten wir mehr wissen…
    Schaunotizen
    [00:02:40] API- und Load-Testing mit Stormforger
    Im Laufe unseres Gesprächs fielen diverse Dinge und Themen, die wir verlinken wollten, und Lars hat später noch ein paar mehr dazugepackt. Hier sind sie:
    Methoden für Performance Testing
    Warum eigentlich die Cloud testen?
    Performancetesting 101
    [Video] StormForger HTTP Archive Converter
    [TALK, VIDEO] How to get started testing RESTful APIs and GraphQL
    [TALK, Panel Video, Sketchnote] Last- und Performancetests in der Cloud
    perf-tooling.today
    highscalability.com
    [01:00:01] Keine Schaunotizen
    Cologne Web Performance Optimization Group
    Das eine Meetup in Köln, in das Lars involviert ist…
    AWS Cologne
    …und das andere.
    1 hr 2 min
  • Revision 319: Templates, Super Cookies, Animationen

    Schepp, Hans, Peter und Stefan sprechen über mögliche Standards, Browserfeatures v.s. Privacy und dem ewigen Kreuz mit Animationen.

    Schaunotizen
    [00:00:16] HTML Template Instantiation
    Ein Proposal möchte das gute alte Template-Element, das eigentlich nur ein inaktives DocumentFragment bereitstellt, zu einem logikfreien Template-System a la Handlebars aufmotzen. Wir vergleichen den Ansatz von Handlebars mit dem von Liquid o.Ä., sind uns uneins, ob man Template-Elemente im Angesicht von Template Litereals überhaupt braucht und überlegen, wie ob man fortgeschrittenere Konzepte wie Data Binding oder die Render-VM von Glimmer auch in einen Webstandard integrieren könnte. Am Ende ranten wir noch kurz darüber ab, dass Mobile Safari nichts mit FormData anzufangen weiß (eine Tatsache, die zwischenzeitlich zum Glück widerlegt werden konnte).
    [00:21:06] Firefox takes a bite out of the canvas super cookie
    Firefox schränkt aus Privacygründen ein Browser-Feature ein, was dem Schepp (der dieses Feature für harmlose Zwecke einsetzt) gar nicht schmeckt. Wir erörtern Fragen rund das Abfragen von Nutzer-Zustimmung für diverse delikate Browserfeatures (z.B. mit der Permissions API).
    [00:33:02] anime.js und Animationen allgemein
    Stefan empfiehlt eine Library für SVG-Animationen und lobpreist vor allem die anschauliche Dokumentation. Ohne viel Mühe lassen sich effektvolle Animationen basteln (mehr auf Codepen).Wir stellen trotz dieser Tollen Library einen Mangel an Standards und Go-To-Lösungen rund um Animationen fest.
    [00:47:12] Keine Schaunotizen
    Umar Hansa: A Modern Front-end Workflow
    Beeindruckender Talk von der Fronteers Conference 2017.

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

    49 min
  • Revision 319: Templates, Super Cookies, Animationen
    Schepp, Hans, Peter und Stefan sprechen über mögliche Standards, Browserfeatures v.s. Privacy und dem ewigen Kreuz mit Animationen.
    Schaunotizen
    [00:00:16] HTML Template Instantiation
    Ein Proposal möchte das gute alte Template-Element, das eigentlich nur ein inaktives DocumentFragment bereitstellt, zu einem logikfreien Template-System a la Handlebars aufmotzen. Wir vergleichen den Ansatz von Handlebars mit dem von Liquid o.Ä., sind uns uneins, ob man Template-Elemente im Angesicht von Template Litereals überhaupt braucht und überlegen, wie ob man fortgeschrittenere Konzepte wie Data Binding oder die Render-VM von Glimmer auch in einen Webstandard integrieren könnte. Am Ende ranten wir noch kurz darüber ab, dass Mobile Safari nichts mit FormData anzufangen weiß (eine Tatsache, die zwischenzeitlich zum Glück widerlegt werden konnte).
    [00:21:06] Firefox takes a bite out of the canvas super cookie
    Firefox schränkt aus Privacygründen ein Browser-Feature ein, was dem Schepp (der dieses Feature für harmlose Zwecke einsetzt) gar nicht schmeckt. Wir erörtern Fragen rund das Abfragen von Nutzer-Zustimmung für diverse delikate Browserfeatures (z.B. mit der Permissions API).
    [00:33:02] anime.js und Animationen allgemein
    Stefan empfiehlt eine Library für SVG-Animationen und lobpreist vor allem die anschauliche Dokumentation. Ohne viel Mühe lassen sich effektvolle Animationen basteln (mehr auf Codepen).Wir stellen trotz dieser Tollen Library einen Mangel an Standards und Go-To-Lösungen rund um Animationen fest.
    [00:47:12] Keine Schaunotizen
    Umar Hansa: A Modern Front-end Workflow
    Beeindruckender Talk von der Fronteers Conference 2017.
    49 min
  • Revision 318: Strukturiertes CSS

    Die neuste Revision haben wir gemeinsam mit Jens Grochtdreis aufgenommen. Als Ausgangspunkt haben wir sein Buch zum Thema Modulare Webentwicklung genommen, dass er in den letzten Jahren geschrieben hat.

    Keine News
    Schaunotizen
    [00:00:54] Modulare Webentwicklung
    Jens erklärt uns, was man unter Modularer Webentwicklung versteht. Er beschreibt, was seiner Meinung nach die effektivste Art und Weise der Webseiten-Entwicklung ist. Wir vergleichen aktuelle Entwicklungsmuster und sprechen über unsere eigenen Erfahrungen. Wir erwähnen auch Airbnbs Arbeiten zum Thema Living Styleguide.
    [01:08:09] Keine Schaunotizen
    Heml
    Einfach saubere und responsive E-Mail-Layouts.
    SkateJS
    Eine JavaScript Library, um das Arbeiten mit Custom Elements im Browser zu vereinfachen.
    Frontend-Checklist
    Eine Checklist für alle Frontend-bezogenen Themen einer Website.
    Snyk + Google Lighthouse = ❤
    Googles Lighthouse „befragt“ nun Snyk bei einem Audit der Website und kann damit Security Vulnerabilities erkennen.
    A Look at Bootstrap 4’s New Reset: Reboot.css
    Reboot.css ist ein neues Reset.css, dass im Rahmen der Entwicklung von Bootstrap 4 entstanden ist.

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

    1 hr 18 min
  • Revision 318: Strukturiertes CSS
    Die neuste Revision haben wir gemeinsam mit Jens Grochtdreis aufgenommen. Als Ausgangspunkt haben wir sein Buch zum Thema Modulare Webentwicklung genommen, dass er in den letzten Jahren geschrieben hat.
    Keine News
    Schaunotizen
    [00:00:54] Modulare Webentwicklung
    Jens erklärt uns, was man unter Modularer Webentwicklung versteht. Er beschreibt, was seiner Meinung nach die effektivste Art und Weise der Webseiten-Entwicklung ist. Wir vergleichen aktuelle Entwicklungsmuster und sprechen über unsere eigenen Erfahrungen. Wir erwähnen auch Airbnbs Arbeiten zum Thema Living Styleguide.
    [01:08:09] Keine Schaunotizen
    Heml
    Einfach saubere und responsive E-Mail-Layouts.
    SkateJS
    Eine JavaScript Library, um das Arbeiten mit Custom Elements im Browser zu vereinfachen.
    Frontend-Checklist
    Eine Checklist für alle Frontend-bezogenen Themen einer Website.
    Snyk + Google Lighthouse =
    Googles Lighthouse „befragt“ nun Snyk bei einem Audit der Website und kann damit Security Vulnerabilities erkennen.
    A Look at Bootstrap 4’s New Reset: Reboot.css
    Reboot.css ist ein neues Reset.css, dass im Rahmen der Entwicklung von Bootstrap 4 entstanden ist.
    1 hr 18 min
  • Revision 317: Post-PostCSS

    Stefan, Hans und Schepp geben Erfahrungsberichte zu dem in Revision 224 zum ersten Mal vorgestellten PostCSS.

    Schaunotizen
    [00:00:17] PostCSS
    PostCSS ist gleichzeitig wenig und auch vieles. Das Framework selbst bietet nicht mehr und nicht weniger als eine Möglichkeit CSS in einen Abstract Syntax Tree zu verwandeln, und das später wieder in CSS zu verwandeln. Erst die Plugins mit all den möglichen Transformationen machen PostCSS zu dem mächtigen Werkzeug, das es sein will. Und ab diesem Punkt scheiden sich die Geister. Während Schepp Präprozessoren-Features nur schwer zusammenstellen kann, Stefan die „Nutz das CSS der Zukunft“ Message mit fake news abstempelt, liebt Hans die Flexibilität und Einfachheit des Werkzeugs. Wir plaudern eine Stunde aus dem Nähkästchen und zeigen drei doch sehr unterschiedliche Erfahrungen.
    [00:52:20] Keine Schaunotizen
    The whole web at maximum FPS: How WebRender gets rid of jank
    Firefox ist wieder schnell, und Lin Clark erklärt wieso.
    Introducing OpenType Variable Fonts
    Variable Fonts erlaubt viel Schnitt-Anpassung für wenig Datentransfer. In diesem Artikel wird erklärt wie das funktioniert.
    Special session: OpenType
    … ebenso in diesem Video.
    Get the advantages of TypeScript without transpiling
    TypeScript features kann man auch nutzen ohne sich die Sprache einzukaufen. Mit etwas JSDoc und Tooling wird erklärt wie.
    RuhrJS Videos
    Die RuhrJS Videos sind schon da! Tolle Konferenz mit interesannten Vorträgen.

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

    56 min
  • Revision 317: Post-PostCSS
    Stefan, Hans und Schepp geben Erfahrungsberichte zu dem in Revision 224 zum ersten Mal vorgestellten PostCSS.
    Schaunotizen
    [00:00:17] PostCSS
    PostCSS ist gleichzeitig wenig und auch vieles. Das Framework selbst bietet nicht mehr und nicht weniger als eine Möglichkeit CSS in einen Abstract Syntax Tree zu verwandeln, und das später wieder in CSS zu verwandeln. Erst die Plugins mit all den möglichen Transformationen machen PostCSS zu dem mächtigen Werkzeug, das es sein will. Und ab diesem Punkt scheiden sich die Geister. Während Schepp Präprozessoren-Features nur schwer zusammenstellen kann, Stefan die „Nutz das CSS der Zukunft“ Message mit fake news abstempelt, liebt Hans die Flexibilität und Einfachheit des Werkzeugs. Wir plaudern eine Stunde aus dem Nähkästchen und zeigen drei doch sehr unterschiedliche Erfahrungen.
    [00:52:20] Keine Schaunotizen
    The whole web at maximum FPS: How WebRender gets rid of jank
    Firefox ist wieder schnell, und Lin Clark erklärt wieso.
    Introducing OpenType Variable Fonts
    Variable Fonts erlaubt viel Schnitt-Anpassung für wenig Datentransfer. In diesem Artikel wird erklärt wie das funktioniert.
    Special session: OpenType
    … ebenso in diesem Video.
    Get the advantages of TypeScript without transpiling
    TypeScript features kann man auch nutzen ohne sich die Sprache einzukaufen. Mit etwas JSDoc und Tooling wird erklärt wie.
    RuhrJS Videos
    Die RuhrJS Videos sind schon da! Tolle Konferenz mit interesannten Vorträgen.
    56 min
  • Revision 316: Google Lighthouse

    Hans, Stefan und Schepp nahmen mal wieder einen Artikel als Anlass über ein umfassenderes Thema zu reden, was diesmal Google Lighthouse war.

    Schaunotizen
    [00:00:14] Google Lighthouse
    Ein Artikel von Umar Hansa über Chromes Paint Timing API bringt uns auf die Idee, ein wenig über Googles Lighthouse zu plaudern. Lighthouse ist sowas wie das ultimative Website-Auditing-Tool, das Kriterien aus dem Bereich Progressive Web Apps, Performance, Barrierefreiheit und allgemein best-Practices unterstützt. Zudem werden Webseiten seit kurzem auch auf Sicherheitslücken in verwendeten JavaScript-Bibliotheken getestet. Damit löst es auch auch ein Stück weit die alten Google Pagespeed Insights ab. Als Hintergrund zu den sogenannten „passiven Eventlistenern“ verweist Schepp auf ein sehr interessantes Blogpost dazu im Edge Blog. Und warum externe Links besser als Attribut [rel="noopener"] verpasst bekommen sollten, das hat vor einiger Zeit Jake Archibald verbloggt.
    [00:45:56] Keine Schaunotizen
    PWA Checklist
    Eine Checkliste von Dingen, die beim Bauen von Progressive Web Apps zu beachten sind.
    wretch
    Syntaktischer Zucker für die Fetch API.

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

    48 min
  • Revision 316: Google Lighthouse
    Hans, Stefan und Schepp nahmen mal wieder einen Artikel als Anlass über ein umfassenderes Thema zu reden, was diesmal Google Lighthouse war.
    Schaunotizen
    [00:00:14] Google Lighthouse
    Ein Artikel von Umar Hansa über Chromes Paint Timing API bringt uns auf die Idee, ein wenig über Googles Lighthouse zu plaudern. Lighthouse ist sowas wie das ultimative Website-Auditing-Tool, das Kriterien aus dem Bereich Progressive Web Apps, Performance, Barrierefreiheit und allgemein best-Practices unterstützt. Zudem werden Webseiten seit kurzem auch auf Sicherheitslücken in verwendeten JavaScript-Bibliotheken getestet. Damit löst es auch auch ein Stück weit die alten Google Pagespeed Insights ab. Als Hintergrund zu den sogenannten „passiven Eventlistenern“ verweist Schepp auf ein sehr interessantes Blogpost dazu im Edge Blog. Und warum externe Links besser als Attribut [rel="noopener"] verpasst bekommen sollten, das hat vor einiger Zeit Jake Archibald verbloggt.
    [00:45:56] Keine Schaunotizen
    PWA Checklist
    Eine Checkliste von Dingen, die beim Bauen von Progressive Web Apps zu beachten sind.
    wretch
    Syntaktischer Zucker für die Fetch API.
    48 min
  • Revision 315: React Lizenzänderung, abortable fetch

    Stefan und Anselm behandeln im Duett zwei News und schmücken Sie zum vollen Thema aus.

    Schaunotizen
    [00:00:30] React Lizenzänderung
    Die toxische BSD+Patents Lizenz, wie ist sie entstanden, was sind die Probleme, und warum ändert Facebook jetzt alles. Wir erklären und n00ben in der großen Open Source Lizenzwelt herum.
    [00:19:44] Abortable fetch
    Stell dir vor du machst eine fesche API und jeder ist so „Prima, wie mach ich das jetzt wieder weg?“. Fetch-calls kann man im Firefox und bald auch in Edge und Chrome wieder abbrechen. Damit wird die schöne, neue Promise-basierte API zum vollwertigen XHR Ersatz.
    [00:26:45] Keine Schaunotizen
    The Miracle of Generators
    Toller Talk von Bodil Stokke zum Thema ES Generatoren auf der Frontendconf.
    Script’18
    Stefans JavaScript Konferenz geht in die nächste Runde. Das Line-Up inkludiert Leute wie Simona Cotin, Phil Hawksworth, Charlie Gerard und den Vue.js Erfinder Evan You.

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

    31 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