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 95: Vanilla Web und Accessibility

    Christian und Rodney luden Marco Zehe (@MarcoZehe) ein und verquatschten sich zum Thema Barrierefreiheit – mit wem könnte das besser gehen als mit einem Blinden, der obendrein für die Qualitätssicherung im Bereich Barrierefreiheit bei einem Browserhersteller arbeitet?

    Schaunotizen
    [00:00:58] The Vanilla Web Diet
    Christian Heilmann (@codepo8) überlegt ein Buch zu schreiben. Über das Web, ohne schwere Bibliotheken, Polyfills und anderen Kram den man nicht braucht. Was sich zunächst als möglicherweise sinnvoll darstellt (Stop using jQuery all the time), wird bei näherem Betrachten jedoch nicht mehr ganz so angenehm (Native APIs – dann doch lieber gleich Assembler…) und bringt vermutlich sogar große Rückschritte mit sich – denn dann müsste sich ja auf einmal jeder mit Barrierefreiheit auseinandersetzen. Letzteres nehmen uns Tools wie jQuery UI glücklicherweise (noch) ab.
    [00:24:32] Accessibility – what is it good for?
    Gar nicht wenig ausufernd erklärt uns Marco die Hintergründe für seinen letzten Artikel – wie Accessibility doch auch nach Jahren der Predigten immer noch kein massenkompatibles Thema ist. Das ganze passt auch gut zum kürzlich stattgefundenen A-Tag in Wien (00:44:40) – an dem Marco einen Vortrag hielt. Über Zugänglichkeit in Firefox Mobile auf Android und Firefox OS sprechen wir übrigens auch. (Nein, auf Steve’s heiligem Sprachrohr wird’s auch künftig keinen roten Fuchs geben…)
    [01:23:25] Keine Schaunotizen
    Web Development for Windows Phone
    …zeigt die Unterschiede von Internet Explorer 10 auf dem Desktop und auf Windows Phone 8
    Device screen resultions ordered by OS
    …listet die verfügbaren Auflösungen je Betriebssystem
    Learn CSS Layout
    …ist eine prima Ressource zum Einstieg in Layouting mit CSS
    A new Mobile UX Design Material
    …zeigt uns was Motion Design in der Mobile Welt bedeutet
    Sly
    …ist ein schickes jQuery-Plugin für alle möglichen Scroller- / Slider- Anwendungen
    localStorageDB
    …schenkt dem „einfachen“ key/value store einen Hauch Datenbank-Feeling
    Lawnchair
    …spielt JSON-Datenbank (mit Suche und so)
    The Rule Of Three
    …erklärt uns, dass wir nicht zu früh abstrahieren sollen.
    Writing Fast, Memory-Efficient Javascript
    …erklärt uns anhand ein paar Javascript-Engine-Internals wie man JS schreibt, das den Garbage Collector nicht unnötig strapaziert – und wie wir solche Verbrecher finden können.

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

    1 hr 31 min
  • Revision 95: Vanilla Web und Accessibility
    Christian und Rodney luden Marco Zehe (@MarcoZehe) ein und verquatschten sich zum Thema Barrierefreiheit – mit wem könnte das besser gehen als mit einem Blinden, der obendrein für die Qualitätssicherung im Bereich Barrierefreiheit bei einem Browserhersteller arbeitet?
    Schaunotizen
    [00:00:58] The Vanilla Web Diet
    Christian Heilmann (@codepo8) überlegt ein Buch zu schreiben. Über das Web, ohne schwere Bibliotheken, Polyfills und anderen Kram den man nicht braucht. Was sich zunächst als möglicherweise sinnvoll darstellt (Stop using jQuery all the time), wird bei näherem Betrachten jedoch nicht mehr ganz so angenehm (Native APIs – dann doch lieber gleich Assembler…) und bringt vermutlich sogar große Rückschritte mit sich – denn dann müsste sich ja auf einmal jeder mit Barrierefreiheit auseinandersetzen. Letzteres nehmen uns Tools wie jQuery UI glücklicherweise (noch) ab.
    [00:24:32] Accessibility – what is it good for?
    Gar nicht wenig ausufernd erklärt uns Marco die Hintergründe für seinen letzten Artikel – wie Accessibility doch auch nach Jahren der Predigten immer noch kein massenkompatibles Thema ist. Das ganze passt auch gut zum kürzlich stattgefundenen A-Tag in Wien (00:44:40) – an dem Marco einen Vortrag hielt. Über Zugänglichkeit in Firefox Mobile auf Android und Firefox OS sprechen wir übrigens auch. (Nein, auf Steve’s heiligem Sprachrohr wird’s auch künftig keinen roten Fuchs geben…)
    [01:23:25] Keine Schaunotizen
    Web Development for Windows Phone
    …zeigt die Unterschiede von Internet Explorer 10 auf dem Desktop und auf Windows Phone 8
    Device screen resultions ordered by OS
    …listet die verfügbaren Auflösungen je Betriebssystem
    Learn CSS Layout
    …ist eine prima Ressource zum Einstieg in Layouting mit CSS
    A new Mobile UX Design Material
    …zeigt uns was Motion Design in der Mobile Welt bedeutet
    Sly
    …ist ein schickes jQuery-Plugin für alle möglichen Scroller- / Slider- Anwendungen
    localStorageDB
    …schenkt dem „einfachen“ key/value store einen Hauch Datenbank-Feeling
    Lawnchair
    …spielt JSON-Datenbank (mit Suche und so)
    The Rule Of Three
    …erklärt uns, dass wir nicht zu früh abstrahieren sollen.
    Writing Fast, Memory-Efficient Javascript
    …erklärt uns anhand ein paar Javascript-Engine-Internals wie man JS schreibt, das den Garbage Collector nicht unnötig strapaziert – und wie wir solche Verbrecher finden können.
    1 hr 31 min
  • Revision 94: Test The Web Forward!

    Da irgendwie alle Moderatoren in der vergangenen Woche in der Weltgeschichte unterwegs waren, um die neusten Ideen und Tools für euch aufzutreiben, waren es doch eher wenige Artikel, die gelesen werden konnten und die Themenvielfalt hielt sich in Grenzen.

    Diesmal gibt es keine News zu vermelden.

    Schaunotizen
    [00:00:20] Test The Web Forward!
    Der Schepp und Hans waren gemeinsam bei Test The Web Forward in Paris und haben Tests für W3C Spezifikationen geschrieben. Darüber wissen sie zu berichten und stellen sich den investigativen Fragen von Kahlil und Rod und erklären, wie man Tests für das Web schreibt und warum es so wichtig ist.
    Ein paar Fotos von Schepp könnt ihr auf Google+ finden.
    [00:31:42] Keine Schaunotizen
    So, you want to be a Front-end Engineer
    Ein Slide-Set, das zu erklären versucht, wie Browser funktionieren (basierend auf einem etwas älteren Artikel auf HTML5Rocks). Will man sich Front-end Engineer nennen, sollte man davon nämlich was verstehen.
    CSS FilterLab
    CSS FilterLab ist eine Web-App zum einfachen erstellen und testen von CSS Filtern. Edit: CSS FilterLab ist von Adobe.
    3D CSS Tester
    Mit 3D CSS Tester kann man die CSS 3D Eigenschaften testen und lernen diese zu verstehen.
    CSS Layout Resources
    Eine Zusammenstellung von Artikeln zum Thema CSS Layout: Flexbox, Grid Templates, Multi-Columns, Regions und Exclusions & Shapes.
    Test’em
    Test’em ist ein Node.js Tool, dass das Unit-Testing erleichtert in dem es Hilfestellung für Test-Driven-Development und Continuous Integration bietet.
    Distilled Hype & @JSCentral
    Kahlil verlinkt die besten Artikel im Bereich Front-end und Rodney twittert mit ein paar anderen die News zum Thema JavaScript.
    Fronteers Jam Session Videos
    Die Vorträge von der Fronteers Jam Session sind jetzt auf Vimeo als Video verfügbar.

    Bis nächste Woche dann! Danke fürs reinhören :)

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

    41 min
  • Revision 94: Test The Web Forward!
    Da irgendwie alle Moderatoren in der vergangenen Woche in der Weltgeschichte unterwegs waren, um die neusten Ideen und Tools für euch aufzutreiben, waren es doch eher wenige Artikel, die gelesen werden konnten und die Themenvielfalt hielt sich in Grenzen.
    Diesmal gibt es keine News zu vermelden.
    Schaunotizen
    [00:00:20] Test The Web Forward!
    Der Schepp und Hans waren gemeinsam bei Test The Web Forward in Paris und haben Tests für W3C Spezifikationen geschrieben. Darüber wissen sie zu berichten und stellen sich den investigativen Fragen von Kahlil und Rod und erklären, wie man Tests für das Web schreibt und warum es so wichtig ist.
    Ein paar Fotos von Schepp könnt ihr auf Google+ finden.
    [00:31:42] Keine Schaunotizen
    So, you want to be a Front-end Engineer
    Ein Slide-Set, das zu erklären versucht, wie Browser funktionieren (basierend auf einem etwas älteren Artikel auf HTML5Rocks). Will man sich Front-end Engineer nennen, sollte man davon nämlich was verstehen.
    CSS FilterLab
    CSS FilterLab ist eine Web-App zum einfachen erstellen und testen von CSS Filtern. Edit: CSS FilterLab ist von Adobe.
    3D CSS Tester
    Mit 3D CSS Tester kann man die CSS 3D Eigenschaften testen und lernen diese zu verstehen.
    CSS Layout Resources
    Eine Zusammenstellung von Artikeln zum Thema CSS Layout: Flexbox, Grid Templates, Multi-Columns, Regions und Exclusions & Shapes.
    Test’em
    Test’em ist ein Node.js Tool, dass das Unit-Testing erleichtert in dem es Hilfestellung für Test-Driven-Development und Continuous Integration bietet.
    Distilled Hype & @JSCentral
    Kahlil verlinkt die besten Artikel im Bereich Front-end und Rodney twittert mit ein paar anderen die News zum Thema JavaScript.
    Fronteers Jam Session Videos
    Die Vorträge von der Fronteers Jam Session sind jetzt auf Vimeo als Video verfügbar.
    Bis nächste Woche dann! Danke fürs reinhören :)
    41 min
  • Revision 93: Farbkontraste und die volle Responsive Dröhnung!

    Diese Woche luden der Schepp, Kahlil und Hans Christoph Zillgens ein, sprachen über Responsive Design und befragten ihn zu seinem neuen Buch.

    Außerdem könnt ihr sein Buch auch gewinnen! Mehr zu unserem Gewinnspiel weiter unten…

    [00:00:55] News
    Shadow DOM
    Shadow DOM ist nun ein Working Draft. Woop!
    CSS Exclusions in Chrome Canary
    CSS Exclusions sind nun teilweise als experimentelles Feature im Chrome Canary verfügbar.
    Schaunotizen
    [00:01:42] Lea Verou’s neues Tool Contrast Ratio
    Contrast Ratio kalkuliert, ob der Kontrast zweier Farben dem WCAG 2.0 Standard zur Barrierearmut entspricht. Wir diskutieren darüber, ob man das Tool im Alltag wirklich brauchen kann.
    [00:12:29] Hierarchische Media Queries
    Stephen Hay beschreibt, wie uns verschachtelte Media Queries in besonderen Fällen übermäßige Schreibarbeit ersparen können. Interessanterweise hat Opera das Ganze schon implementiert.
    [00:23:42] Wir sollten aufhören an unseren Tools rum zu nörgeln
    Wenn Websites langsam sind (und vor allem solche, die mit RWD umgesetzt sind), wird oft gesagt, dass die aktuelle Technik (Media Queries, keine Responsive Images, …) dafür verantwortlich ist. Aber ist das wirklich so? Tim Kadlec meint wir sollten aufhören rum zu nörgeln und uns lieber mal hinsetzen und gescheiten Code produzieren.
    [00:42:25] Deine Website ist langsamer als du denkst
    Hier eine Studie zum Thema „Performance unterwegs“. Fazit: Die meisten Websites brauchen ziemlich lange bis sie geladen sind und wir als Webdesigner sollten daran denken.
    [00:53:52] Christoph Zillgens Buch
    Unser Gast Christoph Zillgens hat ein Buch zum Thema Responsive Webdesign geschrieben und erzählt wie es dazu kam und welche Erfahrungen und Ideen er während des Schreibens gesammelt hat. Ihr solltet es euch auf jeden Fall ansehen und kaufen (Achtung: kein Affiliate-Link). Oder noch besser: Ihr gewinnt einfach eins. Denn Christoph stellt dankenswerterweise ein Buch für eine Verlosung zur Verfügung.

    Die einfache Aufgabe: Hinterlasst einen Kommentar hier unten mit einer Begründung, warum ihr das Buch umbedingt braucht. Zusätzlich könnt ihr eure Chancen erhöhen, wenn wir folgende Frage von Rodney beantwortet:

    Worum geht es in Christophs Buch?

    a) Responsive Design oder
    b) Bananen.

    Teilnahmeschluss ist der 31.10.2012. „Der Rechtsweg ist ausgeschlossen„. Beschäftigte der Working Draft GmbH & Co. KG sowie deren Verwandte auch.

    [01:31:43] Keine Schaunotizen
    Vue
    Ein Media Query Monitor für die Console als Bookmark.
    OOCSS + SASS
    Eine Anleitung, wie man von OOCSS mit SASS nutzt.
    TakeOff Conference 2013
    Im Januar findet die erste TakeOff Conference in Lille, Frankreich statt. Hans wird dort sprechen \o/
    Error-Logging auf der Client-Side
    Opera dokumentiert wie man Fehler auf der Client-side mitloggt.
    IE10 Snap Mode and Responsive Design
    @viewport im IE10.
    Line-Height
    CSS line-height richtig erklärt – ein Slide-Set.
    Text re-encoding for optimising storage capacity in the browser
    Eine Library die Texte nach UTF-16 dekodiert und damit kann man ganz schön viel Platz sparen.
    Contre Jour – Behind the Scenes
    Das iOS Spiel wurde umgesetzt in JavaScript und HTML5.
    JavaScript Promises
    Wurden Promises eigentlich schon mal richtig implementiert?
    CSS Filters Polyfill
    Der Schepp hat einen CSS Filters Polyfill geschrieben, der die Filter auch auf andere Browser als nur Chrome bringt.

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

    1 hr 41 min
  • Revision 93: Farbkontraste und die volle Responsive Dröhnung!
    Diese Woche luden der Schepp, Kahlil und Hans Christoph Zillgens ein, sprachen über Responsive Design und befragten ihn zu seinem neuen Buch.
    Außerdem könnt ihr sein Buch auch gewinnen! Mehr zu unserem Gewinnspiel weiter unten…
    [00:00:55] News
    Shadow DOM
    Shadow DOM ist nun ein Working Draft. Woop!
    CSS Exclusions in Chrome Canary
    CSS Exclusions sind nun teilweise als experimentelles Feature im Chrome Canary verfügbar.
    Schaunotizen
    [00:01:42] Lea Verou’s neues Tool Contrast Ratio
    Contrast Ratio kalkuliert, ob der Kontrast zweier Farben dem WCAG 2.0 Standard zur Barrierearmut entspricht. Wir diskutieren darüber, ob man das Tool im Alltag wirklich brauchen kann.
    [00:12:29] Hierarchische Media Queries
    Stephen Hay beschreibt, wie uns verschachtelte Media Queries in besonderen Fällen übermäßige Schreibarbeit ersparen können. Interessanterweise hat Opera das Ganze schon implementiert.
    [00:23:42] Wir sollten aufhören an unseren Tools rum zu nörgeln
    Wenn Websites langsam sind (und vor allem solche, die mit RWD umgesetzt sind), wird oft gesagt, dass die aktuelle Technik (Media Queries, keine Responsive Images, …) dafür verantwortlich ist. Aber ist das wirklich so? Tim Kadlec meint wir sollten aufhören rum zu nörgeln und uns lieber mal hinsetzen und gescheiten Code produzieren.
    [00:42:25] Deine Website ist langsamer als du denkst
    Hier eine Studie zum Thema „Performance unterwegs“. Fazit: Die meisten Websites brauchen ziemlich lange bis sie geladen sind und wir als Webdesigner sollten daran denken.
    [00:53:52] Christoph Zillgens Buch
    Unser Gast Christoph Zillgens hat ein Buch zum Thema Responsive Webdesign geschrieben und erzählt wie es dazu kam und welche Erfahrungen und Ideen er während des Schreibens gesammelt hat. Ihr solltet es euch auf jeden Fall ansehen und kaufen (Achtung: kein Affiliate-Link). Oder noch besser: Ihr gewinnt einfach eins. Denn Christoph stellt dankenswerterweise ein Buch für eine Verlosung zur Verfügung.
    Die einfache Aufgabe: Hinterlasst einen Kommentar hier unten mit einer Begründung, warum ihr das Buch umbedingt braucht. Zusätzlich könnt ihr eure Chancen erhöhen, wenn wir folgende Frage von Rodney beantwortet:
    Worum geht es in Christophs Buch?
    a) Responsive Design oder
    b) Bananen.
    Teilnahmeschluss ist der 31.10.2012. „Der Rechtsweg ist ausgeschlossen„. Beschäftigte der Working Draft GmbH & Co. KG sowie deren Verwandte auch.
    [01:31:43] Keine Schaunotizen
    Vue
    Ein Media Query Monitor für die Console als Bookmark.
    OOCSS + SASS
    Eine Anleitung, wie man von OOCSS mit SASS nutzt.
    TakeOff Conference 2013
    Im Januar findet die erste TakeOff Conference in Lille, Frankreich statt. Hans wird dort sprechen o/
    Error-Logging auf der Client-Side
    Opera dokumentiert wie man Fehler auf der Client-side mitloggt.
    IE10 Snap Mode and Responsive Design
    @viewport im IE10.
    Line-Height
    CSS line-height richtig erklärt – ein Slide-Set.
    Text re-encoding for optimising storage capacity in the browser
    Eine Library die Texte nach UTF-16 dekodiert und damit kann man ganz schön viel Platz sparen.
    Contre Jour – Behind the Scenes
    Das iOS Spiel wurde umgesetzt in JavaScript und HTML5.
    JavaScript Promises
    Wurden Promises eigentlich schon mal richtig implementiert?
    CSS Filters Polyfill
    Der Schepp hat einen CSS Filters Polyfill geschrieben, der die Filter auch auf andere Browser als nur Chrome bringt.
    1 hr 41 min
  • Revision 92: Firefox, Fullscreen API und Thinkin‘ Tags

    Hans, Kahlil und Peter nudelten diese Woche nicht nur die üblichen Themen durch, sondern hatten obendrein keinen Geringeren als Dirk Jesse zu Gast, der sein Projekt Thinkin‘ Tags vorstellt.

    [00:00:21] News
    jQuery UI 1.9 ist da
    Joah.
    Schaunotizen
    [00:00:49] Firefox 16
    Neue Woche, neue Browser-Version. Wir übergehen den epischen Security-Fail sowie Vendor-Prefixes und philosophieren stattdessen über Devtools. Firebug ist ja nun out und die vielen kleinen Einzeltools wie die neue Command Line sind in. Wir sind noch nicht ganz zufrieden damit.
    [00:18:39] Thinkin‘ Tags
    Hans grillt Dirk Jesse zu seinem neuen Rapid Prototyping Tool. Thinkin‘ Tags ist aus Yaml sowie dem dazugehörigen Builder erwachsen und soll tumb-repetitives Getippe durch ein fancy UI zumindest reduzieren. Wie lange Dirk daran geschraubt hat und was das ganze anders als Frontpage macht, breiten wir in epischem Umfang aus.
    [00:55:22] Using the HTML5 Fullscreen API for Phishing Attacks
    Die Fullscreen-API lässt sich für Phishing mißbrauchen – Peter will‘s ja schon immer gewusst haben. Andererseits kann Dirk aus eigener Webappbau-Erfahrung bestätigen, wie dringend das Web eine Fullscreen-Funktionalität braucht. Was tun? Dass wir zu keinem abschließenden Ergebnis kommen, lag jedenfalls nicht daran, dass wir es nicht versucht hätten, es auszudiskutieren!
    [01:15:07] Keine Schaunotizen
    Understanding Javascript OOP
    neuheiten === null, aber dafür absolut komplett und als Referenz oder Lernstoff zu empfehlen.
    Exploring FlexBox
    Interaktive Flexbox-Demoseite, die beim Verstehen des Standards sehr helfen kann.
    Browser Package Manager Comparison
    Bower versus Component versus Jam versus Volo.
    Designing JavaScript APIs For Usability
    Rodney über benutzbare APIs.
    jQuery Europe 2013
    Die Webseite ist extrem hengstig und die Location in Schlagdistanz.

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

    1 hr 20 min
  • Revision 92: Firefox, Fullscreen API und Thinkin‘ Tags
    Hans, Kahlil und Peter nudelten diese Woche nicht nur die üblichen Themen durch, sondern hatten obendrein keinen Geringeren als Dirk Jesse zu Gast, der sein Projekt Thinkin‘ Tags vorstellt.
    [00:00:21] News
    jQuery UI 1.9 ist da
    Joah.
    Schaunotizen
    [00:00:49] Firefox 16
    Neue Woche, neue Browser-Version. Wir übergehen den epischen Security-Fail sowie Vendor-Prefixes und philosophieren stattdessen über Devtools. Firebug ist ja nun out und die vielen kleinen Einzeltools wie die neue Command Line sind in. Wir sind noch nicht ganz zufrieden damit.
    [00:18:39] Thinkin‘ Tags
    Hans grillt Dirk Jesse zu seinem neuen Rapid Prototyping Tool. Thinkin‘ Tags ist aus Yaml sowie dem dazugehörigen Builder erwachsen und soll tumb-repetitives Getippe durch ein fancy UI zumindest reduzieren. Wie lange Dirk daran geschraubt hat und was das ganze anders als Frontpage macht, breiten wir in epischem Umfang aus.
    [00:55:22] Using the HTML5 Fullscreen API for Phishing Attacks
    Die Fullscreen-API lässt sich für Phishing mißbrauchen – Peter will‘s ja schon immer gewusst haben. Andererseits kann Dirk aus eigener Webappbau-Erfahrung bestätigen, wie dringend das Web eine Fullscreen-Funktionalität braucht. Was tun? Dass wir zu keinem abschließenden Ergebnis kommen, lag jedenfalls nicht daran, dass wir es nicht versucht hätten, es auszudiskutieren!
    [01:15:07] Keine Schaunotizen
    Understanding Javascript OOP
    neuheiten === null, aber dafür absolut komplett und als Referenz oder Lernstoff zu empfehlen.
    Exploring FlexBox
    Interaktive Flexbox-Demoseite, die beim Verstehen des Standards sehr helfen kann.
    Browser Package Manager Comparison
    Bower versus Component versus Jam versus Volo.
    Designing JavaScript APIs For Usability
    Rodney über benutzbare APIs.
    jQuery Europe 2013
    Die Webseite ist extrem hengstig und die Location in Schlagdistanz.
    1 hr 20 min
  • Revision 91: Konferenzen und HiDPI Bilder

    Schepp, Hans und Rodney fanden sich trotz ihrer leicht verschleppten Konferenzia ein, um das Eine oder Andere der letzten Woche(n) Revue passieren zu lassen.

    [00:00:21] News
    Webplatform.org
    Das W3C, Apple, Adobe, Facebook, Google, HP, Microsoft, Nokia, Mozilla und Opera starten ein neues gemeinsames Wissensportal für Webentwicklung. MozHacks weiss mehr dazu.
    Schaunotizen
    [00:01:20] Konferenzen
    Wir reflektieren (etwas ausufernd) welche Konferenzen wir die letzten Wochen besucht und was wir dort erlebt haben. SmashingConf in Freiburg, From The Front in Bologna, Create The Web in London und die Fronteers 2012 haben ihre jeweils eigenen Eindrücke hinterlassen. Wer sich beim deutschen Web-Developer Klassentreffen™ sein eigenes Bild machen möchte, schaue bitte bei Beyond Tellerrand vorbei. Es lohnt sich!
    [00:44:33] JPEG Compression and Retina
    Wie man Bilder auf Retina Displays scharf bekommt ohne gleich 4MB große Bilder über die Leitung zu jagen ist ein allgegenwärtiges Thema dieser Tage. Das Element ist noch nicht da, weshalb wir noch etwas in der Trickkiste kramen müssen. A reasonable way to show high resolution images on retina displays und Acceptible Retina Images haben ähnliche Ideen, nämlich einfach bei höherer Auflösung die Kompressionsstufe (drastisch) erhöhen.
    [00:55:00] Keine Schaunotizen
    History API – Endless Scroll Experiment
    Wer kennt sie nicht – die endlos scrollbaren Webseiten. Mit diesem Experiment zeigt Zach Holman wie sich auch dynamisch nachgeladene und erweiterte Listen für den Browser navigierbar machen.
    ModestMaps
    Eine einfache API ohne UI-Schnickschnack – ein gutes Fundament für gepflegten Spaß mit interaktiven Karten.
    XLSX.js
    Wer schon immer mal Excel-Dateien aus seiner Webseite heraus generieren wollte, kann jetzt auf serverseitige Tools verzichten.
    Guide to HTML5 APIs
    Im NetMagazine gibt uns Rich Clark eine kleine (unvollständige) Übersicht über die HTML5 APIs. Obwohl der Artikel schon im Januar veröffentlicht wurde, dient er doch als grandioser Einstieg in den wirren Dschungel unsere schönen neuen Internets.
    Don’t initialize all the things on DomReady
    WPO ist in aller Munde – doch hört das nicht bei CSS minifizieren und HTTP Headern auf. Elijah Manor erklärt anhand eines Beispiels wie lazy initialization funktionieren kann, um die Ladezeiten eurer Seiten noch weiter zu drücken.
    Master of the :nth-child
    Wer den CSS Selector :nth-child() auf Anhieb verstanden hat, verdient unseren größten Respekt. Für Normalsterbliche wie den Rodney bietet dieser Einseiter eine schöne visuelle Übersicht über den doch recht mächtigen Kindselektor.
    Jed Internationalization Toolkit
    Internationalisierung ist ja an sich schon nicht die trivialste Aufgabe. In Javascript erst recht nicht. Alex Sexton (der übrigens nur eine einzige Sprache spricht) verspricht mit Jed ein bisschen Licht ins Dunkel der I18N zu bringen.
    Complete List of HTML Meta Tags
    Wer hat das gute alte nicht vermisst? Dieses Schmuckstück und viele weitere skurrile und vergessene Meta Tags kann die Liste vorweisen, auch wenn man leider vergessen hat zu den jeweiligen Dokumentationen zu verlinken…
    Bourbon Sass Mixins
    Keine Konkurrenz zu Compass stellt die Mixins Sammlung namens Bourbon dar – eine ganze Menge nützlicher kleiner Erweiterungen bringt das Paket jedoch trotzdem auf den Tisch. Bourbon und Compass können freilich auch gemeinsam benutzt werden.

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

    1 hr 4 min
  • Revision 91: Konferenzen und HiDPI Bilder
    Schepp, Hans und Rodney fanden sich trotz ihrer leicht verschleppten Konferenzia ein, um das Eine oder Andere der letzten Woche(n) Revue passieren zu lassen.
    [00:00:21] News
    Webplatform.org
    Das W3C, Apple, Adobe, Facebook, Google, HP, Microsoft, Nokia, Mozilla und Opera starten ein neues gemeinsames Wissensportal für Webentwicklung. MozHacks weiss mehr dazu.
    Schaunotizen
    [00:01:20] Konferenzen
    Wir reflektieren (etwas ausufernd) welche Konferenzen wir die letzten Wochen besucht und was wir dort erlebt haben. SmashingConf in Freiburg, From The Front in Bologna, Create The Web in London und die Fronteers 2012 haben ihre jeweils eigenen Eindrücke hinterlassen. Wer sich beim deutschen Web-Developer Klassentreffen sein eigenes Bild machen möchte, schaue bitte bei Beyond Tellerrand vorbei. Es lohnt sich!
    [00:44:33] JPEG Compression and Retina
    Wie man Bilder auf Retina Displays scharf bekommt ohne gleich 4MB große Bilder über die Leitung zu jagen ist ein allgegenwärtiges Thema dieser Tage. Das Element ist noch nicht da, weshalb wir noch etwas in der Trickkiste kramen müssen. A reasonable way to show high resolution images on retina displays und Acceptible Retina Images haben ähnliche Ideen, nämlich einfach bei höherer Auflösung die Kompressionsstufe (drastisch) erhöhen.
    [00:55:00] Keine Schaunotizen
    History API – Endless Scroll Experiment
    Wer kennt sie nicht – die endlos scrollbaren Webseiten. Mit diesem Experiment zeigt Zach Holman wie sich auch dynamisch nachgeladene und erweiterte Listen für den Browser navigierbar machen.
    ModestMaps
    Eine einfache API ohne UI-Schnickschnack – ein gutes Fundament für gepflegten Spaß mit interaktiven Karten.
    XLSX.js
    Wer schon immer mal Excel-Dateien aus seiner Webseite heraus generieren wollte, kann jetzt auf serverseitige Tools verzichten.
    Guide to HTML5 APIs
    Im NetMagazine gibt uns Rich Clark eine kleine (unvollständige) Übersicht über die HTML5 APIs. Obwohl der Artikel schon im Januar veröffentlicht wurde, dient er doch als grandioser Einstieg in den wirren Dschungel unsere schönen neuen Internets.
    Don’t initialize all the things on DomReady
    WPO ist in aller Munde – doch hört das nicht bei CSS minifizieren und HTTP Headern auf. Elijah Manor erklärt anhand eines Beispiels wie lazy initialization funktionieren kann, um die Ladezeiten eurer Seiten noch weiter zu drücken.
    Master of the :nth-child
    Wer den CSS Selector :nth-child() auf Anhieb verstanden hat, verdient unseren größten Respekt. Für Normalsterbliche wie den Rodney bietet dieser Einseiter eine schöne visuelle Übersicht über den doch recht mächtigen Kindselektor.
    Jed Internationalization Toolkit
    Internationalisierung ist ja an sich schon nicht die trivialste Aufgabe. In Javascript erst recht nicht. Alex Sexton (der übrigens nur eine einzige Sprache spricht) verspricht mit Jed ein bisschen Licht ins Dunkel der I18N zu bringen.
    Complete List of HTML Meta Tags
    Wer hat das gute alte nicht vermisst? Dieses Schmuckstück und viele weitere skurrile und vergessene Meta Tags kann die Liste vorweisen, auch wenn man leider vergessen hat zu den jeweiligen Dokumentationen zu verlinken…
    Bourbon Sass Mixins
    Keine Konkurrenz zu Compass stellt die Mixins Sammlung namens Bourbon dar – eine ganze Menge nützlicher kleiner Erweiterungen bringt das Paket jedoch trotzdem auf den Tisch. Bourbon und Compass können freilich auch gemeinsam benutzt werden.
    1 hr 4 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