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 141: Devops, statische Seiten und Links

    Hans, Stefan und Peter luden sich dieses Mal Ole Michaelis (@codestars) ein, um sich zum Thema DevOps erleuchten zu lassen. Ole arbeitet tagsüber bei Jimdo, organisiert des Nachts Konferenzen wie So Coded und erzählt viel über DevOps.

    Schaunotizen
    [00:00:57] DevOps
    Ole definiert DevOps als eine Mischung aus dem Dasein eines (Backend-) Developers und den Aufgaben einer Operations-Abteilung (Deployment, Metering, Infrastruktur). Er versucht dabei vor allem, seinen Team in die Lage zu versetzen, selbst Operations-Aufgaben zu übernehmen oder dafür die Extra-Abteilung zu brauchen. Dem schließt sich eoine Debatte über de Rollenverteilung im Team an, bei der wir über den Bus-Faktor, Continuous Integration und SaaS philosophieren. Vor allem treibt uns die Frage um: was passiert denn wenn Amazon und/oder Github mal down sind (was im Einzelfall ja schon mal vorkommt). Auch Code Ownership und die Rechtslage, wenn Code ins Ausland wandert, sind interessante Probleme. Außerdem erwähnen wir:

    • http://jenkins-ci.org/ und https://travis-ci.org/
    • http://puppetlabs.com/ und http://www.opscode.com/chef/
    • https://npmjs.org/ und http://bower.io/
      • [00:22:40] Statische Seiten
      Nachdem wir die ganze Revision 138 über CMS geredet haben wird es auch mal Zeit die Gegenseite, d.h. statisches HTML zu beleuchten. Außerdem baut Ole ohnehin gerade etwas mit Jekyll. Peter erzählt Gruselstory von Padawanen, deren Webseite gehackt wurde während er eine Schulung gab und dass er seither CMS aus Sicherheitsgründen am liebsten nie wieder anfassen würde. Das Problem ist nur: wie macht man dann Nutzerinteraktion (reicht Disqus für Kommentare?) und wie bietet man nicht-nerdigen Redakteuren ein schönes Interface? Am Rande fallen die Namen des akut gehypten Ghost und des weniger gehypten Symfony CMF.
      [00:38:33] Glücksrad
      Outline-Algorithmus
      Wir reden über Theorie und Praxis des Outline-Algorithmus, SEO und schema.org.
      [00:46:31] Keine Schaunotizen
      Javascript Modules, AMD, and the road ahead.
      Ein Vergleich zwischen AMD, CommonJS und ES6-Modulen. Einen Konverter als Node-Modul gibt es auch schon.
      Getting Started With Web Components and polymer.js
      Einführung in die faszinierende Welt der Web Components.
      Internet Explorer, Blob URLs, Web Workers, die Same Origin Policy und der IE-Bugtracker
      Ein Rant von Peter über seinen aktuellen Lieblings-Bug im IE. Hier ist der Bug Report bei Microsoft.
      StahlstadtJS
      JS-Meetup in Linz.
      JSunconference
      Ist zwar erst im April 2014, aber vormerken kann man sich das Ganze schon mal.

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

      51 min
    • Revision 141: Devops, statische Seiten und Links
      Hans, Stefan und Peter luden sich dieses Mal Ole Michaelis (@codestars) ein, um sich zum Thema DevOps erleuchten zu lassen. Ole arbeitet tagsüber bei Jimdo, organisiert des Nachts Konferenzen wie So Coded und erzählt viel über DevOps.
      Schaunotizen
      [00:00:57] DevOps
      Ole definiert DevOps als eine Mischung aus dem Dasein eines (Backend-) Developers und den Aufgaben einer Operations-Abteilung (Deployment, Metering, Infrastruktur). Er versucht dabei vor allem, seinen Team in die Lage zu versetzen, selbst Operations-Aufgaben zu übernehmen oder dafür die Extra-Abteilung zu brauchen. Dem schließt sich eoine Debatte über de Rollenverteilung im Team an, bei der wir über den Bus-Faktor, Continuous Integration und SaaS philosophieren. Vor allem treibt uns die Frage um: was passiert denn wenn Amazon und/oder Github mal down sind (was im Einzelfall ja schon mal vorkommt). Auch Code Ownership und die Rechtslage, wenn Code ins Ausland wandert, sind interessante Probleme. Außerdem erwähnen wir:
      http://jenkins-ci.org/ und https://travis-ci.org/
      http://puppetlabs.com/ und http://www.opscode.com/chef/
      https://npmjs.org/ und http://bower.io/
      [00:22:40] Statische Seiten
      Nachdem wir die ganze Revision 138 über CMS geredet haben wird es auch mal Zeit die Gegenseite, d.h. statisches HTML zu beleuchten. Außerdem baut Ole ohnehin gerade etwas mit Jekyll. Peter erzählt Gruselstory von Padawanen, deren Webseite gehackt wurde während er eine Schulung gab und dass er seither CMS aus Sicherheitsgründen am liebsten nie wieder anfassen würde. Das Problem ist nur: wie macht man dann Nutzerinteraktion (reicht Disqus für Kommentare?) und wie bietet man nicht-nerdigen Redakteuren ein schönes Interface? Am Rande fallen die Namen des akut gehypten Ghost und des weniger gehypten Symfony CMF.
      [00:38:33] Glücksrad
      Outline-Algorithmus
      Wir reden über Theorie und Praxis des Outline-Algorithmus, SEO und schema.org.
      [00:46:31] Keine Schaunotizen
      Javascript Modules, AMD, and the road ahead.
      Ein Vergleich zwischen AMD, CommonJS und ES6-Modulen. Einen Konverter als Node-Modul gibt es auch schon.
      Getting Started With Web Components and polymer.js
      Einführung in die faszinierende Welt der Web Components.
      Internet Explorer, Blob URLs, Web Workers, die Same Origin Policy und der IE-Bugtracker
      Ein Rant von Peter über seinen aktuellen Lieblings-Bug im IE. Hier ist der Bug Report bei Microsoft.
      StahlstadtJS
      JS-Meetup in Linz.
      JSunconference
      Ist zwar erst im April 2014, aber vormerken kann man sich das Ganze schon mal.
      51 min
    • Revision 139: Toolchain-Kult und Touch-Events

      Viele Bothaner erlitten den Tod bis endlich Patrick Lauke den Weg in unsere Sendung fand. Dort angekommen erhellte er uns über Touch- und Pointer-Events und glich seine Meinung über Toolchains und ARIA-Kurse mit Schepp und Peter ab.

      Schaunotizen
      [00:02:10] Toolchain-Kult?
      Früher war alles einfacher, da brauchte man nur Notepad und einen FTP-Client. Heute hingegen machte Patrick die Erfahrung, dass er 3 Tage lang an seiner Toolchain herumfrickeln musste um einen Pull Request abzusetzen und er fragt sich, ob das so sein muss. Peter findet, dass die FTP-Notepad-Zeit angewandte Barbarei war und der Trubel um Grunt und Co seine Berechtigung hat. Er würde sogar behaupten, dass speziell moderne Browser-Devtools einen Einstieg eher erleichtern könnten. Schepp wirft ein, dass mit GUI-Programmen wie Prepros das Setup auch nicht ganz so nerdig und beschwerlich sein muss.
      [00:17:50] Getting touchy – an introduction to touch and pointer events
      Patricks aktuelles Lieblingsthema sind Touch- und Pointer-Events, an deren Historie, Funktionsweise und Verbuggtheit er in dreistündigen Workshops abarbeitet – für uns gibt es die Express-Version. Wir sprechen über Touch-Events, Touch-Delays, Mouseover-Menüs, Movement-Events, Erkennung von Touchscreens (nicht gut), Pointer-Events, Polyfills für Pointer-Events, Browserbugs (siehe auch Revision 137) und über die Fortschrittsbremsen von der Obsttheke.

      [00:54:43] Introduction to Web Accessibility
      Wie kann ein kostenloser vierteiliger Kurs zu Barrierefreiheit für eine Kontroverse sorgen? Ganz einfach, man muss nur Google sein und WAI-ARIA mit Accessibility allgemein verwechseln. Statt gleich die richtigen Elemente zu verwenden (Peter besteht darauf, zu erwähnen, dass das genau so wichtig ist wie korrekte Syntax) accessibilisiert der Kurs Div-Suppen. Die enthaltenen ARIA-Infos sind solide, als Gesamtbarrierefreiheitslösung ist der Kurs aber höchst zweifelhaft. Desweiteren plaudern wir über Chrome Vox und seine API sowie Accessibility-APIs allgemein.
      [01:07:17] Keine Schaunotizen
      New Features in the Firefox Developer Tools: Episode 26
      Firebug ist obsolet und die Chrome-Devtools sind bald eingeholt.
      Magic CSS3 Anaimations
      Eine weitere Library voller CSS3-Animationen.
      Revisioning Assets using
      Einer dieser schönen, langen, hackigen Trip Reports von Rodney.
      insidrrr | Offenes Kompetenznetzwerk für interaktive Medien
      Geheimtipp vom Schepp.

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

      1 hr 17 min
    • Revision 139: Toolchain-Kult und Touch-Events
      Viele Bothaner erlitten den Tod bis endlich Patrick Lauke den Weg in unsere Sendung fand. Dort angekommen erhellte er uns über Touch- und Pointer-Events und glich seine Meinung über Toolchains und ARIA-Kurse mit Schepp und Peter ab.
      Schaunotizen
      [00:02:10] Toolchain-Kult?
      Früher war alles einfacher, da brauchte man nur Notepad und einen FTP-Client. Heute hingegen machte Patrick die Erfahrung, dass er 3 Tage lang an seiner Toolchain herumfrickeln musste um einen Pull Request abzusetzen und er fragt sich, ob das so sein muss. Peter findet, dass die FTP-Notepad-Zeit angewandte Barbarei war und der Trubel um Grunt und Co seine Berechtigung hat. Er würde sogar behaupten, dass speziell moderne Browser-Devtools einen Einstieg eher erleichtern könnten. Schepp wirft ein, dass mit GUI-Programmen wie Prepros das Setup auch nicht ganz so nerdig und beschwerlich sein muss.
      [00:17:50] Getting touchy – an introduction to touch and pointer events
      Patricks aktuelles Lieblingsthema sind Touch- und Pointer-Events, an deren Historie, Funktionsweise und Verbuggtheit er in dreistündigen Workshops abarbeitet – für uns gibt es die Express-Version. Wir sprechen über Touch-Events, Touch-Delays, Mouseover-Menüs, Movement-Events, Erkennung von Touchscreens (nicht gut), Pointer-Events, Polyfills für Pointer-Events, Browserbugs (siehe auch Revision 137) und über die Fortschrittsbremsen von der Obsttheke.
      [00:54:43] Introduction to Web Accessibility
      Wie kann ein kostenloser vierteiliger Kurs zu Barrierefreiheit für eine Kontroverse sorgen? Ganz einfach, man muss nur Google sein und WAI-ARIA mit Accessibility allgemein verwechseln. Statt gleich die richtigen Elemente zu verwenden (Peter besteht darauf, zu erwähnen, dass das genau so wichtig ist wie korrekte Syntax) accessibilisiert der Kurs Div-Suppen. Die enthaltenen ARIA-Infos sind solide, als Gesamtbarrierefreiheitslösung ist der Kurs aber höchst zweifelhaft. Desweiteren plaudern wir über Chrome Vox und seine API sowie Accessibility-APIs allgemein.
      [01:07:17] Keine Schaunotizen
      New Features in the Firefox Developer Tools: Episode 26
      Firebug ist obsolet und die Chrome-Devtools sind bald eingeholt.
      Magic CSS3 Anaimations
      Eine weitere Library voller CSS3-Animationen.
      Revisioning Assets using
      Einer dieser schönen, langen, hackigen Trip Reports von Rodney.
      insidrrr | Offenes Kompetenznetzwerk für interaktive Medien
      Geheimtipp vom Schepp.
      1 hr 17 min
    • Revision 138: Auf der roten CMS Couch

      Eine spontane Revision mit spontanen Gästen und einem noch spontaneren Twitter. Eine fünf Minuten vor Start zusammengestoppelte Besetzung aus Matthias Mees, Jens Grochtdreis, Stefan und Schepp diskutiert über die Dinge, die dem Webworker seit jeher graue Haare und Falten bereiten: Content Management Systeme.

      [00:00:45] News
      jQuery 1.11 and 2.1 Beta 1 Released
      Die Beta der neuen jQuery ist erschienen, mit einigen interessanten Änderungen, unter anderem einer neuen, AMD-lastigen Architektur.
      Schaunotizen
      [00:02:07] Content Management Systeme
      In einer stundenlangenen Plauderei nehmen die furchtlosen Frontend-Vier ein CMS nach dem anderen unter die Lupe. Wir beleuchten das Für und Wider der kommerziellen Systeme wie Reddot und Imperia, brechen die eine oder andere Lanze für ProcessWire und Kirby. Außerdem erklären wir, wie man mit den JSON API, Advanced Custom Fields und Super Custom Page Tyoes auch aus WordPress ein ganz anständiges System machen kann. Jens und Stefan verlieren auch das eine oder andere Wort über statische Seitengeneratoren, wie zum Beispiel Jekyll oder das in Grunt integrierbare Assemble. Und wer noch nicht genug Namedropping hat: Mit einer Liste der weltweiten CMS Anteile werfen wir ein halbes Auge auch noch auf Joomla, Redaxo, Typo 3, Drupal, ModX, Expression Engine, Serendipity, Pico und viele weitere. Ob wir mit diesem Rundumschlag eine schlußendliche Empfehlung abgeben können?
      [01:10:48] Keine Schaunotizen
      I can smell your CMS
      Ein zum Thema passender Talk von Phil Hawksworth auf der letztjährigen Fronteers.
      Safari iOS7 – HTML5, Problems und APIs
      Mobile Web Advokat Max Firtman gibt einen sehr ausführlichen Überblick über sämtliche Änderungen des letzten Mobile Safari Updates.
      Complete Guide to the elementApropos ausführlich. Das war auch Chris Coyier bei der wohl ultimativen Übersicht zu den Tabellen.Barrierefreie DatentabellenDazu passend: Benimmregeln für die richtige und barrierefreie Verwendung ebenjener.Controlling CSS Animations/Transitions with JavaScriptWieder CSS-Tricks, diesmal mit einem Gastbeitrag zu den Möglichkeiten, wie man über JavaScript CSS Animationen und Transitions steuern kann.animo.jsSexy, sexy CSS Animations über eine sehr angenehm zu bedienende JavaScript API.FireshellWem ein Yeoman zu umfangreich und wuchtig ist, kann es mit Todd Mottos Fireshell versuchen. Oder gleich zu Hans‘ Init greifen.Sass Color FunctionsJackie Balzer zeigt, welche Sass Farbfunktionen es gibt. Und das nicht nur in Prosa und Code, sondern mit einem sehr ansehnlichen Tutorial.

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

      1 hr 16 min
    • Revision 138: Auf der roten CMS Couch
      Eine spontane Revision mit spontanen Gästen und einem noch spontaneren Twitter. Eine fünf Minuten vor Start zusammengestoppelte Besetzung aus Matthias Mees, Jens Grochtdreis, Stefan und Schepp diskutiert über die Dinge, die dem Webworker seit jeher graue Haare und Falten bereiten: Content Management Systeme.
      [00:00:45] News
      jQuery 1.11 and 2.1 Beta 1 Released
      Die Beta der neuen jQuery ist erschienen, mit einigen interessanten Änderungen, unter anderem einer neuen, AMD-lastigen Architektur.
      Schaunotizen
      [00:02:07] Content Management Systeme
      In einer stundenlangenen Plauderei nehmen die furchtlosen Frontend-Vier ein CMS nach dem anderen unter die Lupe. Wir beleuchten das Für und Wider der kommerziellen Systeme wie Reddot und Imperia, brechen die eine oder andere Lanze für ProcessWire und Kirby. Außerdem erklären wir, wie man mit den JSON API, Advanced Custom Fields und Super Custom Page Tyoes auch aus WordPress ein ganz anständiges System machen kann. Jens und Stefan verlieren auch das eine oder andere Wort über statische Seitengeneratoren, wie zum Beispiel Jekyll oder das in Grunt integrierbare Assemble. Und wer noch nicht genug Namedropping hat: Mit einer Liste der weltweiten CMS Anteile werfen wir ein halbes Auge auch noch auf Joomla, Redaxo, Typo 3, Drupal, ModX, Expression Engine, Serendipity, Pico und viele weitere. Ob wir mit diesem Rundumschlag eine schlußendliche Empfehlung abgeben können?
      [01:10:48] Keine Schaunotizen
      I can smell your CMS
      Ein zum Thema passender Talk von Phil Hawksworth auf der letztjährigen Fronteers.
      Safari iOS7 – HTML5, Problems und APIs
      Mobile Web Advokat Max Firtman gibt einen sehr ausführlichen Überblick über sämtliche Änderungen des letzten Mobile Safari Updates.
      Complete Guide to the element
      Apropos ausführlich. Das war auch Chris Coyier bei der wohl ultimativen Übersicht zu den Tabellen.
      Barrierefreie Datentabellen
      Dazu passend: Benimmregeln für die richtige und barrierefreie Verwendung ebenjener.
      Controlling CSS Animations/Transitions with JavaScript
      Wieder CSS-Tricks, diesmal mit einem Gastbeitrag zu den Möglichkeiten, wie man über JavaScript CSS Animationen und Transitions steuern kann.
      animo.js
      Sexy, sexy CSS Animations über eine sehr angenehm zu bedienende JavaScript API.
      Fireshell
      Wem ein Yeoman zu umfangreich und wuchtig ist, kann es mit Todd Mottos Fireshell versuchen. Oder gleich zu Hans‘ Init greifen.
      Sass Color Functions
      Jackie Balzer zeigt, welche Sass Farbfunktionen es gibt. Und das nicht nur in Prosa und Code, sondern mit einem sehr ansehnlichen Tutorial.
      1 hr 16 min
    • Revision 137: Mobile Browser Wonderland

      Aus Mangel an aktuellen Themen geben Peter, Stefan und der Schepp einen Rundumschlag zum Thema Mobile Browser. Wir plaudern fröhlich aus dem Nähkästchen, erzählen von unseren Erfahrungen und präsentieren die irrsinnigsten Browserquirks, die selbst dem IE6 alle Ehre gemacht hätten.

      [00:00:17] News
      Adobe Generator for Photoshop CC
      Echtzeit Assets direkt aus Photoshop in eure App? Geht mit dieser offziellen Erweiterung von Adobe.
      Schaunotizen
      [00:05:00] HTML5 Video mit MP4
      Schepp erzählt von seinen jüngsten Erfahrungen mit HTML5 Videos auf mobilen Browsern, und welche Browser sich trotz allen Vorkehrungen sich durch einen bestimmten Grund querstellen, wenn es um das Abspielen von MP4 geht. Peter und Stefan raten mehrmals falsch, die Lösung ist umso augenöffnender
      [00:11:08] Scrolling
      Schon mal eine Seite mit „tollen“ Scrollingeffekten auf iOS Safari angesehen? Scrolling blockiert den Render-Thread aus diversen Gründen, Abhilfe schaffen JavaScript Bibliotheken wie iScroll und Scrollability, aber auch nur bedingt, wie Stefan auf Android 2.x geräten schmerzhaft erfahren musste.
      [00:18:07] Rendering Geschwindigkeit
      Peter erzählt von seinen Kursen mit HTML5 Padawanen und wie sogar auf Desktop-Browsern keine ordentliche Renderperformance zustande kommt (Continuous Painting Mode ist des Rätsels Lösung). Schepp empfiehlt CSS Transforms statt herkömmlichen Positionierungsmöglichkeiten, wenn es um flüssige Animationen geht und predigt und erklärt Browser-Verständnis, wie in seinem letzten Artikel in der Screenguide.
      [00:28:30] Debugging
      Während man sich in den mobilen Urzeiten meist mit dem alert()-Debugger Abhilfe schaffen musste, gibt es jetzt mittlerweile ein paar sehr gute Tools, die einem dabei helfen. Command Line Tools Wasserfalldiagramme zu erstellen und im Web zu betrachten. Zu guter Letzt stellen wir noch das MIHTool vor.
      [00:38:46] Mobile Safari, IE10 und die Android Eigenheiten
      Wer aktuell für den iOS Safari entwickelt muss sich auf diverse IE6 und WWII Vergleiche einstellen. Wir plaudern über unsere Erfahrungen mit den verschiedenen Plattformen und deren Standardbrowsern und kommen zum Schluß, dass wir nur noch von IE6en umgeben sind. Außerdem erwähnen wir clevere Hacks, wie Peters IndexDB Polyfill, erwähnen das 300ms Klick Delay und welche Probleme man damit hat, und verdammen neue Browser, die selbst die einfachsten Viewport Anweisungen nicht ohne Extraeinladungen verstehen.
      [01:08:57] Audio
      Die Klammer schließt sich. War Video schon ein gebrochenes Ding, geht es mit HTML5 Audio weiter. Stefan erzählt von der Ein-Klick-Regel und erwähnt Soundsprites, und wir geben Hinweise auf Audio-Bibliotheken wie Howler, SoundManager2 und Roadie.js
      [01:15:04] Get Firefox
      Zu guter Letzt brechen wir noch eine Lanze für Firefox, dem mobilen Browser der im Moment wohl alles richtig zu machen scheint.
      [01:16:55] Glücksrad
      Das Template Element
      Schepp erklärt uns das
      1 hr 26 min
    • Revision 137: Mobile Browser Wonderland
      Aus Mangel an aktuellen Themen geben Peter, Stefan und der Schepp einen Rundumschlag zum Thema Mobile Browser. Wir plaudern fröhlich aus dem Nähkästchen, erzählen von unseren Erfahrungen und präsentieren die irrsinnigsten Browserquirks, die selbst dem IE6 alle Ehre gemacht hätten.
      [00:00:17] News
      Adobe Generator for Photoshop CC
      Echtzeit Assets direkt aus Photoshop in eure App? Geht mit dieser offziellen Erweiterung von Adobe.
      Schaunotizen
      [00:05:00] HTML5 Video mit MP4
      Schepp erzählt von seinen jüngsten Erfahrungen mit HTML5 Videos auf mobilen Browsern, und welche Browser sich trotz allen Vorkehrungen sich durch einen bestimmten Grund querstellen, wenn es um das Abspielen von MP4 geht. Peter und Stefan raten mehrmals falsch, die Lösung ist umso augenöffnender
      [00:11:08] Scrolling
      Schon mal eine Seite mit „tollen“ Scrollingeffekten auf iOS Safari angesehen? Scrolling blockiert den Render-Thread aus diversen Gründen, Abhilfe schaffen JavaScript Bibliotheken wie iScroll und Scrollability, aber auch nur bedingt, wie Stefan auf Android 2.x geräten schmerzhaft erfahren musste.
      [00:18:07] Rendering Geschwindigkeit
      Peter erzählt von seinen Kursen mit HTML5 Padawanen und wie sogar auf Desktop-Browsern keine ordentliche Renderperformance zustande kommt (Continuous Painting Mode ist des Rätsels Lösung). Schepp empfiehlt CSS Transforms statt herkömmlichen Positionierungsmöglichkeiten, wenn es um flüssige Animationen geht und predigt und erklärt Browser-Verständnis, wie in seinem letzten Artikel in der Screenguide.
      [00:28:30] Debugging
      Während man sich in den mobilen Urzeiten meist mit dem alert()-Debugger Abhilfe schaffen musste, gibt es jetzt mittlerweile ein paar sehr gute Tools, die einem dabei helfen.
      1 hr 26 min
    • Revision 136: Smashing Conference und ein moderner Design-Workflow

      Zur Revision 136 war Stefan Nitzsche zu Gast, der mit uns ein wenig über seine Projekte und seinen Workflow redete.

      Schaunotizen
      [00:01:45] Smashing Conference
      Stefan war gerade am Tag der Aufnahme bei der Smashing Conference zu Gast und erzählt von den interessanten Vorträgen. Unter anderem hat ihm der Talk von Luke Wroblewski sehr gut gefallen, der das Thema Mobile Web weiter geführt hat und über eine Zukunft mit mehreren Devices für jede Person spricht und wie uns diese beeinflusst. Dazu sprechen wir unter anderem über Microsofts Companion Web und unsere Eindrücke zum Thema.
      [00:22:41] Design-Workflow
      Heutzutage ist Design fürs Web nicht einfach nur eben mal eine Photoshop-Datei. Oft genug haben wir über Design um Browser gehört und gesprochen. Wie aber sieht die Realität aus? Und wie gehen Experten wie Stefan die Sache an? Dabei fiel dann auch der Name Edward Tufte ob der von ihm geprägten „Data-Ink Ratio“.
      [00:46:41] Keine Schaunotizen
      Favicon Cheat Sheet
      Viele Tips und Tricks, wie man Favicons und Apple-Touch-Icons baut.
      favico.js
      favico.js ändert das Favicon client-seitig dynamisch. Ideal für Notifications.
      Implementing Native Drag and Drop
      Ein Tutorial, welches beschreibt, wie man cross-browser natives Drag and Drop verwendet.
      Developer Meetup in Freiburg
      Am 27. September veranstaltet Hans wieder ein Developer Meetup in Freiburg. Dieses mal zum Thema „Backend – Frontend – Happy End?“.

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

      56 min
    • Revision 136: Smashing Conference und ein moderner Design-Workflow
      Zur Revision 136 war Stefan Nitzsche zu Gast, der mit uns ein wenig über seine Projekte und seinen Workflow redete.
      Schaunotizen
      [00:01:45] Smashing Conference
      Stefan war gerade am Tag der Aufnahme bei der Smashing Conference zu Gast und erzählt von den interessanten Vorträgen. Unter anderem hat ihm der Talk von Luke Wroblewski sehr gut gefallen, der das Thema Mobile Web weiter geführt hat und über eine Zukunft mit mehreren Devices für jede Person spricht und wie uns diese beeinflusst. Dazu sprechen wir unter anderem über Microsofts Companion Web und unsere Eindrücke zum Thema.
      [00:22:41] Design-Workflow
      Heutzutage ist Design fürs Web nicht einfach nur eben mal eine Photoshop-Datei. Oft genug haben wir über Design um Browser gehört und gesprochen. Wie aber sieht die Realität aus? Und wie gehen Experten wie Stefan die Sache an? Dabei fiel dann auch der Name Edward Tufte ob der von ihm geprägten „Data-Ink Ratio“.
      [00:46:41] Keine Schaunotizen
      Favicon Cheat Sheet
      Viele Tips und Tricks, wie man Favicons und Apple-Touch-Icons baut.
      favico.js
      favico.js ändert das Favicon client-seitig dynamisch. Ideal für Notifications.
      Implementing Native Drag and Drop
      Ein Tutorial, welches beschreibt, wie man cross-browser natives Drag and Drop verwendet.
      Developer Meetup in Freiburg
      Am 27. September veranstaltet Hans wieder ein Developer Meetup in Freiburg. Dieses mal zum Thema „Backend – Frontend – Happy End?“.
      56 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