Working Draft

Wenn es keine Themen gibt, macht man sich einfach welche. So luden Schepp, Peter und Stefan kurzerhand den Anselm ein und sprachen über Responsive Images (Anselm ist zufällig Experte auf dem Gebiet) sowie Verträge und Geschäftspraktiken im Webentwickler-Alltag. Schaunotizen [00:00:20] Responsive Images Anselm ist seit Anbeginn der Zeiten mit den Thema Responsive Images befasst und versucht, einen Überblick über die aktuelle Situation zu geben. Es gibt viele Vorschläge (srcset, src-n, <picture>) die von verschiedenen Parteien aus verschiedenen Gründen abgelehnt werden. Andere Ansätze wären ein responsives Bildformat (das wir für sehr schwer einführbar halten; siehe WebP) und JavaScript-Gehacke (das wir für sehr unzureichend halten). Am liebste hätten wir <picture>, müssen uns aber wohl für den Moment mit Polyfills oder komplizierten Libraries begnügen. Und zeitnahe Besserung ist nicht wirklich in Sicht … [00:32:59] Verträge und Geschäftspraktiken Angeregt durch die bei Github eingestellte Vertrags-Vorlage von Harry Roberts geben wir ein paar Tipps aus diesem Bereich zum besten. Wir sprechen unter anderem über Vorauszahlungen und Verzug Mitwirkungspflichten, Projektänderungen und -abbruch Copyright und Open Source Zeitplanung und Aufwandseinschätzung Zum Abschluss geben wir alle jeweils einen Tipp zum besten, von dem wir glauben, dass ihn jeder befolgen sollte. Falls ihr weitere Vorschläge habt: ab in die Kommentare! [01:11:12] Keine Schaunotizen Setting Up your dev machine with dotfiles Intro für alle, die das Themas Dotfiles bisher nur aus sicherer Distanz beobachtet haben. An Introduction To DOM Events Epische Detail-Einführung in das Thema DOM-Events. Donau Tech Radio Fast wie Working Draft, nur für das Backend. Web Development Reading List Anselms Newsletter/Linkschleuder, neuerdings sogar mit Newsfeed! Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Eine weitere Sendung mit Besonderheiten und tollen Gästen: Kirby-Papa Bastian Allgeier und Hoodie-Mitentwickler Alex Feyerke waren diesmal mit von der Partie. [00:01:45] News IE11 für Windows 7 Den Internet Explorer 11 gibt es nun auch für Windows 7. Schaunotizen [00:02:09] Grand Decentral Station Unser Gast Bastian erzählt zu seinem neuen Projekt Grand Decentral Station, über das er auf der border:none sprach, bei dem es darum geht ein besseres, freies Web zu etablieren. Die Idee spielt im gleiche Spektrum wie Aral Balkans Quadranten und Projekt Prometheus und hat als These, dass das Netz zwischen Zentralisierung und Dezentralisierung oszilliert. Darauf kam Bastian über seine Arbeit an Zootool, bei dem er viel Verantwortung für die Daten Dritter hat. Mehr zum Thema gibt es im Starting Point zu GDS zu lesen. [00:30:13] Hood.ie Der zweite Gast, Alex, erklärt das Open Source Projekt Hoodie: Eine Library für schnell gebaute Data-Driven-Webapps, die komplett im Front-end geschrieben werden und den Ansatz Offline-First verfolgen. Peters erste Versuche mit Hoodie waren ziemlich schnell erfolgreich und Alex beschreibt, wie sie eine komplette Invoicing App in einem Samstags-Hack geschrieben haben. Und nicht nur Hoodies Gegenwart ist interessant, sondern auch die Zukunft: geplant ist Sharing/Public Data, Payments und einiges mehr. [00:56:00] Keine Schaunotizen CSS Shapes Ein Rundum-Schlag zum Thema CSS Shapes. cite and blockquote – reloaded Mit HTML5 bekommt das Zitieren in Markup eine ganz neue Bedeutung. Alle Infos dazu haben die HTML5 Doktoren. Icon fonts, unicode ranges, and IE8’s compatibility mode Jeremy Keith setzt sich mit dem Thema Unicode Ranges für Icons näher auseinander. Why We Need Responsive Images: Part Deux Noch mehr Gründe, warum wir Responsive Images brauchen. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Diese Woche war mal wieder ein Gast im Working Draft dabei: Sven Wolfermann gab sich die Ehre ein wenig über seine Projekte und Erfahrungen mit Responsive Images und vielem mehr Preis zu geben. [00:01:09] News 3 Jahre Working Draft! Uns gibt es drei Jahre, und wir sind cool. Danke an Mama! Firefox 25 veröffentlicht Firefox 25 für Entwickler liest sich ziemlich interessant. Cisco’s H.264 Cisco stellt seinen H.264 Codec für alle kostenfrei zur Verfügung. Somit wird H.264 der neue Video-Standard im Web werden. Android 4.4 KitKat Chrome wird der neue Standard Brower für alle Android Geräte und vieles mehr. Schaunotizen [00:05:38] Responsive Bilder und RESS Mit Sven haben wir einen guten Entwickler zu Gast, der im Bereich Responsive Bilder auf einen großen Erfahrungsschatz zurück greift. Gemeinsam besprechen wir BBCs Imager.js, fleximg, ReSRC und den generellen Ansatz der server-seitigen Implementierung von Responsive Images an. Svens Slidedeck zum Thema RESS bietet eine gute Grundlage für diese Diskussion, durch die wir schließlich auf das Thema Mobile Performance kommen. [00:37:06] Hörerfrage: Welche FTP/SFTP/SCP-Clients nutzen wir so? Aufgrund eine Hörerfrage sprechen wir über die Tools, die wir nutzen, um Ding irgendwo hoch zu laden. Einige FTP Clients, die genannt werden sind CyberDuck und Transmit. Allerdings schweifen wir etwas ab und besprechen andere Deployment Strategien für Websites, z.B. erwähnen wir deployhq.com. [00:47:20] Keine Schaunotizen Conditioner.js Laden und löschen von bestimmten JavaScript Modulen mittels einer Bibliothek. The new Kellum method Scroll Kellum beschreib seine neue Methode für Image Replacement, vor allem im Bezug auf Icons. TrifleJS Ein Headless Internet Explorer für Windows (als Pendant zu PhantomJS). Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Mit fast voller Stammbesatzung (Schepp, Stefan, Hans und Peter) stellten wir uns den CSS-Themen der Woche und nahmen uns auch eine Hörerfrage vor. [00:00:12] News LESSCSS 1.5 Totgesagte bringen mehr neue Versionen raus. Jetzt mit Source Maps! Schaunotizen [00:00:40] CSS best practices Artikel über Cargo Cult CSS und eine Herangehensweise mit vielen Klassen laden zur Diskussion über CSS best practices ein. Wir sind nicht die einzigen, die beide postulierten Methoden etwas krass finden. Konventionen und Systeme schön und gut, aber SMACSS, BEM, OOCSS, und Konsorten scheinen uns in ihrer Gesamtheit (Stefan findet BEM zumindest in Teilen gut) dann doch Probleme lösen zu wollen, die mit CSS allein nicht zu bewältigen sind. Wir sind uns einig, dass sehr viele Probleme einfach aus der Welt zu schaffen wären, wenn man nur einen Präprozessor benutzen würde. [00:19:11] Introducing layout boundaries Der Summus Pontifex Ecclesiae Performansis erklärt, wie (nach den Informationen von Wilson Page) bestimmte CSS-Eigenschaften genutzt werden können, um die Auswirkungen von Reflows (layout thrashing) auf Teilbereiche der Webseite zu beschränken. Des weiteren regen wir uns darüber auf, dass es nur in Chrome (und neuerdings im IE11) Devtools gibt, die die Diagnose solcher Probleme/Features erlauben und reden über die Performance-Sünder CSS-Gradients, Box-Shadow und Border-Radius. Schepps Tipp, in Mobile-Media-Queries solcherlei Spielkram auszuschalten (z.B. per Präprozessor-Mixin) findet großen Anklang. [00:28:57] Batching image insertion Sie kennen das: sie wollen über 9000 Bildelemente mit Data-URLs einfügen und plötzlich ruckelt der Browser. Wilson Page hat eine Technik bzw. mit fastdom eine JS-Library ausgegraben, mit der sich dieses Problem in den Griff bekommen lässt. Auch Performance-Papst Schepp und sein treuer Kardinal Stefan schwören drauf. [00:47:59] Hörerfrage: Wie geht ihr vor, wenn ihr ohne Designer arbeiten müsst/dürft? Peter bruteforced mangels Designtalent seine Webdesigns mit viel Zeit und natürlich im Browser. Ansonsten finden wir Webdesigner doch ganz praktisch (vor allem wenn sie zur entspannten Zusammenarbeit bereit sind) und fabulieren ein bisschen über Transitions und Hover-States (die manch ein Designer gern vergisst), Browserdesign versus Photoshop, Flash und Hitler. [00:50:08] Glücksrad Das img-Element Zum img-Element fällt uns nicht viel Intelligentes oder gar spannendes ein und so reden wir stattdessen über den Coolness-Faktor von Image Maps. Das crossorigin-Attribut klingt zwar interessant, aber so richtig viel Plan haben wir davon auch nicht. Mehr Plan und Verwendung hätten wir da schon von und für die lazyload und postpone-Attribute aus der Resource-Priorities-Spec, deren flächendeckende Unterstützung allerdings noch auf sich warten lässt. [00:56:28] Keine Schaunotizen Snap.svg und BonsaiJS SVG-Grafiklibraries. 1. Kasseler Web Montag 18. November, 19:00 Uhr. Automating Front-end Workflow Episches Slide Deck von Addy Osmani. localtunnel Schnell eine Web-URL für ein lokales Projekt anlegen. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Es herrscht Saure-Gurken-Zeit und die Themenliste war gähnend leer. Zum Glück konnte die Hörerschaft Hans, Peter und Stefan mit zwei Fragen gerade noch davon abhalten, eine Null-Minuten-Revision zu fabrizieren. Schaunotizen [00:00:14] Hörerfrage: Wie nutzt ihr Webfonts? Die Gretchenfrage spitzt sich auf die Entscheidung zwischen Fonthostern und Selfhosting zu. Hans macht gewzungenermaßen manche Projekte mit Typekit, obwohl er die Einbußen an Kontrolle und Performance nicht schätzt. Stefan leidet sehr unter Lizenzproblemen, weil es viele Fonts entweder gar nicht als Webfonts oder nur mit Mondpreisen und schlimmen Lizenzbedingungen von Fonts.com gibt. Ersatz-Fonts sind da oft die beste Lösung. Für die Suche nach dem richtigen Font-Anbieter empfehlen wir das Webtypobuch von Gerrit van Aaken. [00:17:12] Hörerfrage: Mit welchen Entwicklungsumgebungen arbeitet ihr? Wie fast die gesamte Web-Welt scheinen wir dem Sublime-Text-Virus anheim gefallen zu sein. Der Editor ist schnell, schön, auf jeder Plattform verfügbar, preiswert und allgemein unsere erste Wahl. Einigkeit herrscht ebenfalls darüber, dass auf Platz zwei WebStorm zu verorten ist, was mehr eine IDE als ein Editor, aber ebenfalls sehr tauglich ist (jedenfalls verglichen mit Aptana, über das Stefan und Peter Gruselgeschichten erzählen). Kein Gespräch über Sublime Text kommt ohne Plugin-, Theme- und Tricktipps aus uns so reden wir auch über Emmet (Früher Zen Coding), das Multicursor-Feature, den Cloud-Sync-Tipp von Peter, Tern, DocBlockr, Origami, Modific, JSHint und andere Linter für ST, EditorConfig (und das ST-Plugin) sowie das Soda-Theme. [00:46:00] Glücksrad Standardstyles für Elemente Trotzdem die HTML5-Specs vorschreiben, wie Elemente standardmäßig auszusehen haben, reden wir trotzdem über Reset-Stylesheets, normalize.css, HTML5 Boilerplate, Init und das Search-Input. [00:55:40] Keine Schaunotizen SirPepe/Unsync Kleine JS-Library von Peter. learn-travis Ein reich bebildertes Travis-Tutorial. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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/

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 <base> 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/

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 <table> 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. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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 <template>-Element, mit dem wir kleine HTML Schnippsel für die spätere Verwerndung zwischenlagern können. [01:21:00] Keine Schaunotizen Canvas Inspection With Dev Tools Der Titel sagt alles. Das geht jetzt, und ist echt prima. border:none 2013 Apropos Mobile Devices. Die border:none aus dem Hause Thiele bringt zum Open Device Lab Day auch noch eine Minikonferenz mit hochkarätigem Line-Up und starkem Mobileinschlag. ECMAScript 5 Peters aktuellstes Schriftstück aus dem Open Source Press Verlag könnt ihr hier finden. Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

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/