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 161: Too Easy, Didn’t Learn

    Es war Rosenmontag und der großteil des Workingdraft-Teams bereitete sich auf das halten diverser Workshops vor. Um einem Monolog zu entkommen lud sich Rodney die Herren Christian Heilmann und Sebastian Golasch ein, um ein wenig über Christians Vortrag an der jQuery Europe zu schnacken.

    Schaunotizen
    [00:01:04] TE;DL – Too Easy, Didn’t Learn (video)
    Mit jedem Tool und mit jeder Abstraktion vereinfachen wir uns die Arbeit. Was wir jedoch nicht vereinfachen ist das Lernen und Verstehen der Dinge, die wir in eine Abstraktion oder Tool gepresst haben. Wir beleuchten den »Just build a tool for that«-Hype einmal von der anderen Seite.
    [00:46:04] W3C HTML JSON form submission (Unofficial Draft)
    Ein Vorschlag Elemente neben application/x-www-form-urlencoded auch als application/json absenden zu lassen. Wir diskutieren die Vorzüge und Probleme des Vorschlags. Wir kommen auch kurz auf das recht unbekannte Objekt FormData zu sprechen, von dem wir dachten, dass es den Umgang mit Formularen bereits vereinfachen würde – was sich dann leider doch nicht als der heilige Gral der Formulardatenverarbeitung herausstellt.
    [01:06:53] Keine Schaunotizen
    CSS performance revisited: selectors, bloat and expensive styles
    Komplexe CSS Selektoren sind wohl eine kleinere Bremse als überschüssiges, ungenützes CSS.
    Cross-browser Web Fonts part 3: Hyphens, Text Rendering, and Font Feature Settings
    Der Artikel erklärt wie das Beeinflussen von Ligaturen, Kerning, Fractionals, Ordinals, etc. funktioniert.
    How to Use The HTML5 Sectioning Elements
    Wann nutze ich , wann und wann doch lieber nur ein ?
    layout thrashing in jQuery
    Welche jQuery-Funktionen können sich negativ auf die Rendering-Performance auswirken?
    Rewriting A WebApp in ES6
    Man nehme eine Backbone Applikation und schreibe große Teile davon mit EcmaScript6 neu. Weil man kann.

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

    1 hr 15 min
  • Revision 161: Too Easy, Didn’t Learn
    Es war Rosenmontag und der großteil des Workingdraft-Teams bereitete sich auf das halten diverser Workshops vor. Um einem Monolog zu entkommen lud sich Rodney die Herren Christian Heilmann und Sebastian Golasch ein, um ein wenig über Christians Vortrag an der jQuery Europe zu schnacken.
    Schaunotizen
    [00:01:04] TE;DL – Too Easy, Didn’t Learn (video)
    Mit jedem Tool und mit jeder Abstraktion vereinfachen wir uns die Arbeit. Was wir jedoch nicht vereinfachen ist das Lernen und Verstehen der Dinge, die wir in eine Abstraktion oder Tool gepresst haben. Wir beleuchten den »Just build a tool for that«-Hype einmal von der anderen Seite.
    [00:46:04] W3C HTML JSON form submission (Unofficial Draft)
    Ein Vorschlag Elemente neben application/x-www-form-urlencoded auch als application/json absenden zu lassen. Wir diskutieren die Vorzüge und Probleme des Vorschlags. Wir kommen auch kurz auf das recht unbekannte Objekt FormData zu sprechen, von dem wir dachten, dass es den Umgang mit Formularen bereits vereinfachen würde – was sich dann leider doch nicht als der heilige Gral der Formulardatenverarbeitung herausstellt.
    [01:06:53] Keine Schaunotizen
    CSS performance revisited: selectors, bloat and expensive styles
    Komplexe CSS Selektoren sind wohl eine kleinere Bremse als überschüssiges, ungenützes CSS.
    Cross-browser Web Fonts part 3: Hyphens, Text Rendering, and Font Feature Settings
    Der Artikel erklärt wie das Beeinflussen von Ligaturen, Kerning, Fractionals, Ordinals, etc. funktioniert.
    How to Use The HTML5 Sectioning Elements
    Wann nutze ich , wann und wann doch lieber nur ein ?
    layout thrashing in jQuery
    Welche jQuery-Funktionen können sich negativ auf die Rendering-Performance auswirken?
    Rewriting A WebApp in ES6
    Man nehme eine Backbone Applikation und schreibe große Teile davon mit EcmaScript6 neu. Weil man kann.
    1 hr 15 min
  • Revision 160: Node, JavaScript, Links

    Für diese Revision luden sich Schepp und Peter den Node-Nerd Golo Roden (Twitter, Webseite) ein und plauderten über Node.JS und ganz allgemein den Zustand von JavaScript in Gegenwart und Zukunft.

    Schaunotizen
    [00:01:50] JavaScript aus der Perspektive eines Backend-Entwicklers
    Golo erzählt, wie man aus der C#-Welt an JavaScript gerät und das ganze dann auch vernünftig lernt. Gemeinsam sind wir der Auffassung, dass nach den ersten Copy-Paste-Basteleien die Lektüre von The Good Parts und The Definitive Guide angebracht sind.
    [00:15:50] ES6 und Async
    Golo und Peter debattieren die Vor- und Nachteile von ES6-Features wie Arrow Functions, Klassen und Generator Functions (nebst Libraries), wobei neben Async.js auch die Artikel Execution in the Kingdom of Nouns und What Made Lisp different zur Sprache kommen.
    [00:43:22] Node 0.12
    Nachdem wir festgestellt haben, dass wir alle schon Node benutzt haben bevor es cool war (Version 0.4) erzählt Golo ein wenig über das kommende Node-Release 0.12. Wir sprechen über instabile APIs und Module, TJ Holowaychuk, SpiderNode (mittlerweile eingestellt) und die Causa Joyent versus Strongloop.
    [00:57:50] Hörer-Frage: Koa vs Express
    Bei der Frage Express versus Koa (beides Webframeworks) sind wir uns einig: Koa taugt erstmal nur als Spielzeug. Golo weist darauf hin, dass ES6 noch nicht in Node Standardmäßig aktiviert ist und Peter hat obendrein noch kein Vertrauen in die Stabilität von Koa selbst. Der aktuelle Hype erinnert uns ein wenig an die leicht überhypte Frage Grunt versus Gulp.
    [01:03:44] Wie lernt man am besten Node?
    Peter behauptet, Node wäre ganz einfach, sofern man JavaScript schon kann; die APIs lernt man besten, indem man wie in jeder anderen Programmiersprache einfache Programme schreibt. Golo geht im Prinzip d‘accord, sieht die größte Hürde im etwas unübersichtlichen Ökosystem von Node. Hilfe findet man natürlich am besten in Golos Buch Node.js & Co: Skalierbare, hochperformante und echtzeitfähige Webanwendungen professionell in JavaScript entwickeln.
    [01:09:27] EnterJS
    Golo erzählt von seiner Konferenz EnterJS, die vom 30. Juni bis 2. Juli in Köln stattfindet. Thema ist JavaScript im Unternehmenskontext.
    [01:13:19] Keine Schaunotizen
    Random User Generator
    Placekitten für User-Daten.
    noPrefixes flag in Modernizr
    Stefan bloggt über Fortschritte im Kampf gegen Vendor-Prefixes an der Modernizr-Front
    Installable Standalone WebApps
    Ein Überblick über den Status Quo.
    WURFL.js – Client Side, meet Server Side
    Die bekannte Device Detection Library jetzt auch clientseitig.
    The 4 Slice Scaling Technique for SVG
    SVG-Nerd Dirk Weber SVG-Slicing für Fortgeschrittene.
    Using blend modes in HTML Canvas
    Ein weniger bekanntes HTML5-Feature wird vom Adobe-Team beleuchtet.

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

    1 hr 18 min
  • Revision 159: Grunt im Einsatz

    Gästefrei sind diesmal Schepp, Rodney und Stefan mit am Start, um mit Grunt nach dem Hype in Klausur zu gehen.

    Schaunotizen
    [00:00:29] Grunt
    Grunt ist ja nun schon eine Weile bekannt und im Einsatz, und erfreut sich immer größerer Beliebtheit bei den Entwicklern. Sogar Schepp hat seine selbstgebastelten Buildscripts für diverse Projekte verlassen und ist in die Grunt-Welt eingetaucht. Wird reden über den Einsatz des Buildtools in großen und kleinen Projekten, und wie man sich das effiziente Entwickeln, vor allem in Hinblick auf CI und CD ohne Grunt eigentlich nicht mehr vorstellen kann. Plugins die erwähnt werden sind unter anderem spritesmith, autoprefixer, svgmin, cssmin und connect. Außerdem empfiehlt Rodney, statt load-grunt-tasks besser matchdep zu verwenden. Wer übrigens das letzte aus Grunt herauskitzeln will, dem empfehlen wir Paul Bakaus Artikel auf HTML5 Rocks
    [00:47:27] Keine Schaunotizen
    Chrome CLI
    Viel im Terminal? Mit der Chrome CLI kann man seinen Entwicklungsbrowser nun auch bequem von der Kommandozeile aus steuern.
    What nobody told you about Sass @extend
    Hugo Giraudel schreibt über die Funktionsweise und Gefahren der Sass @extend Methode.
    Try Handlebars
    Handlebars templates direkt im Browser ausprobieren und sehen, ob selbstgeschriebene Helper funktionieren. Geht hier.
    Pageres
    Mit Sindre Sorhus neuem Tool kann man Screenshots von der Kommandozeile aus machen.
    Refactoring Techniques
    Wie man richtig Refactoring betreibt wird in diesem Artikel erklärt.
    JavaScript Code Style Checker
    Ein weiterer Code Style Checker, aber höchst konfigurierbar und bis aufs kleinste anzupassen
    Web Animation at Work
    Rachel Nabors beschreibt ihr Steckenpferd in diesem List Apart Artikel.
    Draggable elements that push others out of way
    Chris Coyier schreibt über ein Design Pattern, und die unterschiedlichen Wege und Bibliotheken, es zufriedenstellend umzusetzen.
    [00:53:25] Tipp der Woche
    Including data from Github
    Tipp von Rodney: Wenn man mal Github files im Rohformat braucht, hat man mit diesen Services viel Freude.

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

    57 min
  • Revision 160: Node, JavaScript, Links
    Für diese Revision luden sich Schepp und Peter den Node-Nerd Golo Roden (Twitter, Webseite) ein und plauderten über Node.JS und ganz allgemein den Zustand von JavaScript in Gegenwart und Zukunft.
    Schaunotizen
    [00:01:50] JavaScript aus der Perspektive eines Backend-Entwicklers
    Golo erzählt, wie man aus der C#-Welt an JavaScript gerät und das ganze dann auch vernünftig lernt. Gemeinsam sind wir der Auffassung, dass nach den ersten Copy-Paste-Basteleien die Lektüre von The Good Parts und The Definitive Guide angebracht sind.
    [00:15:50] ES6 und Async
    Golo und Peter debattieren die Vor- und Nachteile von ES6-Features wie Arrow Functions, Klassen und Generator Functions (nebst Libraries), wobei neben Async.js auch die Artikel Execution in the Kingdom of Nouns und What Made Lisp different zur Sprache kommen.
    [00:43:22] Node 0.12
    Nachdem wir festgestellt haben, dass wir alle schon Node benutzt haben bevor es cool war (Version 0.4) erzählt Golo ein wenig über das kommende Node-Release 0.12. Wir sprechen über instabile APIs und Module, TJ Holowaychuk, SpiderNode (mittlerweile eingestellt) und die Causa Joyent versus Strongloop.
    [00:57:50] Hörer-Frage: Koa vs Express
    Bei der Frage Express versus Koa (beides Webframeworks) sind wir uns einig: Koa taugt erstmal nur als Spielzeug. Golo weist darauf hin, dass ES6 noch nicht in Node Standardmäßig aktiviert ist und Peter hat obendrein noch kein Vertrauen in die Stabilität von Koa selbst. Der aktuelle Hype erinnert uns ein wenig an die leicht überhypte Frage Grunt versus Gulp.
    [01:03:44] Wie lernt man am besten Node?
    Peter behauptet, Node wäre ganz einfach, sofern man JavaScript schon kann; die APIs lernt man besten, indem man wie in jeder anderen Programmiersprache einfache Programme schreibt. Golo geht im Prinzip d‘accord, sieht die größte Hürde im etwas unübersichtlichen Ökosystem von Node. Hilfe findet man natürlich am besten in Golos Buch Node.js & Co: Skalierbare, hochperformante und echtzeitfähige Webanwendungen professionell in JavaScript entwickeln.
    [01:09:27] EnterJS
    Golo erzählt von seiner Konferenz EnterJS, die vom 30. Juni bis 2. Juli in Köln stattfindet. Thema ist JavaScript im Unternehmenskontext.
    [01:13:19] Keine Schaunotizen
    Random User Generator
    Placekitten für User-Daten.
    noPrefixes flag in Modernizr
    Stefan bloggt über Fortschritte im Kampf gegen Vendor-Prefixes an der Modernizr-Front
    Installable Standalone WebApps
    Ein Überblick über den Status Quo.
    WURFL.js – Client Side, meet Server Side
    Die bekannte Device Detection Library jetzt auch clientseitig.
    The 4 Slice Scaling Technique for SVG
    SVG-Nerd Dirk Weber SVG-Slicing für Fortgeschrittene.
    Using blend modes in HTML Canvas
    Ein weniger bekanntes HTML5-Feature wird vom Adobe-Team beleuchtet.
    1 hr 18 min
  • Revision 159: Grunt im Einsatz
    Gästefrei sind diesmal Schepp, Rodney und Stefan mit am Start, um mit Grunt nach dem Hype in Klausur zu gehen.
    Schaunotizen
    [00:00:29] Grunt
    Grunt ist ja nun schon eine Weile bekannt und im Einsatz, und erfreut sich immer größerer Beliebtheit bei den Entwicklern. Sogar Schepp hat seine selbstgebastelten Buildscripts für diverse Projekte verlassen und ist in die Grunt-Welt eingetaucht. Wird reden über den Einsatz des Buildtools in großen und kleinen Projekten, und wie man sich das effiziente Entwickeln, vor allem in Hinblick auf CI und CD ohne Grunt eigentlich nicht mehr vorstellen kann. Plugins die erwähnt werden sind unter anderem spritesmith, autoprefixer, svgmin, cssmin und connect. Außerdem empfiehlt Rodney, statt load-grunt-tasks besser matchdep zu verwenden. Wer übrigens das letzte aus Grunt herauskitzeln will, dem empfehlen wir Paul Bakaus Artikel auf HTML5 Rocks
    [00:47:27] Keine Schaunotizen
    Chrome CLI
    Viel im Terminal? Mit der Chrome CLI kann man seinen Entwicklungsbrowser nun auch bequem von der Kommandozeile aus steuern.
    What nobody told you about Sass @extend
    Hugo Giraudel schreibt über die Funktionsweise und Gefahren der Sass @extend Methode.
    Try Handlebars
    Handlebars templates direkt im Browser ausprobieren und sehen, ob selbstgeschriebene Helper funktionieren. Geht hier.
    Pageres
    Mit Sindre Sorhus neuem Tool kann man Screenshots von der Kommandozeile aus machen.
    Refactoring Techniques
    Wie man richtig Refactoring betreibt wird in diesem Artikel erklärt.
    JavaScript Code Style Checker
    Ein weiterer Code Style Checker, aber höchst konfigurierbar und bis aufs kleinste anzupassen
    Web Animation at Work
    Rachel Nabors beschreibt ihr Steckenpferd in diesem List Apart Artikel.
    Draggable elements that push others out of way
    Chris Coyier schreibt über ein Design Pattern, und die unterschiedlichen Wege und Bibliotheken, es zufriedenstellend umzusetzen.
    [00:53:25] Tipp der Woche
    Including data from Github
    Tipp von Rodney: Wenn man mal Github files im Rohformat braucht, hat man mit diesen Services viel Freude.
    57 min
  • Revision 158: Performance, Performance, Performance; sowie Leserfragen

    In der heutigen Revision haben Hans, Peter und Stefan den Performance-König Tobias Baldauf eingeladen, um über aktuelle Trends und gute Ratschläge in Sachen Webperformance zu plaudern.

    [00:01:08] News
    Firefox 27
    Neuer Release des Independent Browser, mit der neuen CSS Eigenschaft all:unset und einigen anderen Änderungen.
    Schaunotizen
    [00:01:56] Bleeding Edge Bildoptimierung
    Tobias erzählt über aktuelle Trends in der Bildoptimierung, und wie man aus langgedienten Grafikformaten wie JPEG dank Machine Learning noch weitere 10% rausholen möchte.
    [00:07:56] Renderingoptimierungsmöglichkeiten bei Webfonts
    Chrome hat seinen Webfont Renderingprozess neu gelöst, und zeigt nach 30 Sekunden ohne geladener Font eine Fallbackschrift an. Außerdem erzählen wir welche weiteren Steuerungsmöglichkeiten es gibt, ob text-rendering Unterschiede macht und wie man Subsetting richtig einsetzen kann!
    [00:13:15] Automatisiert Performance Metriken generieren
    Performance kann und soll man klarerweise messen. Tobias gibt Tipps und verweist auf Tools wie Phantomas (samt Grunt-Plugin) und das HTTP Archive.
    [00:17:41] Viele Schriftschnitte vs. Performance
    Der Schriftenkaiser Gerrit van Aaken ruft zu Recht auf, verschiedene Fettschnitte in Webfonts zu beachten. Doch was des Designers Freud‘ ist des Performanceoptimierers Leid. Wo liegt die optimale Grenze, und welche Möglichkeiten würden wir uns wünschen um beide Welten zufrieden zu stellen. Wir philosophieren.
    [00:22:06] Performance-Guidelines und -Budgets
    Performance ist wichtig und kann auch gut argumentiert bzw. verkauft werden! Stefan erzählt von Kompromissen aus dem täglichen Agenturleben und welche Probleme man sich fernhält, wenn man das Performance-Augenmerk von Anfang an in Betracht zieht. Der Rest stimmt in der Reflexion mit ein und gibt Ratschläge.
    [00:27:58] Leserfrage: Unsere Erfahrungen zu custom styled Inputs
    Stammhörer Christoph Rumpel fragt, wie man Formularelemente am besten stylen kann, und welche Bibliotheken bzw. Tools wir dafür nehmen. Eine Antwort mit einem Plottwist. Erwähnt werden: Ryan Seddons Technik über :checked Attribut und das ähnlich funktionierende Navigataur. Außerdem wird es Zeit alert und confirm wieder aus ihrer Versenkung zu bringen!
    [00:35:37] Layoutgeschwindigkeit von CSS Flexbox
    CSS Flexbox rendert langsam und hat nicht unbedenkliche Aufbaustrukturen. Doch lieber CSS3 Grid-Layouts verwenden! Doch was, wenn manches davon noch gar nicht in den aktuellen Browsern implementiert wurde? Wir ranten über Angebot und Nachfrage, den IE9 und die Zukunft des Internet Explorers, und geben Peter in einer spontanen Selbsthilfegruppensitzung Platz.
    [00:46:47] Leserfrage: Gute Onlinecommunities für Webentwicklung?
    Christian fragt: Welche guten Onlinecommunities gibt es? Die Leute kurz vor oder jenseits der 30 erzählen mit weißen Rauschebärten über die gute, alte Forenzeit, dass deren Abgesang eigentlich eh nicht so schlecht ist, und warum Twitter und Co. sich in den letzten Jahren behauptet haben.
    [00:58:52] Keine Schaunotizen
    CSS Above the fold Inliner
    Dinge, die über der Fenstergrenze passieren sollten auch besonders schnell sichtbar sein. Dieses PhantomJS basierte Tool hilft!
    Responsive Images & Lazy Loading
    Der sehr aktive Sven Wolfermann über Responsive Images und Lazy Loading. Pflichtartikel
    Tipp der Woche
    Topcoat.io
    Man braucht fesches UI, ohne sich dabei gleich Boliden wie Bootstrap oder Foundation zu installieren, hat Ansprüche auf Performance und Anpassung? Dann sollte man auf Adobes Topcoat einen genaueren Blick werfen.

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

    1 hr 3 min
  • Revision 158: Performance, Performance, Performance; sowie Leserfragen
    In der heutigen Revision haben Hans, Peter und Stefan den Performance-König Tobias Baldauf eingeladen, um über aktuelle Trends und gute Ratschläge in Sachen Webperformance zu plaudern.
    [00:01:08] News
    Firefox 27
    Neuer Release des Independent Browser, mit der neuen CSS Eigenschaft all:unset und einigen anderen Änderungen.
    Schaunotizen
    [00:01:56] Bleeding Edge Bildoptimierung
    Tobias erzählt über aktuelle Trends in der Bildoptimierung, und wie man aus langgedienten Grafikformaten wie JPEG dank Machine Learning noch weitere 10% rausholen möchte.
    [00:07:56] Renderingoptimierungsmöglichkeiten bei Webfonts
    Chrome hat seinen Webfont Renderingprozess neu gelöst, und zeigt nach 30 Sekunden ohne geladener Font eine Fallbackschrift an. Außerdem erzählen wir welche weiteren Steuerungsmöglichkeiten es gibt, ob text-rendering Unterschiede macht und wie man Subsetting richtig einsetzen kann!
    [00:13:15] Automatisiert Performance Metriken generieren
    Performance kann und soll man klarerweise messen. Tobias gibt Tipps und verweist auf Tools wie Phantomas (samt Grunt-Plugin) und das HTTP Archive.
    [00:17:41] Viele Schriftschnitte vs. Performance
    Der Schriftenkaiser Gerrit van Aaken ruft zu Recht auf, verschiedene Fettschnitte in Webfonts zu beachten. Doch was des Designers Freud‘ ist des Performanceoptimierers Leid. Wo liegt die optimale Grenze, und welche Möglichkeiten würden wir uns wünschen um beide Welten zufrieden zu stellen. Wir philosophieren.
    [00:22:06] Performance-Guidelines und -Budgets
    Performance ist wichtig und kann auch gut argumentiert bzw. verkauft werden! Stefan erzählt von Kompromissen aus dem täglichen Agenturleben und welche Probleme man sich fernhält, wenn man das Performance-Augenmerk von Anfang an in Betracht zieht. Der Rest stimmt in der Reflexion mit ein und gibt Ratschläge.
    [00:27:58] Leserfrage: Unsere Erfahrungen zu custom styled Inputs
    Stammhörer Christoph Rumpel fragt, wie man Formularelemente am besten stylen kann, und welche Bibliotheken bzw. Tools wir dafür nehmen. Eine Antwort mit einem Plottwist. Erwähnt werden: Ryan Seddons Technik über :checked Attribut und das ähnlich funktionierende Navigataur. Außerdem wird es Zeit alert und confirm wieder aus ihrer Versenkung zu bringen!
    [00:35:37] Layoutgeschwindigkeit von CSS Flexbox
    CSS Flexbox rendert langsam und hat nicht unbedenkliche Aufbaustrukturen. Doch lieber CSS3 Grid-Layouts verwenden! Doch was, wenn manches davon noch gar nicht in den aktuellen Browsern implementiert wurde? Wir ranten über Angebot und Nachfrage, den IE9 und die Zukunft des Internet Explorers, und geben Peter in einer spontanen Selbsthilfegruppensitzung Platz.
    [00:46:47] Leserfrage: Gute Onlinecommunities für Webentwicklung?
    Christian fragt: Welche guten Onlinecommunities gibt es? Die Leute kurz vor oder jenseits der 30 erzählen mit weißen Rauschebärten über die gute, alte Forenzeit, dass deren Abgesang eigentlich eh nicht so schlecht ist, und warum Twitter und Co. sich in den letzten Jahren behauptet haben.
    [00:58:52] Keine Schaunotizen
    CSS Above the fold Inliner
    Dinge, die über der Fenstergrenze passieren sollten auch besonders schnell sichtbar sein. Dieses PhantomJS basierte Tool hilft!
    Responsive Images & Lazy Loading
    Der sehr aktive Sven Wolfermann über Responsive Images und Lazy Loading. Pflichtartikel
    Tipp der Woche
    Topcoat.io
    Man braucht fesches UI, ohne sich dabei gleich Boliden wie Bootstrap oder Foundation zu installieren, hat Ansprüche auf Performance und Anpassung? Dann sollte man auf Adobes Topcoat einen genaueren Blick werfen.
    1 hr 3 min
  • Revision 157: Komplexes Markup, Styles Inlinen und HTTP/2

    Keine Gäste, trotzdem Themen in einer – mal wieder – etwas längeren Sendung.

    Keine News
    Schaunotizen
    [00:00:20] HTML is too complex
    Wir stellen uns die Frage, ob HTML mit den Additionen in HTML5 zu komplex für uns Developer geworden ist. Hans vertritt die Meinung, dass mehr Möglichkeiten auch verbesserte Semantik mit sich bringt. Rodney ist da eher skeptisch, in wie fern dies dem durchschnittlichen Web Entwickler tatsächlich hilft.
    [00:12:00] Putting CSS in the head
    Basierend auf Hans‘ Artikel und dessen Vorläufer „What’s with putting the CSS in the head?“ diskutieren wir die Vor– und Nachteile von der Platzierung des CSS inline im Head-Element einer Website. Wir sprechen über allgemeine Performance, CDNs und die Use Cases dieser Technik.
    [00:29:19] Nine Things to Expect from HTTP/2
    Wir erklären HTTP/2 und SPDY etwas genauer. Die beiden neuen Netzwerk-Technologien sind gerade auf dem aufsteigenden Ast und werden uns Web-Entwicklern die Arbeit, gerade im Bezug auf Netzwerk-Performance erleichtern, sobald sie dann bei der breiten Masse angekommen sind. Testen, ob eine Website SPDY einsetzt, kann man mit SPDY-Check und eine gute Erklärung zum Thema SPDY Push gibt’s in diesem Video.
    [00:49:19] CSS Will Change
    Aktuell nutzen wir CSS 3D-Transforms um Grafik-Hardware-Beschleunigung für Elemente zu erreichen, damit diese flüssiger rendern. Mit der CSS-Eigenschaft will-change soll diesem Hack nun abgeholfen werden.
    [00:55:06] Glücksrad
    HTML5 Media
    Die Audio- und Video-API sind wichtige Bestandteile von HTML5. Leider sind diese allerdings für komplexere Anwendungen noch ziemlich inkonsistent in den verschiedenen Browsers implementiert. Schepp erzählt von seinen Erfahrungen.
    [01:04:06] Keine Schaunotizen
    Static Site Generators
    Eine Sammlung von Static Site Generatoren gibt Sven Wolfermann inklusive Wertung. Hans möchte zusätzlich sein INIT Projekt anpreisen.
    Take Off Conf Videos
    Die Videos der Take Off Conference, die Ende Januar statt fand, sind bereits online.
    Service Worker
    Ein Slidedeck mit allen Infos zu Service Workern.

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

    1 hr 12 min
  • Revision 157: Komplexes Markup, Styles Inlinen und HTTP/2
    Keine Gäste, trotzdem Themen in einer – mal wieder – etwas längeren Sendung.
    Keine News
    Schaunotizen
    [00:00:20] HTML is too complex
    Wir stellen uns die Frage, ob HTML mit den Additionen in HTML5 zu komplex für uns Developer geworden ist. Hans vertritt die Meinung, dass mehr Möglichkeiten auch verbesserte Semantik mit sich bringt. Rodney ist da eher skeptisch, in wie fern dies dem durchschnittlichen Web Entwickler tatsächlich hilft.
    [00:12:00] Putting CSS in the head
    Basierend auf Hans‘ Artikel und dessen Vorläufer „What’s with putting the CSS in the head?“ diskutieren wir die Vor– und Nachteile von der Platzierung des CSS inline im Head-Element einer Website. Wir sprechen über allgemeine Performance, CDNs und die Use Cases dieser Technik.
    [00:29:19] Nine Things to Expect from HTTP/2
    Wir erklären HTTP/2 und SPDY etwas genauer. Die beiden neuen Netzwerk-Technologien sind gerade auf dem aufsteigenden Ast und werden uns Web-Entwicklern die Arbeit, gerade im Bezug auf Netzwerk-Performance erleichtern, sobald sie dann bei der breiten Masse angekommen sind. Testen, ob eine Website SPDY einsetzt, kann man mit SPDY-Check und eine gute Erklärung zum Thema SPDY Push gibt’s in diesem Video.
    [00:49:19] CSS Will Change
    Aktuell nutzen wir CSS 3D-Transforms um Grafik-Hardware-Beschleunigung für Elemente zu erreichen, damit diese flüssiger rendern. Mit der CSS-Eigenschaft will-change soll diesem Hack nun abgeholfen werden.
    [00:55:06] Glücksrad
    HTML5 Media
    Die Audio- und Video-API sind wichtige Bestandteile von HTML5. Leider sind diese allerdings für komplexere Anwendungen noch ziemlich inkonsistent in den verschiedenen Browsers implementiert. Schepp erzählt von seinen Erfahrungen.
    [01:04:06] Keine Schaunotizen
    Static Site Generators
    Eine Sammlung von Static Site Generatoren gibt Sven Wolfermann inklusive Wertung. Hans möchte zusätzlich sein INIT Projekt anpreisen.
    Take Off Conf Videos
    Die Videos der Take Off Conference, die Ende Januar statt fand, sind bereits online.
    Service Worker
    Ein Slidedeck mit allen Infos zu Service Workern.
    1 hr 12 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