Working Draft

Wöchentlicher News-Podcast für Webdesigner und -entwickler

Spenden für Soundqualität!

Alle Spenden fließen zu 100% in die Anschaffung von besserer Aufnahme-Hardware.

Revision 155: Sass.js und die Konferenzen 2014

30. Januar 2014 | Keine Kommentare

Revision 155 ging zwar ohne Gäste an den Start, dafür war Rodney aber top in Form und erzählt über sein letztes Projekt. Über Kommentare zu den Themen freuen wir uns und beantworten diese (manchmal zeitversetzt).

Keine News

Schaunotizen

[00:00:18] Sass.js
Rodney und Sebastian arbeiteten vor kurzer Zeit an einem Port von libsass nach JavaScript mit Emscripten um Sass im Browser kompilieren zu können (zum Beispiel für Services wie Dabblet). libsass ist eine C-Compiler für Sass, der unter anderem auch in node-sass Anwendung findet. Rod erzählt über seine Reise hinab ins C++-Kaninchenloch und weist auf eine Shoptalk Folge mit dem SASS-Erfinder und libsass-Autoren) hin.
Fazit: solide C/C++-Kenntnisse sind empfohlen für Emscripten-Experimente
[00:29:51] Konferenzen 2014
Auf die Hörerfrage von Malte antworten wir mit einer Liste: Welche Konferenzen sollte man 2014 besuchen, wenn man die Working Draft Crew treffen will?

Diese Woche haben wir nicht am Glücksrad gedreht

[00:51:41] Keine Schaunotizen

Speaking.io
Eine Website, die sich ums Public Speaking dreht und wertvolle Tips für Speaker bereit hält.
GistBoxApp
GistBoxApp ergänzt gist.github.com mit tagging, suche und weiterem. Also quasi alles Nützliche, was fehlt.
Zone.js
Execution Context für JavaScript Development.
Principles for making things for the web
Eine Zusammenstellung an Richtlinien, die man beachten sollte, wenn man fürs Web entwickelt.

Revision 154: Vagrant und Clientside JavaScript Error Reporting

22. Januar 2014 | 1 Kommentar

Die Stammbesetzung von Schepp, Peter, Hans und Stefan durfte in der aktuellen Revision Frederic Hemberger als Gast begrüßen, um uns über die unterschiedlichen Use Cases von Vagrant zu informieren. Spontan stieß auch noch unser treuer Hörer Marius hinzu, der ebenfalls in die Lobeshymnen einstimmte.

Schaunotizen

[00:01:03] Vagrant – Development environments made easy
Die Entwicklungsumgebung braucht Java, man will sich die eigene Maschine aber nicht versauen? PHP in einer Uraltversion gefordert, die man lokal nicht mehr zum Laufen kriegt? Oder einfach zwischen den Kollegen die gleichen Rahmenparameter für die Entwicklung herstellen? Mit Vagrant alles kein Problem. Frederic und Stefan sind seit längerem Fan des Commandline Tools, welches das Aufsetzen, Steuern und Konfigurieren von virtuellen (Linux-)Maschinen kinderleicht und versionierbar macht. Die beiden machen — unterstützt von Marius — dem Rest der Truppe die Vor- und Nachteile an einigen Beispielen schmackhaft und sprechen vom ultimativen Test- und Reproduzierbarkeitsnirvana. Wer auf den Geschmack gekommen ist und mehr als Ubuntu braucht, wird übrigens auf Vagrantbox.es fündig. WordPressentwickler sollten sich VagrantPress genauer ansehehn.
[00:20:30] Clientside JavaScript Error Reporting
Die Hörerfrage von Marius wurde nicht nur über Twitter, sondern auch gleich live in der Sendung vom Fragesteller persönlich eingeworfen: Welche client-seitigen Fehlerreporting Tools verwenden wir eigentlich, und welche Dienste sind uns da am geläufigsten? Frederic schwört auf eine eigene Lösung, bestehend aus ca. 60 Zeilen Code, die ihm beim Ermitteln von Edge Cases schon einige Male enorm geholfen hat. Außerdem gab Paul Irish auf Google Plus einen guten Überblick über geläufige Services.

[00:30:48] Glücksrad

Application Cache
Der Application Cache war als Offlinemechanismus eine durchaus ambitionierte Angelegenheit, ging bei uns aber nie über den Demostatus hinaus. Wir erörtern die Gründe und geben auch Positivbeispiele. Erwähnung findet auch Frederics Manifest Validator und ein Blick in die Zukunft mit Service Workern.

[00:40:10] Keine Schaunotizen

10 Reasons we switched from an icon font to SVG
Icon Fonts sind toll, haben aber ein paar Nachteile, die für die Autoren des Artikels Grund genug waren komplett auf SVG zu wechseln.
How to measure Frontend Performance with Phantomas and Grunt
Die 4Waisenkinder erzählen uns wie man Frontend Performance mit Phantomas und Automatisierungstools wie Grunt hervorragend messen kann.
Slip
Listen, die auf unterschiedliche Gesten unterschiedlich reagieren, gibt’s bei Pornels Slip.
Accessibility Tools
Frederic wirft drei hervorragende Accessibility Tools ins Rennen: Eine Chrome Extension nebst anschaulichen Lintern bei AccessLint und WAVE.
Manageable Sass Components
Wer mit Bower und Sass Komponenten arbeitet bzw. solche sogar entwickelt, kann in dieser Ode an das !default Flag erkennen, wie man diese für Außenstehende konfigurierbar macht.
Kod.io Linz
Stefans Wahlheimatstadt Linz bekommt eine Entwicklerkonferenz. Eine einmalige Gelegenheit mit einem ansehnlichen Line-Up, auch für Frontend Entwickler.
I Want To Use
Irgendein modernes Browserfeature erwünscht? Nicht sicher ob das alle mobilen Devices auch können? “On mobile, I want to use” gibt Aufschluss.
Donate your dusty device
Die Open Device Labs der Welt fordern auf, euer ranziges Smartphone für den guten Testzweck zu spenden. Finden wir unterstützenswert!

[00:49:22] Der Tipp der Woche

Option-Key + Click
Man lernt eben nie aus: Im OS Terminal kann man bei gedrücktem Option Key und einem Klick die Cursorposition ändern. Enorm hilfreich bei langen Commandline-Befehlen.

Revision 153: Typecsset und die Web Speech API

19. Januar 2014 | 1 Kommentar

Zu viert machten wir uns diese Woche auf in die Sendung. Mit von der Partie war als Gast Sebastian Golasch.

Keine News

Schaunotizen

[00:00:25] Typecsset
Harry Roberts beschreibt in seinem Artikel Single-direction margin declarations die Vorzüge, margins für Elemente nur in eine Richtung zu verwenden und entwickelt mit Typecsset die passende Library um vertikalen Rhythmus innerhalb einer Seite zu nutzen. Stefan benutzt ein solches Tool, der Rest allerdings noch nicht. Rod und Sebastian kennen bestenfalls Grid Backgrounds (oder auch per Tool). Die Vorteile von Typecsset sind vor allem im Zusammenspiel mit ausgefeilten Designs nicht von der Hand zu weisen.
[00:10:46] Web Speech API
Mit der Web Speech API lässt sich Sprache in Text umwandeln. Supported wird das Ganze in verschiedenen Sprachen per Google Translate. Aber gerade das ist auch das Manko: Bisher supported nur Google Chrome die API.

[00:26:05] Glücksrad

Drag ‘n’ Drop
Die Drag and Drop API ist quasi in allen Browsern verfügbar. Mittels Progressive Enhancement lässt sich DnD ziemlich einfach für alle Web-Anwendungen, zum Beispiel für File-Uploads, umsetzen.

[00:41:21] Keine Schaunotizen

Google Analytics für GitHub
Mit GA Beacon lässt sich Google Analytics leicht in jedes GitHub-Projekt integrieren. Mittlerweile werden Statistiken auch direkt von GitHub unterstützt.
CSS Architecture
Ein gutes Wrap-up zum Thema CSS Architektur und Theorien im Allgemeinen.
Ocrad.js
Ocrad.js ist ein OCR (Optical Character Recognition) Tool, dass mit Emscripten nach JavaScript konvertiert wurde und gescannte Texte in richtigen Text umwandeln kann.
Gulp is the new black
Eine Einführung in Gulp und die Theorien mit denen Gulp sich beschäftigt.
Getting started with Bower
Für alle, die noch nicht mit einem Package-Manager im Front-End arbeiten hier eine Einführung in Bower.
Endangered species of the web: The Link
Christian Heilmann philosophiert darüber, dass Links zu oft missbraucht werden und propagiert man solle sich auf die eigentliche Aufgabe von Links zurückbesinnen.
Unify
Unify ist ein Tool um den Browser-support von einzelnen Unicode-Zeichen zu überprüfen.
Web Color Palette
Die Entwickler von Web Color Palette wünschen sich eine neue, verbesserte Color Palette fürs Internet und geben ein schönes Beispiel vor, wie die Standardfarben und dazu gehörende Color-Codes besser gewählt sein können.

Revision 152: JSPerf, Open Source, Gulp, Funktionales

8. Januar 2014 | 2 Kommentare

Nach vielen Revisionen mit Rumpfbesatzung und Themenmangel geht es diemal wieder voll zur Sache: Schepp, Rodney, Stefan und Peter erklären ranten und mäandern durch die diesmal durchaus vorhandenen Themen der vergangenen Woche.

Außerdem führen wir versuchsweise eine neue Rubrik ein: beim Tipp der Woche werden wir (un)regemäßig Kleinst-Tipps für den Weballtag absondern, die uns im Laufe der letzten sieben Tage über den Weg gelaufen sind. Außerdem neu aus Github: Workingdraft-Metadata!

[00:00:12] News

Autoprefixer 1.0
Jetzt mit Source Maps!
Workingdraft Metadata
Alle Daten zu allen Episoden von Working Draft auf Github. Gehet hin und hacket!

Schaunotizen

[00:00:34] Stop JSPerf abuse
Wir reden über einen Rant, der einen unsauberen JSPerf-Vergleich von jQuerys .addClass() mit nativer classList (MDN) zum Thema hat. Rodney zürnt über die classList-API und berichtet von seinen eigenen JSPerf-Erfahrungen. Performance-Pontifex Schepp ordnet das Thema etwas ein: Man sollte kein JSPerf-Nazi werden, da Rendering und CSS die eigentlichen Problemfelder sind und der Browser automatisch JS optimiert, was im Falle von Chrome auch bequem nachvollzogen werden kann.

[00:16:30] Upgrading to iScroll 5
Rodney hatte großen Spaß am Versuch, Version 5 von iScroll (einer Library für Scrollerei auf Mobilgeräten) zu benutzen und lässt uns alle daran teilhaben. Breaking Changes beim Wechsel von 4 auf 5 sind laut Semantic Versioning zwar möglich, werden aber zum Ärgernis wenn sie nicht dokumentiert sind. So fordern wir Changelog und Migration Guide für alle Open-Source-Projekte, denn das reduziert nicht nur Nutzerfrust, sondern sorgt auch dafür, dass Autoren von Software weniger Supportanfragen bearbeiten müssen – Rod spricht aus Erfahrung.
[00:39:42] Gulp und funktionale Programmierung
Gulp ist ein Buildsystem wie Grunt, allerdings streambasiert (siehe Slides). Ein Wechsel scheint dann sinnvoll, wenn man großen gruntinduzierten Leidensdruck verspürt, was bei Peter noch nicht der Fall ist, bei Rodney hingegen schon  ein Gruntfile-Vergleich ergibt, dass Rod den mit Abstand längsten hat, was mit Streams weniger unübersichtlich wäre. Dem Stream-Prinzip gegenüber sind wir grundsätzlich alle sehr positiv eingestellt; Pipes und die daran andockende Unix-Philosophie sind was feines. Über Pipes kommen wir zum Thema Promises und funktionale Programmierung, das Peter mit etwas Fabuliererei über Bacon.js abschließt.

[01:14:47] Keine Schaunotizen

PostCSS
Tool zum Parsen und Manipulieren von CSS.
Polyfill.js
Das Tool für euren nächsten CSS-Polyfill.
JS Test – Code Coverage
Drei Artikel erklären wie ihr die Coverage eurer JS-Tests ermitteln könnt.

[01:18:54] Tipp der Woche

Chrome Devtools
Stefan hat herausgefunden: die Suche im Elements-Panel (STRG/CMF+F) akzeptiert auch CSS-Selektoren (und XPath).

Revision 151: Myth, statische Seiten, Links

29. Dezember 2013 | 1 Kommentar

Kurz vor Weihnachten plauderten Rodney und Peter über den neuesten CSS-Präprozessor (den niemand benutzen sollte) und statische Webseiten.

Schaunotizen

[00:00:24] Myth
Myth ist ein CSS-Präprozessor, der sich als CSS-Polyfill verkauft, dabei aber den Verkaufs-Part wesentlich besser macht als den Polyfill-Part. Rodney macht eins der Probleme darin aus, dass man nicht mehr erkennen kann, ob CSS/Myth-Code vom Browser oder vom Präprozessor verarbeitet wird. Das ist besonders problematisch, da Myth z.B. Variablen nur in der Syntax dem Standard nachempfindet und nicht die Kaskade berücksichtigt (siehe auch). Das wiederum verhindert, dass man die richtigen CSS-Vars überhaupt nutzt. Die sind ggf. sehr nutzenswert, auch wenn Rodney in den aktuellen Browsern noch einige Bugs ausfindig gemacht hat. Die Zusamenfasung (hier aus Rodneys Feder in lang: Myth sollte man dringend ignorieren und keinesfalls benutzen.
[00:35:05] Goodbye WordPress: 2014 Will Be the Year of Flat-File CMSes — Type & Grids
Jeremiah Shoaf lässt einen Abgesang auf fette CMS vom Stapel, in den Rodney und Peter eingeschränkt einstimmen. Peters hatte in der Vergangenheit PHP-Monstren wie WordPress und ModX im Einsatz und will aus Performance-, Sicherheits- und Genervtheitsgründen schleunigst zurück zu einer statischen Seite. Rodneys Seite besteht schon aus einem Kirby-ähnlichem Eigenbau-Produkt, während sein Blog noch Serendipity nutzt. Das große Problem für das Statische-Seiten-Jahr 2014 machen wir darin aus, Nicht-Nerds das Konzept zu verkaufen …

[00:45:32] Keine Schaunotizen

addyosmani/es6-tools
Eche JS-Hipster benutzen schon ES6 bevor es Standard ist.
SpinKit
Was früher das Ajax-Gif war macht man heute mit CSS.
How Do Users Really Hold Mobile Devices?
Interessante Erkenntnisse.
Lea Verou: CSS in the 4th Dimension
Leicht bekömmlicher Rundumschlag zum Thema Animationen und Transitions.
generator-init
Ein Yeoman-Generator für INIT.

Revision 150: Kurz-Jubiläum mit News, Glücksrad und Links

29. Dezember 2013 | 3 Kommentare

Das 150er-Jubiläum geriet aufgrund von Themen- und Personalmangel sowie leichter Verpestung seitens Peters etwas kurz. Da konnte auch der eigentlich sehr motivierte Schepp nicht mehr viel ausrichten.

[00:00:37] News

CSS-Variablen im Firefox
In der endgültigen Standard-Fassung.

[00:01:31] Glücksrad

Das colgroup-Element
Wir quasseln etwas über das unterbewertete colgroup-Element und über die ähnlich unterbewerteten col-, caption- und tbody-Elemente. Durch CSS3-Selektoren wie die nth-child-Pseudoklasse erachten wir colgroup und col für weitgehend überflüssig und anstelle von caption sollte man in der HTML5-Ära wohl auch besser zum figure-Element greifen. Und auch über den Wechsel von Selfhtml zu developers.whatwg.org kann man mal nachdenken. Zum Schluss ranten wir noch in guter Tradition etwas über Mobile-Browser.

[00:14:01] Keine Schaunotizen

What You May Not Know About the Z-Index Property
Nicht-offensichtliches zum Z-Index.
jquery.adaptive-backgrounds.js
A jQuery plugin for extracting dominant colors from images and applying it to its parent.
Understanding the Real-World Performance of your Web Application Across IE11 and Other Browsers
Im Prinzip ein Tutorial für die verschiedenen Performance-APIs in IE11 und einigen anderen Browsern.
JavaScript Promises – There and back again
Jake Archibald erklärt alles was es zum Thema Promises zu wissen gibt.
hoodie-plugin-angularjs
Verheiratet Hoodie mit AngularJS.

Revision 149: Toolchains, WebFonts und Offline-First

18. Dezember 2013 | 3 Kommentare

Hans und Stefan luden sich zu dieser Revision Gerrit von Aaken ein, deutsches Podcast-Urgestein und Meister der Webtypografie.

Schaunotizen

[00:02:44] Die Toolchain-Welt aus Designersicht
Grunt, Yeoman, Jekyll, Travis und co. in allen Ehren, oft braucht man Tooling an Ort und Stelle. Gerrit erzählt uns von seinem Einstieg ins Tooling mit Codekit und wir philosophieren etwas über die Toolchain-Welten, in denen wir uns bewegen.
[00:18:52] Wissenswertes zum Thema WebFonts
In Anlehnung an die Hörerfrage aus einer früheren Revision graben wir das Thema Webfonts und vor allem Webfont Hosting-Services aus. Gerrit erzählt von den unumstrittenen Vorteilen, die ein Fremdhosting bieten kann.
[00:38:22] Offline First vs. Progressive Enhancement. Unvereinbar?
Offline First! Zuvor bei Workingdraft, dann bei A List Apart. Doch beisst sich der Gedanke nicht mit den Grundlagen des Progressive Enhancements? Und was gilt jetzt eigentlich wirklich? Mobile First? Desktop First? Offline First? Coffee First? Wir nehmen den unumstrittenen Paradigmen ein wenig Wind aus den Segeln.

[00:51:00] Keine Schaunotizen

Share Grunt Configuration
Hans beschreibt, wie man seine Grunt tasks super versionierbar macht.
Phantomas
Webperformance Metriken via PhantomJS unter Node.
How the browser preloader makes pages load faster
Bei der Vielzahl an unterschiedlichen prefetch Methoden der Browser verwirrt? Dieser Artikel gibt Aufschluss.
Android Chrome Dev Tools
Chrome am Desktop und Chrome auf Android. Ein Gespann wie es im Buche steht. Welche neuen Möglichkeiten es gibt, Chrome auf Android auf eurem Desktop zu debuggen, findet ihr hier..
Have I been PWNED?
Sind eure Mailadressen in den großen Sicherheitslückenoffenbarungen der letzten Monate dabei gewesen? Hier könnt ihr es ausprobieren.
Front-end development quiz
Bei einer durchschnittlichen Antwortgenauigkeit von 53% ist eins sicher: Knackig und nichts für Anfänger

Revision 148: Generatoren und Mutationen

15. Dezember 2013 | Keine Kommentare

Die Not macht erfinderisch: Aus akutem Mangel an Themen zauberten Schepp, Peter und Stefan eine sehr JavaScript-lastige Revision aus dem Hut, die sich mit brandneuen bzw. noch nicht so geläufigen Technologien auseinandersetzt:

Schaunotizen

[00:00:26] DOM Mutation Events & Mutation Observers
Bei seinen Arbeiten am object-fit Polyfill mit Anselm stieß Schepp auf die (älteren, mittlerweile obsoleten) DOM Mutation Events bzw. die (neueren, flotteren) Mutation Observer, mit denen sich Änderungen an DOM Knoten ab IE9 fein überwachen lassen. Schepp erzählt von seinen Erfahrungen und nennt Anwendungsmöglichkeiten, und verrät auch wie man rein theoretisch im alten IE8 etwas ähnliches nutzen könnte.
[00:19:09] ECMAScript 6: Generators
Aus dem Webtechnologienlabor des Erklärbärs kommt ein feiner Artikel zu den neuen Generator Funktionen, die mit ECMAScript 6 spruchreif werden, und in Chrome via Flag und den Nightly Builds von Firefox sogar schon eingesetzt werden können. Peter erklärt Syntax und Funktionsweise und gibt einen Anwendungsfall an, mit dem man der Callback-Hölle entfliehen und ins asynchrone Nirvana eintreten kann. Das Schöne: Mit ES6 auf ES3 Transpilern wie Traceur und dem dazu passenden Grunt task lässt sich das ganze sogar heute schon einsetzen!

[00:42:31] Keine Schaunotizen

Chrome Dev Summit: Service Worker
Ab 1:05:00 gibt’s einen tollen Ausblick auf die kommende Service Worker API.
Responsive Comments
Responsive Inhalte (wie z.B.: Bilder) ressourcenschonend in Kommentare verpacken und mit dieser JavaScript Bibliothek auslesen.
noUISlider
jQuery Plugins seien passé? Nicht wenn man so ein sauber implementiertes und sogar auf Touchgeräten absolut funktionierendes Sliding Control vorgesetzt bekommt.
Unicode in Fonts
Wer braucht denn gleich die Iconfont, wenn man mit Unicode Characters auch seine Herzchen bekommt. Diese Liste enthält alle Details.
LocalForage
Auf die IndexedDB mit der aus localStorage bekannten API zugreifen. LocalForage von Mozilla macht das möglich.
Advent, Advent …
Die besinnlichste Zeit des Jahres wäre nicht dasselbe ohne die beliebten Advent(s)kalender von 24 ways, Perfplanet und natürlich den Webkrauts. Gerade bei letzterem empfehlen wir Frederic Hembergers HTTP Header Artikel.

Revision 147: Über das INIT Boilerplate und das Laravel PHP-Framework

3. Dezember 2013 | 5 Kommentare

Stefan, Hans und Schepp luden sich diesmal Christoph Rumpel aus dem schönen Wien ein. Und darum ging es:

Schaunotizen

[00:01:29] INIT
INIT ist ein Frontend-Boilerplate aus Hans’ Feder, das zunächst voll auf seine Bedürfnisse hin zugeschnitten gestartet war. Im Laufe der Zeit gesellten sich allerlei Contributions anderer Leute hinzu, so dass das Paket ab Stand heute zu einer ansehnlichen 1.0er-Version herangewachsen ist.
[00:17:57] Know when to CDN
Wir nahmen den KendoUI-Artikel zum Anlass uns nochmal das Thema CDNs vorzunehmen: Welche Typen von CDNs gibt es? Wann ist der Einsatz von CDNs angesagt? Wann von Nachteil?
[00:40:48] Laravel
Das Laravel Framework, mittlerweile in Version 4 vorliegend, erhebt den Anspruch, PHP eleganten und ausdrucksstarken Code abzutrotzen. Und das gelingt ihm auch. Christoph erzählt uns wie das funktioniert.

[00:57:01] Keine Schaunotizen

uncss
Mit Grunt und uncss lässt sich ganz hervorragend überflüssiges CSS aus aufgeblähten Stylesheets entfernen.
object-fit Polyfill
Wer schon immer mal mit der CSS-Eigenschaft object-fit herumhantieren wollte, dem könnte dieser Polyfill gefallen.
Die Google Page Speed Insights um UX-Hinweise ergänzt
Mit einem angehängten GET-Parameter &ux=1 lassen sich den Page Speed Insights auch User Experience Hinweise zur untersuchten Seite entlocken.
pa11y
pa11y erlaubt ein automatisiertes Testing einer Seite gegen verschiedene Accessibility-Kriterien.
DPLOY
DPLOY ist ein Node-basiertes Script, das Änderungen in einem Git-Repository auf einem (S)FTP-Server nachvollzieht.
60fps scrolling using pointer-events: none
Hovereffekte führen beim Scrollen auf Geräten mit auf dem Bildschirm stehendem Mauszeiger zu versehentlichen “Paint Storms”. Diese Technik kann sie verhindern.
Kate Kiefer Lee: Voice and tone
Kate Kiefer Lee von Mailchimp gibt wertvolle Einblicke darin, wie man optimal für seine Zielgruppe und einen bestimmten Bereich seiner Seite textet. Als Guide liegt das Ganze zudem unter der Adresse voiceandtone.com für alle zum Nachschlagen.
Chrome Extension: Clockwork
Mit Clockwork lassen sich Laravel-interne Metriken nach vorne in die Chrome Devtools herausgeben.
Chrome Extension: JSON Formatter
Der JSON Formatter sorgt für eine deutlich angenehmere Handhabbarkeit von JSON-Objekten in den Chrome Devtools.
Laravel Meetup Vienna
Wer in der Gegen um Wien herum lebt und mehr über das Laravel-Framework erfahren möchte, dem sei das Laravel Meetup Vienna sehr ans Herz gelegt!

Revision 146: Responsive Images, Verträge und Links

24. November 2013 | 1 Kommentar

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!