<p>Stefan und Schepp haben heute <a href="https://twitter.com/usefulthink">Martin Schuhfuß</a> eingeladen, der bei den<br />
diesjährigen Events der JSConfEU und der <a href="https://www.youtube.com/watch?v=LJxeeaSyoVo">OTSConf</a> mit seinen kreativen Entwicklungen für Aufsehen gesorgt hat.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:12] Creative Coding</dt>
<dd>Martin erzählt uns von seinem &#8222;Werdegang&#8220; als Creative Coder, und wie er da grundsätzlich an neue Projekte rangeht.<br />
Schepp ergänzt durch seine Erfahrungen beim letztjährigen Beyond Tellerrand Workshop. Neben zahlreichen Spielereien gibt&#8217;s<br />
da natürlich auch noch einiges tatsächlich sinnvolles zu machen. Ideen und Informationen holen kann man sich hier:</p>
<ul>
<li><a href="http://www.adafruit.com/">Adafruit</a></li>
<li><a href="http://hackaday.io/">Hackaday</a></li>
<li><a href="http://www.instructables.com/">Instructables</a></li>
<li><a href="http://creativecodingpodcast.com/">Creative Coding Podcast</a></li>
</ul>
</dd>
<dt>[00:21:00] <a href="http://eyeglass.rocks/">Eyeglass for Sass</a></dt>
<dd>Sass bietet für die Libsass Implementierung nun eine Möglichkeit, in JavaScript<br />
Funktionserweiterungen zu stricken, anstatt wie bislang mühselig mit Ruby oder gar Sass-Syntax zu arbeiten. Wir diskutieren<br />
über Sinn und Unsinn, finden wenige Use-Cases und verweise auf das geliebt-gehasste PostCSS, das mit der<br />
<a href="https://github.com/andyjansson/postcss-functions">PostCSS-Functions</a> Erweiterung doch eine viel zugänglichere<br />
Möglichkeit dafür bietet.</dd>
<dt>[00:34:19] <a href="https://www.ampproject.org/faq/">Accelerated Mobile Pages</a></dt>
<dd>Google bietet einen Service, um jedermann Facebook-ähnliche Instapages zu ermöglichen. Das ganze basiert auf<br />
Webtechnologien und einem Subset, dass hinsichtlich Performance optimiert wurde. Wie alles im Internet sorgt das<br />
ganze für Aufregung, sowohl in der einen oder anderen Richtung. Warum, können wir allerdings nicht ganz nachvollziehen.</dd>
</dl>
<h3>[00:51:29] Keine Schaunotizen</h3>
<dl>
<dt><a href="http://www.meetup.com/decode-hh/">Decode HH</a></dt>
<dd>Martins Design-Concept-Code Meetup braucht dringend kreative Leute, die tolle Dinge zeigen wollen.</dd>
<dt><a href="https://github.com/axemclion/perfjankie">Perfjankie</a></dt>
<dd>Perfjankie monitort eure Webseiten und gibt euch Auskunft über lahme Renderzyklen.</dd>
<dt><a href="https://surge.sh/">Surge</a></dt>
<dd>Supereinfaches Deployment für Seiten.</dd>
<dt><a href="https://www.netlify.com/">Netlify</a></dt>
<dd>Ähnlich dem darüber.</dd>
<dt><a href="http://arstechnica.com/information-technology/2015/10/tomato-versus-ff6347-the-tragicomic-history-of-css-color-names/">“Tomato” versus “#FF6347”—the tragicomic history of CSS color names</a></dt>
<dd>Was hinter Farbnamen alles stehen kann.</dd>
<dt><a href="https://www.youtube.com/watch?v=6f5dt923FmQ">Get started with functional programming</a></dt>
<dd>Die Videos der OTS School sind ja alle super, aber dieses eine von Anouk Ruhaak legen wir euch besonders ans Herz</dd>
<dt><a href="https://www.youtube.com/watch?v=t3XofbN2HgE">Evolutionary Algorithms 101</a></dt>
<dd>Ebenso dem von Manuel Ernst</dd>
<dt><a href="http://2016.cssunconf.eu/">CSS Unconf</a></dt>
<dd>Es wird eine Unkonferenz für CSS geben, die Martin mitorganisiert</dd>
</dl>


Stefan und Schepp haben heute Martin Schuhfuß eingeladen, der bei den
diesjährigen Events der JSConfEU und der OTSConf mit seinen kreativen
Entwicklungen für Aufsehen gesorgt hat.


SCHAUNOTIZEN

[00:…

Working Draft

Stefan und Schepp haben heute Martin Schuhfuß eingeladen, der bei den
diesjährigen Events der JSConfEU und der OTSConf mit seinen kreativen
Entwicklungen für Aufsehen gesorgt hat.


SCHAUNOTIZEN

[00:00:12] CREATIVE CODING

Martin erzählt uns von seinem „Werdegang“ als Creative Coder, und wie er da
grundsätzlich an neue Projekte rangeht.
Schepp ergänzt durch seine Erfahrungen beim letztjährigen Beyond Tellerrand
Workshop. Neben zahlreichen Spielereien gibt’s
da natürlich auch noch einiges tatsächlich sinnvolles zu machen. Ideen und
Informationen holen kann man sich hier:



 * Adafruit
 * Hackaday
 * Instructables
 * Creative Coding Podcast

[00:21:00] EYEGLASS FOR SASS

Sass bietet für die Libsass Implementierung nun eine Möglichkeit, in JavaScript
Funktionserweiterungen zu stricken, anstatt wie bislang mühselig mit Ruby oder
gar Sass-Syntax zu arbeiten. Wir diskutieren
über Sinn und Unsinn, finden wenige Use-Cases und verweise auf das
geliebt-gehasste PostCSS, das mit der
PostCSS-Functions Erweiterung doch eine viel zugänglichere
Möglichkeit dafür bietet.

[00:34:19] ACCELERATED MOBILE PAGES

Google bietet einen Service, um jedermann Facebook-ähnliche Instapages zu
ermöglichen. Das ganze basiert auf
Webtechnologien und einem Subset, dass hinsichtlich Performance optimiert wurde.
Wie alles im Internet sorgt das
ganze für Aufregung, sowohl in der einen oder anderen Richtung. Warum, können
wir allerdings nicht ganz nachvollziehen.


[00:51:29] KEINE SCHAUNOTIZEN

DECODE HH

Martins Design-Concept-Code Meetup braucht dringend kreative Leute, die tolle
Dinge zeigen wollen.

PERFJANKIE

Perfjankie monitort eure Webseiten und gibt euch Auskunft über lahme
Renderzyklen.

SURGE

Supereinfaches Deployment für Seiten.

NETLIFY

Ähnlich dem darüber.

“TOMATO” VERSUS “#FF6347”—THE TRAGICOMIC HISTORY OF CSS COLOR NAMES

Was hinter Farbnamen alles stehen kann.

GET STARTED WITH FUNCTIONAL PROGRAMMING

Die Videos der OTS School sind ja alle super, aber dieses eine von Anouk Ruhaak
legen wir euch besonders ans Herz

EVOLUTIONARY ALGORITHMS 101

Ebenso dem von Manuel Ernst

CSS UNCONF

Es wird eine Unkonferenz für CSS geben, die Martin mitorganisiert

Revision 238: Creative Coding, Sass Eyeglass und AMP

<p>Hans, Schepp und Stefan widmen sich heute zwei Meta-Themen:</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:20] <a href="http://zachholman.com/posts/remote-first/">Remote First vs Remote Friendly</a></dt>
<dd>Zach Holmans Beitrag zur Remote-Arbeit nehmen wir zum Anlass um unsere Erfahrungen zu teilen. Wir erläutern, was<br />
gut funktioniert, was weniger gut läuft, und auf welche Dinge man achten muss um anständig verteilt zu arbeiten.<br />
Hans macht das mittlerweile sehr oft und sehr gern, Schepp holt sich familienbedingt die Abwechslung im Agentur-Büro.<br />
Stefan erzählt, dass Remote Work Best Practices auch sehr hilfreich sind, wenn die <a href="https://ruxit.com">Büros</a><br />
 sich über den Globus verteilen.</dd>
<dt>[00:21:07] <a href="http://timkadlec.com/2015/09/the-fallacy-of-keeping-up/">The fallacy of keeping up</a></dt>
<dd>Tim Kadlec schreibt wie er bei neuen Technologien am Ball bleibt. Wir klinken uns da ein und beschreiben<br />
unsere Wege, um mit dem neuesten Schritt halten zu können. Viel selektives Lesen, Konzepte statt Frameworks lernen,<br />
und Newsletter (vor allem die <a href="http://wdrl.info">WDRL</a>) abonnieren. Und natürlich Working Draft hören.</dd>
</dl>
<h3>[00:48:10] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://css-tricks.com/why-do-we-have-repeating-linear-gradient-anyway/">Why do we have repeating-linear-gradient anyway</a></dt>
<dd>Ana Tudor ana-lysiert die <code>repeating-linear-gradient</code> Funktion der <code>background-image</code> Eingeschaft aufs Genaueste.<br />
Möglichkeiten inklusive Browser-Unterschiede in diesem umfangreichen Artikel.</dd>
<dt><a href="http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D">Loupe</a></dt>
<dd>Loupe zeigt euch was die JavaScript Engine macht wenn Code ausgeführt wird.</dd>
<dt><a href="http://una.im/vintage-washout/#?">CSS Vintage Washout</a></dt>
<dd>Una Kravets&#8216; Serie über CSS Filtereffekte ist nicht nur außerordentlich unterhaltsam, sondern auch sehr lehrreich. Empfehlenswert!.</dd>
<dt><a href="https://speakerdeck.com/addyosmani/whats-new-in-chrome-devtools">Chrome DevTools Update</a></dt>
<dd>Addy Osmani zeigt, was alles neu ist in den Chrome DevTools.</dd>
<dt><a href="http://pixelscommander.com/en/web-applications-performance/render-html-css-in-webgl-to-get-highest-performance-possibl/">HTMLGL</a></dt>
<dd>HTML Rendering in WebGL? Das ganze noch 100% accessible? Tolle Techdemo mit gutem Artikel.</dd>
<dt><a href="https://github.com/WPO-Foundation/RUM-SpeedIndex">RUM SpeedIndex</a></dt>
<dd>Berechnet den angenäherten SpeedIndex am Client.</dd>
</dl>


Hans, Schepp und Stefan widmen sich heute zwei Meta-Themen:


SCHAUNOTIZEN

[00:00:20] REMOTE FIRST VS REMOTE FRIENDLY

Zach Holmans Beitrag zur Remote-Arbeit nehmen wir zum Anlass um unsere
Erfahrung…

Hans, Schepp und Stefan widmen sich heute zwei Meta-Themen:


SCHAUNOTIZEN

[00:00:20] REMOTE FIRST VS REMOTE FRIENDLY

Zach Holmans Beitrag zur Remote-Arbeit nehmen wir zum Anlass um unsere
Erfahrungen zu teilen. Wir erläutern, was
gut funktioniert, was weniger gut läuft, und auf welche Dinge man achten muss um
anständig verteilt zu arbeiten.
Hans macht das mittlerweile sehr oft und sehr gern, Schepp holt sich
familienbedingt die Abwechslung im Agentur-Büro.
Stefan erzählt, dass Remote Work Best Practices auch sehr hilfreich sind, wenn
die Büros
sich über den Globus verteilen.

[00:21:07] THE FALLACY OF KEEPING UP

Tim Kadlec schreibt wie er bei neuen Technologien am Ball bleibt. Wir klinken
uns da ein und beschreiben
unsere Wege, um mit dem neuesten Schritt halten zu können. Viel selektives
Lesen, Konzepte statt Frameworks lernen,
und Newsletter (vor allem die WDRL) abonnieren. Und natürlich Working Draft
hören.


[00:48:10] KEINE SCHAUNOTIZEN

WHY DO WE HAVE REPEATING-LINEAR-GRADIENT ANYWAY

Ana Tudor ana-lysiert die repeating-linear-gradient Funktion der
background-image Eingeschaft aufs Genaueste.
Möglichkeiten inklusive Browser-Unterschiede in diesem umfangreichen Artikel.

LOUPE

Loupe zeigt euch was die JavaScript Engine macht wenn Code ausgeführt wird.

CSS VINTAGE WASHOUT

Una Kravets‘ Serie über CSS Filtereffekte ist nicht nur außerordentlich
unterhaltsam, sondern auch sehr lehrreich. Empfehlenswert!.

CHROME DEVTOOLS UPDATE

Addy Osmani zeigt, was alles neu ist in den Chrome DevTools.

HTMLGL

HTML Rendering in WebGL? Das ganze noch 100% accessible? Tolle Techdemo mit
gutem Artikel.

RUM SPEEDINDEX

Berechnet den angenäherten SpeedIndex am Client.

Revision 237: Remote Work und Informationsnachschub

<p>Eine neue Folge des Working Drafts und wir sind mit geballter Manpower am Start.</p>
<h3>Keine News</h3>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:10] <a href="http://www.w3.org/TR/2015/WD-css-round-display-1-20150922/">CSS Round Display Level 1</a></dt>
<dd>Es gibt einen neuen Vorschlag im Media Query Umfeld: Abfragen für runde Displays. Die Spezifikation befasst sich mit abgerundeten Displays wie für Uhren, jedoch nicht für Achtecke o.Ä.<br />
Wir fragen uns, warum man sich nicht auch Gedanken über 3D-Wölbungen macht. Zum Beispiel für den Einsatz von 3D in CSS. Außerdem diskutieren wir den allgemeinen Ansatz dieser Spezifikation und vergleichen mit Media Queries Level 2 und dem Media Type &#8222;Handheld&#8220;.<br />
Unser Fazit: First Public Working Draft, Kaffeesatzleserei unsererseits.</dd>
<dt>[00:15:59] <a href="http://ericdouglas.github.io/2015/09/27/checklist-for-your-new-open-source-javascript-project/">Checklist for your new Open Source JavaScript Project</a></dt>
<dd>Eric Douglas schlägt einen Checkliste für JavaScript Open Source Projekte vor.<br />
Peters <a href="https://github.com/SirPepe/diffsync-file-json">Diffsync-JSON-File-Adapter</a> dient uns als Minimal-Diskussionsstartpunkt ohne Tests etc.<br />
Nächste Stufe: <a href="https://github.com/drublic/Store">Store</a> von Hans mit Tests, Doku, Travis und Coverall (maximaler Gewinn mit minimalem Aufwand).<br />
Wir nehmen Bezug auf eine <a href="http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results">kürzlich erschienene Tool-Umfrage</a>.<br />
Stefans Perspektive als Teilnehmer an OSS-Projekten: Tests sind das wichtigste.</dd>
</dl>
<h3>[00:43:47] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://www.reddit.com/r/web_design/comments/3la04p/psa_safari_on_ios9_has_a_media_query_bug/">iOS9 Viewport Change</a></dt>
<dd>iOS9 Safari Mobile rendert Webseiten neuerdings anders, wenn man <code>initial-scale=1</code> or <code>width=device-width</code> setzt. Dies bricht bestehende Websites. Vorsicht, bitte!</dd>
<dt><a href="http://www.rexegg.com/regex-best-trick.html">The Best Regex Trick</a></dt>
<dd>Der beste Regex Trick, wenn man einen bestimmten String sucht, jedoch nicht, wenn dieser von bestimmten Zeichen umgeben ist.</dd>
</dl>


Eine neue Folge des Working Drafts und wir sind mit geballter Manpower am Start.


KEINE NEWS


SCHAUNOTIZEN

[00:00:10] CSS ROUND DISPLAY LEVEL 1

Es gibt einen neuen Vorschlag im Media Query Umfeld:…

Eine neue Folge des Working Drafts und wir sind mit geballter Manpower am Start.


KEINE NEWS


SCHAUNOTIZEN

[00:00:10] CSS ROUND DISPLAY LEVEL 1

Es gibt einen neuen Vorschlag im Media Query Umfeld: Abfragen für runde
Displays. Die Spezifikation befasst sich mit abgerundeten Displays wie für
Uhren, jedoch nicht für Achtecke o.Ä.
Wir fragen uns, warum man sich nicht auch Gedanken über 3D-Wölbungen macht. Zum
Beispiel für den Einsatz von 3D in CSS. Außerdem diskutieren wir den allgemeinen
Ansatz dieser Spezifikation und vergleichen mit Media Queries Level 2 und dem
Media Type „Handheld“.
Unser Fazit: First Public Working Draft, Kaffeesatzleserei unsererseits.

[00:15:59] CHECKLIST FOR YOUR NEW OPEN SOURCE JAVASCRIPT PROJECT

Eric Douglas schlägt einen Checkliste für JavaScript Open Source Projekte vor.
Peters Diffsync-JSON-File-Adapter dient uns als Minimal-Diskussionsstartpunkt
ohne Tests etc.
Nächste Stufe: Store von Hans mit Tests, Doku, Travis und Coverall (maximaler
Gewinn mit minimalem Aufwand).
Wir nehmen Bezug auf eine kürzlich erschienene Tool-Umfrage.
Stefans Perspektive als Teilnehmer an OSS-Projekten: Tests sind das wichtigste.


[00:43:47] KEINE SCHAUNOTIZEN

IOS9 VIEWPORT CHANGE

iOS9 Safari Mobile rendert Webseiten neuerdings anders, wenn man initial-scale=1
or width=device-width setzt. Dies bricht bestehende Websites. Vorsicht, bitte!

THE BEST REGEX TRICK

Der beste Regex Trick, wenn man einen bestimmten String sucht, jedoch nicht,
wenn dieser von bestimmten Zeichen umgeben ist.

Revision 236: CSS Round Display Spec und Open Source Projekte

<p>Es ergab sich, dass wir <a href="https://angularjs.de/entwickler/justphil">Philipp Tarasiewicz</a>, AngularJS- und Go-Entwickler, erneut für die Sendung gewinnen konnten. Wir sprechen mit ihm über seine Kernkompetenzen.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:19] <a href="http://bfgeek.com/houdini/2015/09/14/the-performance-of-houdini-paint/">The Performance of Houdini Paint</a></dt>
<dd>Es gibt einen neuen Player im Pool der Standardisierungen: <a href="https://dev.opera.com/articles/houdini-f2f-report/">Houdini</a>, eine Art &#8222;Web Components für CSS&#8220; zum Beschreiben von eigener Styling-Funktionalität. Beispielsweise könnte man etwas wie Schepps <a href="https://github.com/Schepp/box-sizing-polyfill">box-sizing Polyfill</a> damit beschreiben. Wir sprechen über die Aufgaben einer API und diskutieren über bereits bestehende Funktionalitäten, wie beispielsweise <a href="https://developers.google.com/web/updates/2014/05/Web-Animations---element-animate-is-now-in-Chrome-36">Web Animations</a>. Weitere Links:</p>
<ul>
<li><a href="https://github.com/domenic/html-as-custom-elements">HTML as Custom-Elements</a></li>
</ul>
</dd>
<dt>[00:11:00] <a href="https://golang.org/">Go Lang</a></dt>
<dd>Go ist eine von Google entworfene <a href="https://en.wikipedia.org/wiki/Low-level_programming_language">Low-Level Programmiersprache</a>, die zumindest ursprünglich ziemlich systemnah arbeitet. Mittlerweile ist Go eine &#8222;General Purpose&#8220; Sprache geworden, die wir in der Diskussion mit C++ und Rust vergleichen. Philipp erklärt uns das gute Ökosystem von Go. Weitere Links:</p>
<ul>
<li><a href="https://github.com/ubolonton/js-csp">https://github.com/ubolonton/js-csp</a></li>
<li><a href="http://gobot.io/">Go für IOT</a></li>
<li><a href="https://golang.org/">Zum Start: Go-Webseite reicht</a></li>
</ul>
</dd>
<dt>[00:35:30] <a href="https://angular.io/">AngularJS 2.0</a></dt>
<dd>Wie wir bereits schon öfter angesprochen haben, ist bei Angular zeitnah eine Überarbeitung fällig. Mit Angular 2 wird das Framework aufgeräumt und arbeitet unter der Haube mit Web Components bzw. <a href="https://www.polymer-project.org/1.0/">Polymer</a>. Wir sprechen über Isomorphe Ansätze und den Alpha-Status. Philipp empfiehlt neue Projekte nur mit Angular 2 anzufangen, wenn es sich um langfristige Projekte handelt. Angular 1.x Projekte sollte man dann aber so bauen, dass sie leicht nach Angular 2 zu konvertieren sind.</dd>
</dl>
<h3>[00:59:53] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://gist.github.com/paulirish/5d52fb081b3570c81e3a">What forces layout / reflow</a></dt>
<dd>Eine Liste an JavaScript-Eigenschaften, die einen Reflow im Browser triggern.</dd>
</dl>


Es ergab sich, dass wir Philipp Tarasiewicz, AngularJS- und Go-Entwickler,
erneut für die Sendung gewinnen konnten. Wir sprechen mit ihm über seine
Kernkompetenzen.


SCHAUNOTIZEN

[00:01:19] THE PERF…

Es ergab sich, dass wir Philipp Tarasiewicz, AngularJS- und Go-Entwickler,
erneut für die Sendung gewinnen konnten. Wir sprechen mit ihm über seine
Kernkompetenzen.


SCHAUNOTIZEN

[00:01:19] THE PERFORMANCE OF HOUDINI PAINT

Es gibt einen neuen Player im Pool der Standardisierungen: Houdini, eine Art
„Web Components für CSS“ zum Beschreiben von eigener Styling-Funktionalität.
Beispielsweise könnte man etwas wie Schepps box-sizing Polyfill damit
beschreiben. Wir sprechen über die Aufgaben einer API und diskutieren über
bereits bestehende Funktionalitäten, wie beispielsweise Web Animations. Weitere
Links:



 * HTML as Custom-Elements

[00:11:00] GO LANG

Go ist eine von Google entworfene Low-Level Programmiersprache, die zumindest
ursprünglich ziemlich systemnah arbeitet. Mittlerweile ist Go eine „General
Purpose“ Sprache geworden, die wir in der Diskussion mit C++ und Rust
vergleichen. Philipp erklärt uns das gute Ökosystem von Go. Weitere Links:



 * https://github.com/ubolonton/js-csp
 * Go für IOT
 * Zum Start: Go-Webseite reicht

[00:35:30] ANGULARJS 2.0

Wie wir bereits schon öfter angesprochen haben, ist bei Angular zeitnah eine
Überarbeitung fällig. Mit Angular 2 wird das Framework aufgeräumt und arbeitet
unter der Haube mit Web Components bzw. Polymer. Wir sprechen über Isomorphe
Ansätze und den Alpha-Status. Philipp empfiehlt neue Projekte nur mit Angular 2
anzufangen, wenn es sich um langfristige Projekte handelt. Angular 1.x Projekte
sollte man dann aber so bauen, dass sie leicht nach Angular 2 zu konvertieren
sind.


[00:59:53] KEINE SCHAUNOTIZEN

WHAT FORCES LAYOUT / REFLOW

Eine Liste an JavaScript-Eigenschaften, die einen Reflow im Browser triggern.

Revision 235: Houdini, Go Lang und Angular 2

<p>Auch diese Sendung ist nur leicht besetzt: Anselm und Hans geben ihr bestes aus der aktuellen Themenlage die schönsten Themen zu besprechen.</p>
<h3>[00:00:13] News</h3>
<dl>
<dt><a href="https://nodejs.org/en/blog/release/v4.0.0/">Node.js v4.0</a></dt>
<dd>Node.js wurde in Version 4.0 veröffentlicht. Dies ist die erste Version, die vorne keine Null hat.</dd>
<dt><a href="https://twitter.com/Modernizr/status/643464140397285376">Modernizr v3</a></dt>
<dd>Lange hat es gedauert, aber nun ist es endlich so weit: Modernizr Version 3 mit vielen neuen Feature-Detects und einem neuen Builder ist da.</dd>
</dl>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:24] <a href="http://blog.html5test.com/2015/08/the-problems-with-feature-detection/">The Problems with Feature Detection</a></dt>
<dd>Die Veröffentlichung von Modernizr v3 nehmen wir zum Anlasse einmal genauer über Feature-Detection und die damit verbundenen Schwierigkeiten von &#8222;False-Positives&#8220; und nicht zu erkennenden Features zu sprechen. </dd>
<dt>[00:23:20] <a href="http://simurai.com/blog/2015/09/09/back-to-the-roots/">Back to the :roots</a></dt>
<dd>Simurais Artikel &#8222;Back to the :roots&#8220; zeigt auf, welche Möglichkeiten CSS von Haus aus mitbringt, um beispielsweise per <code>inherit</code>&#8211; oder <code>currentColor</code>-Eigenschaften durch Vererbung zum Theming nutzen kann. Wir diskutieren, wie sich diese Art der Vererbung in Projekten einsetzen lässt und wie unser Vorgehen in solchen Situationen ist.</dd>
</dl>


Auch diese Sendung ist nur leicht besetzt: Anselm und Hans geben ihr bestes aus
der aktuellen Themenlage die schönsten Themen zu besprechen.


[00:00:13] NEWS

NODE.JS V4.0

Node.js wurde in Version 4…

Auch diese Sendung ist nur leicht besetzt: Anselm und Hans geben ihr bestes aus
der aktuellen Themenlage die schönsten Themen zu besprechen.


[00:00:13] NEWS

NODE.JS V4.0

Node.js wurde in Version 4.0 veröffentlicht. Dies ist die erste Version, die
vorne keine Null hat.

MODERNIZR V3

Lange hat es gedauert, aber nun ist es endlich so weit: Modernizr Version 3 mit
vielen neuen Feature-Detects und einem neuen Builder ist da.


SCHAUNOTIZEN

[00:02:24] THE PROBLEMS WITH FEATURE DETECTION

Die Veröffentlichung von Modernizr v3 nehmen wir zum Anlasse einmal genauer über
Feature-Detection und die damit verbundenen Schwierigkeiten von
„False-Positives“ und nicht zu erkennenden Features zu sprechen.

[00:23:20] BACK TO THE :ROOTS

Simurais Artikel „Back to the :roots“ zeigt auf, welche Möglichkeiten CSS von
Haus aus mitbringt, um beispielsweise per inherit– oder
currentColor-Eigenschaften durch Vererbung zum Theming nutzen kann. Wir
diskutieren, wie sich diese Art der Vererbung in Projekten einsetzen lässt und
wie unser Vorgehen in solchen Situationen ist.

Revision 234: Probleme mit Feature-Detection und Vererbung in CSS

<p>Dank Post-Nightlybuild-schem Glückssyndrom gehen wir in reduzierter Besetzung aus Anselm und Stefan in die Gefilde der modernen Layout-Techniken.</p>
<h3>[00:00:12] News</h3>
<dl>
<dt><a href="http://googlewebmastercentral.blogspot.co.uk/2015/09/mobile-friendly-web-pages-using-app.html">Mobile Friendly Web Pages using App Banners</a></dt>
<dd>Wer seinen Usern mit dreister, großflächiger App-Werbung die Tür zum Content vor der Nase zuschmeißt, wird ab 1. November von Google in den Such-Rankings bestraft. Gute Sache.</dd>
<dt><a href="http://dev.modern.ie/platform/status/webmcontainer/">Edge und Video</a></dt>
<dd>Edge implementiert den WebM Container. Ein Schritt näher zu offenen, hochoptimierten Medienformaten. Der nächste Schritt: Die <a href="http://aomedia.org/press-release/alliance-to-deliver-next-generation-open-media-formats/">Allianz für offene Medien</a>.</dd>
</dl>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:47] <a href="https://rachelandrew.co.uk/archives/2015/09/02/css-grid-and-the-box-alignment-module/">CSS Grid / Flex Layout</a></dt>
<dd>Rachel Andrew hat es sich zum Ziel gesetzt, das CSS Grid Layout Modul solange zu evangelisieren, bis Browser es auch unterstützen. Sie macht das nicht nur hochmotiviert, sondern auch sehr gut. Ihren jüngsten Artikel nehmen wir zum Anlass um über die neuen Layoutmöglichkeiten zu diskutieren. Grundkonsens: Die Spezifikationen sind umfangreich und wirken auf den ersten Blick höchst kompliziert. In der Anwendung sind sowohl <a href="https://medium.com/@patrickbrosset/css-grid-layout-6c9cba6e8a5a">Grid</a>&#8211; als auch Flexbox höchst einfach. Etwas, auf das wir uns freuen können. Nebenbei erwähnen wir auch noch Vasilis&#8216; <a href="https://vasilis.nl/nerd/but-vasilis/">responsive Layout-Techniken</a>, die Media-Query frei funktionieren und großartige Ergebnisse liefern.</dd>
</dl>
<h3>[00:35:07] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://github.com/h2non/toxy">Toxy</a></dt>
<dd>Node Proxy, der suboptimale Bedingungen simuliert. Von Latenzzeiten bis zum Paketverlust ist alles drin.</dd>
<dt><a href="https://github.com/pandastrike/fairmont/wiki/Reactive-Programming">Reactive Programming mit ES6</a></dt>
<dd>Buzzword oder tolle, neue Progammieridee? Der Artikel gibt Aufschluß.</dd>
<dt><a href="https://www.manning.com/books/front-end-tooling-with-gulp-bower-and-yeoman/?a_aid=fettblog&#038;a_bid=238ac06a">Front-End Tooling mit Gulp, Yeoman und Bower</a></dt>
<dd>Stefan schreibt ein Buch über Front-End Automatisierung. Working Draft Hörer bekommen da mit dem Code <em>fetoolpc</em> eine Menge Rabatt</dd>
</dl>


Dank Post-Nightlybuild-schem Glückssyndrom gehen wir in reduzierter Besetzung
aus Anselm und Stefan in die Gefilde der modernen Layout-Techniken.


[00:00:12] NEWS

MOBILE FRIENDLY WEB PAGES USING APP…

Dank Post-Nightlybuild-schem Glückssyndrom gehen wir in reduzierter Besetzung
aus Anselm und Stefan in die Gefilde der modernen Layout-Techniken.


[00:00:12] NEWS

MOBILE FRIENDLY WEB PAGES USING APP BANNERS

Wer seinen Usern mit dreister, großflächiger App-Werbung die Tür zum Content vor
der Nase zuschmeißt, wird ab 1. November von Google in den Such-Rankings
bestraft. Gute Sache.

EDGE UND VIDEO

Edge implementiert den WebM Container. Ein Schritt näher zu offenen,
hochoptimierten Medienformaten. Der nächste Schritt: Die Allianz für offene
Medien.


SCHAUNOTIZEN

[00:01:47] CSS GRID / FLEX LAYOUT

Rachel Andrew hat es sich zum Ziel gesetzt, das CSS Grid Layout Modul solange zu
evangelisieren, bis Browser es auch unterstützen. Sie macht das nicht nur
hochmotiviert, sondern auch sehr gut. Ihren jüngsten Artikel nehmen wir zum
Anlass um über die neuen Layoutmöglichkeiten zu diskutieren. Grundkonsens: Die
Spezifikationen sind umfangreich und wirken auf den ersten Blick höchst
kompliziert. In der Anwendung sind sowohl Grid– als auch Flexbox höchst einfach.
Etwas, auf das wir uns freuen können. Nebenbei erwähnen wir auch noch Vasilis‘
responsive Layout-Techniken, die Media-Query frei funktionieren und großartige
Ergebnisse liefern.


[00:35:07] KEINE SCHAUNOTIZEN

TOXY

Node Proxy, der suboptimale Bedingungen simuliert. Von Latenzzeiten bis zum
Paketverlust ist alles drin.

REACTIVE PROGRAMMING MIT ES6

Buzzword oder tolle, neue Progammieridee? Der Artikel gibt Aufschluß.

FRONT-END TOOLING MIT GULP, YEOMAN UND BOWER

Stefan schreibt ein Buch über Front-End Automatisierung. Working Draft Hörer
bekommen da mit dem Code fetoolpc eine Menge Rabatt

Revision 233: CSS Layout Techniken

<p>Als Rumpfmannschaft, geplagt von Technikproblemen und nicht besonders vielen Themen, kratzen Hans und Peter eine Notfall-Express-Revision zusammen.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:30] <a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955">Progressive Apps</a></dt>
<dd>Alex Russel postuliert <i>Progressive Apps</i>&nbsp;&ndash; Webapps, die unter gegebenen Umständen aus dem Browser heraus zu einer lokal installierten App mutieren. Hans und Peter sind sich einig darüber, dass auf Mobile niemand Webapps mag, da sie in Sachen OS-Integration und Performance hinterherhinken. Dabei gibt es (zumindest auf dem Papier und in wenigen fortschrittlichen Browsern) doch bereits Technologien, die diese Probleme lösen (z.B. <a href="http://www.w3.org/TR/push-api/">Push Notifications</a> und <a href="http://www.html5rocks.com/en/tutorials/service-worker/introduction/?redirect_from_locale=de">Service Worker</a>). So wie <a href="http://adaptivepath.org/ideas/ajax-new-approach-web-applications/">Ajax</a> den <a href="https://developer.mozilla.org/de/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a> bändigt und <a href="http://alistapart.com/article/responsive-web-design">Responsive Design</a> die <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries">Media Queries</a> domestiziert soll <i>Progressive Apps</i> ein Konzept für den effektiven Einsatz der vielen neuen Webapp-APIs sein. Wir sehen Bedarf an einer Umsetzung des Prinzips in Software, denn handgestricktes AJAX ist im Vergleich zu einem MVC-Framework immer noch ein ziemliches Mühsal. Also baut der Welt ein Progressive-Apps-Framework!</dd>
</dl>
<h3>[00:22:45] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://securityheaders.io/">securityheaders.io</a></dt>
<dd>Prüft eure Webseite auf das Vorhandensein sicherheitsrelevanter HTTP-Header.</dd>
</dl>


Als Rumpfmannschaft, geplagt von Technikproblemen und nicht besonders vielen
Themen, kratzen Hans und Peter eine Notfall-Express-Revision zusammen.


SCHAUNOTIZEN

[00:00:30] PROGRESSIVE APPS

Alex Ru…

Als Rumpfmannschaft, geplagt von Technikproblemen und nicht besonders vielen
Themen, kratzen Hans und Peter eine Notfall-Express-Revision zusammen.


SCHAUNOTIZEN

[00:00:30] PROGRESSIVE APPS

Alex Russel postuliert Progressive Apps – Webapps, die unter gegebenen Umständen
aus dem Browser heraus zu einer lokal installierten App mutieren. Hans und Peter
sind sich einig darüber, dass auf Mobile niemand Webapps mag, da sie in Sachen
OS-Integration und Performance hinterherhinken. Dabei gibt es (zumindest auf dem
Papier und in wenigen fortschrittlichen Browsern) doch bereits Technologien, die
diese Probleme lösen (z.B. Push Notifications und Service Worker). So wie Ajax
den XMLHttpRequest bändigt und Responsive Design die Media Queries domestiziert
soll Progressive Apps ein Konzept für den effektiven Einsatz der vielen neuen
Webapp-APIs sein. Wir sehen Bedarf an einer Umsetzung des Prinzips in Software,
denn handgestricktes AJAX ist im Vergleich zu einem MVC-Framework immer noch ein
ziemliches Mühsal. Also baut der Welt ein Progressive-Apps-Framework!


[00:22:45] KEINE SCHAUNOTIZEN

SECURITYHEADERS.IO

Prüft eure Webseite auf das Vorhandensein sicherheitsrelevanter HTTP-Header.

Revision 232: Progressive Apps

<p>Heute waren <a href="https://twitter.com/DerMambo">Manuel</a> und <a href="https://twitter.com/yauh?lang=de">Stephan</a> von <a href="https://www.shop.co/">SHOP.CO</a> zu Gast, die durch Stefan, Schepp, Peter und Hans ausführlich zu ihrem Projekt und zum JS-Framework <a href="https://www.meteor.com/">Meteor</a> ausgefragt wurden.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:07:52] <a href="https://www.meteor.com/">Meteor</a></dt>
<dd>
Bei Meteor handelt es sich um einen schnell und einfach aufgesetzten MEAN-Stack (<a href="https://www.mongodb.org/">MongoDB</a>, <a href="http://expressjs.com/">ExpressJS</a>, <a href="https://angularjs.org/">AngularJS</a>, <a href="https://nodejs.org/">NodeJS</a>) plus ein paar hilfreiche Libraries, der besonders für die schnelle Entwicklung einer App von Null an geeignet ist. Besonders auffällig sind die Live-Instant-Updates von Datenänderungen, das eigene Package-Repository <a href="https://atmospherejs.com/">Atmosphere</a> und die Isomorphe Daten-API. Als Quelle für weitere Infos ist neben dem <a href="https://www.meteor.com/tutorials/blaze/creating-an-app">Tutorial auf der Meteor-Webseite</a> vor allem das Buch <a href="http://meteorinaction.com/">Meteor in Action</a>, geschrieben von unseren beiden Gästen zu empfehlen. News gibt es auf <a href="https://crater.io/">crater.io</a>.</dd>
<dt>[00:34:36] <a href="http://glenmaddern.com/articles/css-modules">CSS Modules</a></dt>
<dd>CSS in JS-Modulen, in Form von JavaScript&nbsp;&ndash; gute Idee oder nicht?  Es besteht offenbar Bedarf an einer Möglichkeit, CSS zu de-globalisieren und ein vernünftiges Scoping einzurichten, was aber im Prinzip auch möglich wäre, ohne CSS zugungsten von JS komplett links liegen zu lassen (z.B. mit <a href="https://github.com/SirPepe/scoped-style">Peters Web Component für Scoped Styles</a>). Trotzdem gibt es viele Stimmen, die <a href="https://www.youtube.com/watch?v=NoaxsCi13yQ">das Ende von klassischem CSS heraufbeschwören</a> oder im JS-Weg zumindest manchmal für eine <a href="https://www.youtube.com/watch?v=ERB1TJBn32c">echte Alternative</a> sehen.</dd>
</dl>
<h3>[01:02:56] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://blogs.windows.com/msedgedev/2015/08/17/windows-10-virtual-machines-now-available-on-microsoft-edge-dev/">Edge VM on modern.ie</a></dt>
<dd>Windows-10-VMs direkt von der Quelle.</dd>
<dt><a href="http://www.meetup.com/de/stahlstadt-js/events/224721483/">Stahlstadt.js</a></dt>
<dd>Stefan macht Werbung für das Linzer JS-Meetup.</dd>
<dt><a href="https://github.com/dustinspecker/eslint-plugin-no-use-extend-native">eslint-plugin-no-use-extend-native</a></dt>
<dd>ESLint-Plugin, das vor unsachgemäßen Erweiterungen der nativen Prototypen warnt.</dd>
<dt><a href="https://hacks.mozilla.org/2015/08/es6-in-depth-modules/">ES6 In Depth: Modules</a></dt>
<dd>Mozilla erklärt ES6-Module im Detail.</dd>
<dt><a href="http://www.eventbrite.com/e/modxpo-munich-2015-tickets-16923091422">MODXpo Munich 2015</a></dt>
<dd>Hans macht Werbung für die MODXpo, auf der er uns Anselm die Bühne erklimmen werden.</dd>
<dt><a href="https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/">Tasks, microtasks, queues and schedules</a></dt>
<dd>Jake Archibald erklärt Microtasks so, dass man es auch versteht.</dd>
<dt><a href="https://php.ruhr/">PHP.RUHR</a></dt>
<dd>Schepp macht Werbung für die PHP.RUHR, wo er mal als Performance Papst der PHP-Community die Beichte abnehmen wird.</dd>
<dt><a href="https://jobs.lever.co/shopco">SHOP.CO will euch!</a></dt>
<dd>Das Startup unserer Gäste sucht vom Senior Web Developer bis hin zum Praktikanten alles!</dd>
</dl>


Heute waren Manuel und Stephan von SHOP.CO zu Gast, die durch Stefan, Schepp,
Peter und Hans ausführlich zu ihrem Projekt und zum JS-Framework Meteor
ausgefragt wurden.


SCHAUNOTIZEN

[00:07:52] METE…

Heute waren Manuel und Stephan von SHOP.CO zu Gast, die durch Stefan, Schepp,
Peter und Hans ausführlich zu ihrem Projekt und zum JS-Framework Meteor
ausgefragt wurden.


SCHAUNOTIZEN

[00:07:52] METEOR

Bei Meteor handelt es sich um einen schnell und einfach aufgesetzten MEAN-Stack
(MongoDB, ExpressJS, AngularJS, NodeJS) plus ein paar hilfreiche Libraries, der
besonders für die schnelle Entwicklung einer App von Null an geeignet ist.
Besonders auffällig sind die Live-Instant-Updates von Datenänderungen, das
eigene Package-Repository Atmosphere und die Isomorphe Daten-API. Als Quelle für
weitere Infos ist neben dem Tutorial auf der Meteor-Webseite vor allem das Buch
Meteor in Action, geschrieben von unseren beiden Gästen zu empfehlen. News gibt
es auf crater.io.

[00:34:36] CSS MODULES

CSS in JS-Modulen, in Form von JavaScript – gute Idee oder nicht? Es besteht
offenbar Bedarf an einer Möglichkeit, CSS zu de-globalisieren und ein
vernünftiges Scoping einzurichten, was aber im Prinzip auch möglich wäre, ohne
CSS zugungsten von JS komplett links liegen zu lassen (z.B. mit Peters Web
Component für Scoped Styles). Trotzdem gibt es viele Stimmen, die das Ende von
klassischem CSS heraufbeschwören oder im JS-Weg zumindest manchmal für eine
echte Alternative sehen.


[01:02:56] KEINE SCHAUNOTIZEN

EDGE VM ON MODERN.IE

Windows-10-VMs direkt von der Quelle.

STAHLSTADT.JS

Stefan macht Werbung für das Linzer JS-Meetup.

ESLINT-PLUGIN-NO-USE-EXTEND-NATIVE

ESLint-Plugin, das vor unsachgemäßen Erweiterungen der nativen Prototypen warnt.

ES6 IN DEPTH: MODULES

Mozilla erklärt ES6-Module im Detail.

MODXPO MUNICH 2015

Hans macht Werbung für die MODXpo, auf der er uns Anselm die Bühne erklimmen
werden.

TASKS, MICROTASKS, QUEUES AND SCHEDULES

Jake Archibald erklärt Microtasks so, dass man es auch versteht.

PHP.RUHR

Schepp macht Werbung für die PHP.RUHR, wo er mal als Performance Papst der
PHP-Community die Beichte abnehmen wird.

SHOP.CO WILL EUCH!

Das Startup unserer Gäste sucht vom Senior Web Developer bis hin zum
Praktikanten alles!

Revision 231: Meteor, CSS in JS, dreiste Eigenwerbung

<p>Mit Schepp, Stefan, Peter, Hans und Anselm ging es diesmal nach einem kurzen Schlenker in die CSS-Zukunft mit voller Kraft auf die Meta-Ebene.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:15] <a href="http://radar.oreilly.com/2015/08/proposing-css-input-modailty.html">Proposing CSS input modality</a></dt>
<dd>Wir bespechen einen Vorschlag für Media Queries für Eingabe-Verfahren. Dabei tangieren wir <a href="https://drafts.csswg.org/mediaqueries-4/">Selectors Level 4</a>, Schepps DIY-Spezial-Lösung für Touch-Detection, Focus-Styles und Barrierefreiheit und das nicht ganz JS-Tool <a href="https://github.com/ten1seven/what-input">what-input</a>, das sich ebenfalls mit dem Erkennen von Eingebemodi befasst.</dd>
<dt>[00:13:24] <a href="http://developer.telerik.com/featured/whats-wrong-with-the-web/">What&#8217;s wrong with the web</a></dt>
<dd>Wir stimmen ein vielstimmiges Wehklagen über den Ist-Zustand des WWW an. Angefangen bei diesem <a href="http://www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks">lächerlichen Verge-Artikel</a> von vor einiger Zeit über <a href="http://www.marco.org/2015/08/11/ad-blocking-ethics">Werbeblockerei</a> und langsame Webseiten allgemein (<a href="http://digiday.com/publishers/gq-com-cut-page-load-time-80-percent/">und wie GQ schnell wurde</a>) bis hin zu <a href="http://www.stefan-niggemeier.de/blog/18047/wie-waldo-im-wimmelbild-journalismus-und-die-inflation-von-online-werbung/">lästiger Werbung</a> haben wir uns über viel zu beschweren. Datensammelei (vertreten durch u.A. <a href="https://segment.com/">segment.com</a> und geblockt durch <a href="https://disconnect.me/">disconnect.me</a> und <a href="https://www.ghostery.com/de/">Ghostery</a>) darf auch nicht fehlen. Am Ende kommen wir zu Peters Schlechte-Computer-Hypothese, die sich auch in der Präsentation <a href="http://idlewords.com/talks/web_design_first_100_years.htm">Web Design: The First 100 Years</a> wiederfindet. Ach, und das WLAN im ICE ist natürlich <a href="https://twitter.com/Silbendrechsler/status/632957114038796289">auch doof</a>.</dd>
</dl>
<h3>[01:09:17] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://www.npmjs.com/package/npm-windows-upgrade">npm-windows-upgrade</a></dt>
<dd>Upgrade npm on Windows, easily and automatically.</dd>
<dt><a href="https://www.youtube.com/watch?v=xhUfiOSOk3g">Punched Card Coding</a></dt>
<dd>Ein Fachmann erzählt davon, wie man interaktive HTML-E-Mails erschafft. Ein kreatives Hack-Feuerwerk und absolutes Must-See.</dd>
<dt><a href="http://ternjs.net/">Tern is getting ES6 support</a></dt>
<dd>ES6 für Tern&nbsp;&hellip; wenn wir die Kohle dafür aufbringen. Was wir tun sollten.</dd>
</dl>


Mit Schepp, Stefan, Peter, Hans und Anselm ging es diesmal nach einem kurzen
Schlenker in die CSS-Zukunft mit voller Kraft auf die Meta-Ebene.


SCHAUNOTIZEN

[00:00:15] PROPOSING CSS INPUT MODALITY

…

Mit Schepp, Stefan, Peter, Hans und Anselm ging es diesmal nach einem kurzen
Schlenker in die CSS-Zukunft mit voller Kraft auf die Meta-Ebene.


SCHAUNOTIZEN

[00:00:15] PROPOSING CSS INPUT MODALITY

Wir bespechen einen Vorschlag für Media Queries für Eingabe-Verfahren. Dabei
tangieren wir Selectors Level 4, Schepps DIY-Spezial-Lösung für Touch-Detection,
Focus-Styles und Barrierefreiheit und das nicht ganz JS-Tool what-input, das
sich ebenfalls mit dem Erkennen von Eingebemodi befasst.

[00:13:24] WHAT’S WRONG WITH THE WEB

Wir stimmen ein vielstimmiges Wehklagen über den Ist-Zustand des WWW an.
Angefangen bei diesem lächerlichen Verge-Artikel von vor einiger Zeit über
Werbeblockerei und langsame Webseiten allgemein (und wie GQ schnell wurde) bis
hin zu lästiger Werbung haben wir uns über viel zu beschweren. Datensammelei
(vertreten durch u.A. segment.com und geblockt durch disconnect.me und Ghostery)
darf auch nicht fehlen. Am Ende kommen wir zu Peters
Schlechte-Computer-Hypothese, die sich auch in der Präsentation Web Design: The
First 100 Years wiederfindet. Ach, und das WLAN im ICE ist natürlich auch doof.


[01:09:17] KEINE SCHAUNOTIZEN

NPM-WINDOWS-UPGRADE

Upgrade npm on Windows, easily and automatically.

PUNCHED CARD CODING

Ein Fachmann erzählt davon, wie man interaktive HTML-E-Mails erschafft. Ein
kreatives Hack-Feuerwerk und absolutes Must-See.

TERN IS GETTING ES6 SUPPORT

ES6 für Tern … wenn wir die Kohle dafür aufbringen. Was wir tun sollten.

Revision 230: CSS input modality und die Unzufriedenheit mit der Gesamtsituation

<p>Weder Sommerhitze noch Sommerloch konnten Stefan, Schepp und Peter davon abhalten das einzige nennenswerte Thema der Woche in eigentlich völlig ungebührlicher Breite durchzukauen.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:10] <a href="http://www.quirksmode.org/blog/archives/2015/07/stop_pushing_th.html">Stop pushing the web forward</a></dt>
<dd>Peter-Paul Koch fordert ein Moratorium über neue Browserfeatures und wir sind einigermaßen perplex. Nicht nur glauben wir, dass PPK weiß, dass sich das nicht durchsetzen lässt, auch über Motivation und Ziele hinter dieser Forderung sind wir ziemlich verwirrt und wir halten sie am Ende für ziemlichen Käse. Schützenhilfe bekommen wir aus der Richtung von <a href="https://jakearchibald.com/2015/if-we-stand-still-we-go-backwards/">Jake Archibald</a> und <a href="https://dev.opera.com/articles/on-a-moratorium-on-new-browser-features/">Bruce Lawson</a>, die ebenfalls nicht viel mit dem Moratorium anfangen können.</dd>
</dl>
<h3>[00:37:32] Keine Schaunotizen</h3>
<dl>
<dt><a href="http://designingforperformance.com/">Designing for Performance&nbsp;&ndash; free online</a></dt>
<dd>Ein Einsteiger-Buch über Performance für Designer, jetzt kostenlos online.</dd>
</dl>


Weder Sommerhitze noch Sommerloch konnten Stefan, Schepp und Peter davon
abhalten das einzige nennenswerte Thema der Woche in eigentlich völlig
ungebührlicher Breite durchzukauen.


SCHAUNOTIZEN

[00:…

Weder Sommerhitze noch Sommerloch konnten Stefan, Schepp und Peter davon
abhalten das einzige nennenswerte Thema der Woche in eigentlich völlig
ungebührlicher Breite durchzukauen.


SCHAUNOTIZEN

[00:00:10] STOP PUSHING THE WEB FORWARD

Peter-Paul Koch fordert ein Moratorium über neue Browserfeatures und wir sind
einigermaßen perplex. Nicht nur glauben wir, dass PPK weiß, dass sich das nicht
durchsetzen lässt, auch über Motivation und Ziele hinter dieser Forderung sind
wir ziemlich verwirrt und wir halten sie am Ende für ziemlichen Käse.
Schützenhilfe bekommen wir aus der Richtung von Jake Archibald und Bruce Lawson,
die ebenfalls nicht viel mit dem Moratorium anfangen können.


[00:37:32] KEINE SCHAUNOTIZEN

DESIGNING FOR PERFORMANCE – FREE ONLINE

Ein Einsteiger-Buch über Performance für Designer, jetzt kostenlos online.

Revision 229: Stop pushing the web forward

<p>Heute gibt es mal wieder ein Interview von uns, und zwar mit der VoIP-Firma <a href="http://www.sipgate.de/">Sipgate</a> zum Thema &#8222;Arbeitsstrukturen&#8220;. Anlass ist <a href="https://medium.com/@sipgate/willkommen-bei-sipgate-dce407c86784">ein sehr detaillierter und wahnsinnig interessanter Artikel</a> der Firma darüber, wie man dort zu Werke geht. Für uns klang das so ungewöhnlich und so gut, dass wir dachten, wir lassen uns das &#8222;System Sipgate&#8220; nochmal persönlich erklären. Unsere Gesprächspartner bei Sipgate waren die Texterin <a href="https://twitter.com/saemple">Anna Müller</a> und der Backend-Entwickler <a href="https://twitter.com/dawitux">David Hasenbeck</a>.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:00] <a href="https://medium.com/@sipgate/willkommen-bei-sipgate-dce407c86784">Willkommen bei Sipgate! Wie wir arbeiten. Eine Bedienungsanleitung.</a></dt>
<dd>&#8222;Jedes Unternehmen hat seinen Mikrokosmos mit eigenen Regeln und individuellen Gepflogenheiten — so auch wir bei sipgate. Um neuen Kolleginnen und Kollegen einen schnellen Einstieg in unseren Modus Operandi zu ermöglichen, haben wir diese Bedienungsanleitung verfasst. Und dann festgestellt, dass diese vielleicht auch für andere interessant sein könnte.&#8220; &#8211; Oh ja, sehr interessant!</dd>
</dl>
<h3>[00:31:41] Verlosung</h3>
<dl>
<dt><a href="http://www.nightlybuild.io/">Gewinnt ein Ticket für die NightlyBuild 2015</a></dt>
<dd>Wir verlosen ein Ticket für die Anfang September in Köln stattfindende Abend-Konferenz <a href="http://www.nightlybuild.io/">NightlyBuild 2015</a>. Wer Lust drauf hat, kommentiert hier drunter und landet dann automatisch im Topf. Sinnvolle Kommentare werden bevorzugt.</dd>
</dl>
<h3>[00:32:34] Keine Schunotizen</h3>
<dl>
<dt><a href="http://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/">Styling SVG <use> Content with CSS</a></dt>
<dd>An in-depth article on how to style the contents of the SVG <use> element and overcome some challenges it brings.</dd>
</dl>


Heute gibt es mal wieder ein Interview von uns, und zwar mit der VoIP-Firma
Sipgate zum Thema „Arbeitsstrukturen“. Anlass ist ein sehr detaillierter und
wahnsinnig interessanter Artikel der Firma darü…

Heute gibt es mal wieder ein Interview von uns, und zwar mit der VoIP-Firma
Sipgate zum Thema „Arbeitsstrukturen“. Anlass ist ein sehr detaillierter und
wahnsinnig interessanter Artikel der Firma darüber, wie man dort zu Werke geht.
Für uns klang das so ungewöhnlich und so gut, dass wir dachten, wir lassen uns
das „System Sipgate“ nochmal persönlich erklären. Unsere Gesprächspartner bei
Sipgate waren die Texterin Anna Müller und der Backend-Entwickler David
Hasenbeck.


SCHAUNOTIZEN

[00:00:00] WILLKOMMEN BEI SIPGATE! WIE WIR ARBEITEN. EINE BEDIENUNGSANLEITUNG.

„Jedes Unternehmen hat seinen Mikrokosmos mit eigenen Regeln und individuellen
Gepflogenheiten — so auch wir bei sipgate. Um neuen Kolleginnen und Kollegen
einen schnellen Einstieg in unseren Modus Operandi zu ermöglichen, haben wir
diese Bedienungsanleitung verfasst. Und dann festgestellt, dass diese vielleicht
auch für andere interessant sein könnte.“ – Oh ja, sehr interessant!


[00:31:41] VERLOSUNG

GEWINNT EIN TICKET FÜR DIE NIGHTLYBUILD 2015

Wir verlosen ein Ticket für die Anfang September in Köln stattfindende
Abend-Konferenz NightlyBuild 2015. Wer Lust drauf hat, kommentiert hier drunter
und landet dann automatisch im Topf. Sinnvolle Kommentare werden bevorzugt.


[00:32:34] KEINE SCHUNOTIZEN

STYLING SVG CONTENT WITH CSS

An in-depth article on how to style the contents of the SVG element and overcome
some challenges it brings.

Revision 228: Wie Sipgate arbeitet

<p>An diesem lauen Sommerabend telefonieren sich Anselm, Hans und Peter zusammen, um letzte wichtige Fragen vor dem Urlaub zu klären. Als da wären&#8230;</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:00:13] <a href="https://github.com/anselmh/AMA">Ask me Anything</a></dt>
<dd>Reddit und <a href="https://github.com/sindresorhus/amas">Sindre Sorhus</a> zum Vorbild, hat Anselm auf GitHub eine sogenannte &#8222;Ask me Anything&#8220;-Sektion (AMA) aufgemacht, auf der jedermann ihn zu allem befragen kann. Ob er jedem immer antwortet und was das Ganze für einen Sinn haben könnte, das wollen Hans und Peter in einem persönlichen AMA gerne herausfinden. Fest steht: Hans sieht für sich da nicht viel Sinn drin und Peter <a href="http://www.peterkroener.de/artikel/fragen-zu-html5-beantwortet/">antwortet bei sich im Blog</a> eigentlich nur auf Fachfragen.</dd>
<dt>[00:14:57] <a href="https://www.reindex.io/blog/you-might-not-need-underscore/">You Might Not Need Underscore</a></dt>
<dd>Peter und Hans unterhalten sich eine gute Dreiviertelstunde über die Nützlichkeit von Underscore bzw. seinem Zwilling lodash, und ob die Bibliotehken dank neuerer ECMAScript Features nicht vielleicht sogar gänzlich überflüssig geworden sind. Wir stellen fest: Beide haben ihre ganz eigenen Perspektiven auf die Dinge.</dd>
</dl>
<h3>[00:58:18] Keine Schaunotizen</h3>
<dl>
<dt><a href="https://medium.com/google-developers/introducing-material-design-lite-3ce67098c031">Introducing Material Design Lite</a></dt>
<dd>Google stellt die UI-Bibliothek Material Design Lite vor, die es erlaubt, den <a href="http://google.com/design/spec">Material Design</a> Look &#038; Feel mit jedem beliebigen MVC-Framework zu verheiraten.</dd>
<dt><a href="http://blog.yoav.ws/by_the_people/">Web Platform Incubator Community Group (WICG)</a></dt>
<dd>Ihr habt eine Idee für einen neuen nützlichen Webstandard? Ihr habt Lust, Eure Idee bis zu einer Spezifikation voranzutreiben? Diese Community Group soll Euch dabei helfen, Eure Idee zu validieren und sie gedanklich wie auch inhaltlich &#8222;zur Marktreife&#8220; zu bringen, auf dass sie am Ende tatsächlich in eine gut durchdachte und dokumentierte Spezifikation münden kann.</dd>
</dl>


An diesem lauen Sommerabend telefonieren sich Anselm, Hans und Peter zusammen,
um letzte wichtige Fragen vor dem Urlaub zu klären. Als da wären…


SCHAUNOTIZEN

[00:00:13] ASK ME ANYTHING

Reddit und …

An diesem lauen Sommerabend telefonieren sich Anselm, Hans und Peter zusammen,
um letzte wichtige Fragen vor dem Urlaub zu klären. Als da wären…


SCHAUNOTIZEN

[00:00:13] ASK ME ANYTHING

Reddit und Sindre Sorhus zum Vorbild, hat Anselm auf GitHub eine sogenannte „Ask
me Anything“-Sektion (AMA) aufgemacht, auf der jedermann ihn zu allem befragen
kann. Ob er jedem immer antwortet und was das Ganze für einen Sinn haben könnte,
das wollen Hans und Peter in einem persönlichen AMA gerne herausfinden. Fest
steht: Hans sieht für sich da nicht viel Sinn drin und Peter antwortet bei sich
im Blog eigentlich nur auf Fachfragen.

[00:14:57] YOU MIGHT NOT NEED UNDERSCORE

Peter und Hans unterhalten sich eine gute Dreiviertelstunde über die
Nützlichkeit von Underscore bzw. seinem Zwilling lodash, und ob die Bibliotehken
dank neuerer ECMAScript Features nicht vielleicht sogar gänzlich überflüssig
geworden sind. Wir stellen fest: Beide haben ihre ganz eigenen Perspektiven auf
die Dinge.


[00:58:18] KEINE SCHAUNOTIZEN

INTRODUCING MATERIAL DESIGN LITE

Google stellt die UI-Bibliothek Material Design Lite vor, die es erlaubt, den
Material Design Look & Feel mit jedem beliebigen MVC-Framework zu verheiraten.

WEB PLATFORM INCUBATOR COMMUNITY GROUP (WICG)

Ihr habt eine Idee für einen neuen nützlichen Webstandard? Ihr habt Lust, Eure
Idee bis zu einer Spezifikation voranzutreiben? Diese Community Group soll Euch
dabei helfen, Eure Idee zu validieren und sie gedanklich wie auch inhaltlich
„zur Marktreife“ zu bringen, auf dass sie am Ende tatsächlich in eine gut
durchdachte und dokumentierte Spezifikation münden kann.

Revision 227: Ask Anselm Anything und Underscore

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen

PODLIST

Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen.

Neue Episoden

Revision 238: Creative Coding, Sass Eyeglass und AMP

Working Draft

Revision 237: Remote Work und Informationsnachschub

Working Draft

Revision 236: CSS Round Display Spec und Open Source Projekte

Working Draft

Revision 235: Houdini, Go Lang und Angular 2

Working Draft

Revision 234: Probleme mit Feature-Detection und Vererbung in CSS

Working Draft

Revision 233: CSS Layout Techniken

Working Draft

Revision 232: Progressive Apps

Working Draft

Revision 231: Meteor, CSS in JS, dreiste Eigenwerbung

Working Draft

Revision 230: CSS input modality und die Unzufriedenheit mit der Gesamtsituation

Working Draft

Revision 229: Stop pushing the web forward

Working Draft

Revision 228: Wie Sipgate arbeitet

Working Draft

Revision 227: Ask Anselm Anything und Underscore

Working Draft