Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNews Technology Education How To Tech News

Working Draft episodes

April 20, 2014 Revision 166: Open Source, React und AssetGraph
Eine weitere Woche mit einem Gast. Diesmal ist Pascal Hartig aka. Passy vom Yeoman– und Todo-MVC-Team mit dabei.
Keine News
Schaunotizen
[00:00:58] Open Source
Pascal spricht über seine Arbeit im Open-Source-Bereich und erzählt vom Anfang seiner Karriere mit 24 Pull Requests. Dadurch wurde vom TodoMVC-Team rekrutiert, kurz danach folgte Yeoman, dann Bower und nun arbeitet er bei Twitter in London.
Pascal erzählt von der Balance zwischen „normaler“ Arbeit und Open Source, dem Unterschied zwischen einer kleiner Agentur und der großen Firma Twitter.
Für alle, die auch so enden möchten, gibt er als Tipp, dass man konsistent an OSS Projekten mitarbeitet und nicht nur hier und da ein Pull Request erstellt.
[00:20:43] React
Pascals Wunschthema ist Facebooks React, eine Bibliothek für User Interfaces, dessen Hauptfunktion die Erstellung von wiederverwertbaren Komponenten ist. Pete Hunts Talk gibt nähere Einblicke zur Funktionalität: HTML in JS durch virtuelles DOM erstellen, das mit nativem DOM verglichen wird. Das Interessante an React ist, dass es auch mit anderen Frameworks, wie AngularJS o. Ä., kombinierbar ist, da sich React nur um die Views kümmert.
Der größte Nachteil ist wohl die Kombination mit anderen DOM-verändernden Libraries (wie z. B. jQuery), aber auch dieses Problem ist laut Pascal, unter Kontrolle zu bekommen.
Reacts Starting-Tutorial ist auf jeden Fall einen Blick wert.
[00:31:29] AssetGraph
AssetGraph ist der Versuch einen Graphen einer Webseite abzubilden – welche Ressourcen werden von welchen anderen Ressourcen verwendet.
Dadurch ergeben sich Möglichkeiten, wie intelligentes Autocomplete in der IDE, einfache Diagnose von Problemen, Optimierung von Web-Seiten und Applikationen. Die Nachteile sind allerdings die hohe Komplexität und, durch seine Neuartigkeit, die gegebenenfalls noch etwas mühsame Benutzung.
[00:39:34] Keine Schaunotizen
JSON Generator
Generiert JSON passend zur API-Definition.
Status IE
Status IE ist eine Aufzeichnung der aktuellen Feature-Implementierung in Internet Explorer. Chromes Pendent dazu gibt’s hier.
Node JSCS
Ein JavaScript Code Style Checker – mehr als nur JSHint.
[00:41:33] Tipp(s) der Woche
visibility: visible undoes visibility: hidden
Setzt man visibility: hidden auf ein Element, kann man ein Kinds-Element mit visibility: visible wieder sichtbar machen.
Use of .apply() with ’new‘ operator. Is this possible?
Beliebig viele Argumente an einen Constructor in JavaScript mit Function.prototype.bind übergeben.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
45 min
April 20, 2014 Revision 166: Open Source, React und AssetGraph
Eine weitere Woche mit einem Gast. Diesmal ist Pascal Hartig aka. Passy vom Yeoman– und Todo-MVC-Team mit dabei.
Keine News
Schaunotizen
[00:00:58] Open Source
Pascal spricht über seine Arbeit im Open-Source-Bereich und erzählt vom Anfang seiner Karriere mit 24 Pull Requests. Dadurch wurde vom TodoMVC-Team rekrutiert, kurz danach folgte Yeoman, dann Bower und nun arbeitet er bei Twitter in London.
Pascal erzählt von der Balance zwischen „normaler“ Arbeit und Open Source, dem Unterschied zwischen einer kleiner Agentur und der großen Firma Twitter.
Für alle, die auch so enden möchten, gibt er als Tipp, dass man konsistent an OSS Projekten mitarbeitet und nicht nur hier und da ein Pull Request erstellt.
[00:20:43] React
Pascals Wunschthema ist Facebooks React, eine Bibliothek für User Interfaces, dessen Hauptfunktion die Erstellung von wiederverwertbaren Komponenten ist. Pete Hunts Talk gibt nähere Einblicke zur Funktionalität: HTML in JS durch virtuelles DOM erstellen, das mit nativem DOM verglichen wird. Das Interessante an React ist, dass es auch mit anderen Frameworks, wie AngularJS o. Ä., kombinierbar ist, da sich React nur um die Views kümmert.
Der größte Nachteil ist wohl die Kombination mit anderen DOM-verändernden Libraries (wie z. B. jQuery), aber auch dieses Problem ist laut Pascal, unter Kontrolle zu bekommen.
Reacts Starting-Tutorial ist auf jeden Fall einen Blick wert.
[00:31:29] AssetGraph
AssetGraph ist der Versuch einen Graphen einer Webseite abzubilden – welche Ressourcen werden von welchen anderen Ressourcen verwendet.
Dadurch ergeben sich Möglichkeiten, wie intelligentes Autocomplete in der IDE, einfache Diagnose von Problemen, Optimierung von Web-Seiten und Applikationen. Die Nachteile sind allerdings die hohe Komplexität und, durch seine Neuartigkeit, die gegebenenfalls noch etwas mühsame Benutzung.
[00:39:34] Keine Schaunotizen
JSON Generator
Generiert JSON passend zur API-Definition.
Status IE
Status IE ist eine Aufzeichnung der aktuellen Feature-Implementierung in Internet Explorer. Chromes Pendent dazu gibt’s hier.
Node JSCS
Ein JavaScript Code Style Checker – mehr als nur JSHint.
[00:41:33] Tipp(s) der Woche
visibility: visible undoes visibility: hidden
Setzt man visibility: hidden auf ein Element, kann man ein Kinds-Element mit visibility: visible wieder sichtbar machen.
Use of .apply() with ’new‘ operator. Is this possible?
Beliebig viele Argumente an einen Constructor in JavaScript mit Function.prototype.bind übergeben.
45 min
April 14, 2014 Revision 165: Über den Webkongress Erlangen und den Zustand mancher Website
Stefan und Peter haben sich Matthias Mees und Jens Grochtdreis ins virtuelle Studio geholt um den kürzlich stattgefundenen Webkongress in Erlangen Revue passieren zu lassen, sowie über den Zustand diverser Websites zu philosophieren.
Schaunotizen
[00:00:15] Rückblick Webkongress Erlangen
Im März fand der dritte Webkongress der Uni Erlangen statt, der sich auch um die Themen kümmert, die nicht so viel Beachtung auf den großen Konferenzen der Branche finden: Barrierefreiheit und Content Management System, zum Beispiel. Jens und Matthias erzählen von ihren Erlebnissen in der Universitätststadt und geben folgende Anschautipps: Marc Hinse – Die Gefahren von Webdesign Trends, Wolfgang Wiese – The Beauty and the Beast, Patrick Lobacher – Typo 3 Neos, Nils Pooker – Alles so schön responsive hier?, sowie alle Barrierefreiheits-Talks
[00:13:17] Die Beschissenheit mancher Websites, und Ihre Gründe
Warum gibt es immer noch Restaurants, die ihre Menükarten als PDF verlinken und nicht einfach den Text auf der Website zugänglich machen? Wenn es schon so viele Profis gibt, die gute Websites erzeugen, warum findet man immer noch soviel Mist im Web? Und wie geht man als Entwickler/Designer mit der Beratungsresistenz mancher Kunden um? In einer groß angelegten Raunz-Runde versuchen wir die Gründe zu erörtern und lassen sich über einige Misstände der Branche aus.
[00:47:04] Our Enclosed Space
Rachel Andrew schreibt, dass wir uns in einer elitären und sehr kleinen Referenzgruppe bewegen und viel vom echten Leben „da draussen“ gerne mal vergessen. Oder vergessen würden. Bei all den schönen, tollen, neuen Technologien die auf den Konferenzen propagiert werden, wären doch am Ende die wenigsten heute doch auch wirklich einsetzbar. Vermitteln wir ein falsches Bild und vergessen die Dinge, auf die es wirklich ankommt? Ranting-Runde, Teil 2.
[01:02:58] Keine Schaunotizen
Was ist WAI-ARIA?
WAI-ARIA ist eine W3C Recommendation, und Marco Zehe erklärt, was es damit auf sich hat.
SmashingConf 2014
Jan Deppisch erzählt uns seine Highlights der letzen SmashingConf.
jQuery San Diego
Videos und Material zur letzten jQuery Konferenz.
Formular Elemente gestalten
Ein Artikel, wie man Formular Elemente gestalten kann, und ein begleitender Artikel von Microsoft zum gleichen Thema.
HTML5 Master Class
Der CSS Buddha und der HTML5 Erklärbär für drei ganze Tage in Düsseldorf!
CodeFront
Linz bekommt die Front-End Konferenz mit dem schönsten Logo.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 8 min
April 13, 2014 Revision 165: Über den Webkongress Erlangen und den Zustand mancher Website
Stefan und Peter haben sich Matthias Mees und Jens Grochtdreis ins virtuelle Studio geholt um den kürzlich stattgefundenen Webkongress in Erlangen Revue passieren zu lassen, sowie über den Zustand diverser Websites zu philosophieren.
Schaunotizen
[00:00:15] Rückblick Webkongress Erlangen
Im März fand der dritte Webkongress der Uni Erlangen statt, der sich auch um die Themen kümmert, die nicht so viel Beachtung auf den großen Konferenzen der Branche finden: Barrierefreiheit und Content Management System, zum Beispiel. Jens und Matthias erzählen von ihren Erlebnissen in der Universitätststadt und geben folgende Anschautipps: Marc Hinse – Die Gefahren von Webdesign Trends, Wolfgang Wiese – The Beauty and the Beast, Patrick Lobacher – Typo 3 Neos, Nils Pooker – Alles so schön responsive hier?, sowie alle Barrierefreiheits-Talks
[00:13:17] Die Beschissenheit mancher Websites, und Ihre Gründe
Warum gibt es immer noch Restaurants, die ihre Menükarten als PDF verlinken und nicht einfach den Text auf der Website zugänglich machen? Wenn es schon so viele Profis gibt, die gute Websites erzeugen, warum findet man immer noch soviel Mist im Web? Und wie geht man als Entwickler/Designer mit der Beratungsresistenz mancher Kunden um? In einer groß angelegten Raunz-Runde versuchen wir die Gründe zu erörtern und lassen sich über einige Misstände der Branche aus.
[00:47:04] Our Enclosed Space
Rachel Andrew schreibt, dass wir uns in einer elitären und sehr kleinen Referenzgruppe bewegen und viel vom echten Leben „da draussen“ gerne mal vergessen. Oder vergessen würden. Bei all den schönen, tollen, neuen Technologien die auf den Konferenzen propagiert werden, wären doch am Ende die wenigsten heute doch auch wirklich einsetzbar. Vermitteln wir ein falsches Bild und vergessen die Dinge, auf die es wirklich ankommt? Ranting-Runde, Teil 2.
[01:02:58] Keine Schaunotizen
Was ist WAI-ARIA?
WAI-ARIA ist eine W3C Recommendation, und Marco Zehe erklärt, was es damit auf sich hat.
SmashingConf 2014
Jan Deppisch erzählt uns seine Highlights der letzen SmashingConf.
jQuery San Diego
Videos und Material zur letzten jQuery Konferenz.
Formular Elemente gestalten
Ein Artikel, wie man Formular Elemente gestalten kann, und ein begleitender Artikel von Microsoft zum gleichen Thema.
HTML5 Master Class
Der CSS Buddha und der HTML5 Erklärbär für drei ganze Tage in Düsseldorf!
CodeFront
Linz bekommt die Front-End Konferenz mit dem schönsten Logo.
1 hr 8 min
April 05, 2014 Revision 164: Die Welt der Webagenturen
Die Revision 164 ist mit einigen Gästen gespickt: Fabian Beiner, Marius Eisenbraun und Marcel Koch. Drei unterschiedliche Gäste, mit denen wir über ein Thema sprechen, das uns alle zusammenführt: Wie funktioniert unsere Branche?
[00:02:30] News
Hack
Hack ist eine Erweiterung von PHP, auf der Virtuellen Maschine HVVM läuft und die Sprache um Typensicherheit ergänzt.
Schaunotizen
[00:03:22] Einstieg in die Berufswelt des Web
Marius ist daran interessiert, wie der Einstieg in die Berufswelt eines Web-Entwicklers einfach ist. Wir sprechen über Sprungbretter, wie Agenturen und Open Source Projekte.
[00:22:42] Wie funktioniert eine Webagentur?
Im Allgemeinen sind Agenturen oft etwas anders organisiert, als Teams, die an einem Produkt arbeiten. Die Vor- und Nachteile für uns Web-Entwickler sind ein Diskussionspunkt. Mit Marcel haben wir einen Agentur-Arbeiter dabei, Hans, der Schepp und Fabian haben durch ihrer freiberufliche Tätigkeit immer wieder Berührungspunkte mit Agenturen. Jeder berichtet ein bisschen über seine Erfahrungen.
[00:35:20] DevCamp Karlsruhe
Das Developer-Camp in Karlsruhe richtete sich an Developer aus alle Bereichen – nicht nur Web. Fabian spricht über seine Erfahrungen mit diesem und auch anderen BarCamps. Wir diskutieren über deren Bedeutung für unsere Szene und deren Besucher.
[00:43:06] JavaScript Minifier-Tools
@bitbonk fragt:
@workingdraft Welchem JavaScript minifier gebt ihr den Vorzug? #noobquestion
— bit bonk (@bitbonk) March 24, 2014

Wir sind der Meinung, dass es nicht unbedingt drauf ankommt, dass man ein bestimmtest Tool, wie Uglify oder Closure Compiler verwendet, sondern dass überhaupt einen zur Anwendung bringt.
[00:52:34] Unobtrusive Javascript vs. Angular, Backbone and Co.
Heut zu Tage gibt es sehr viele Single Page Applications und Webpages, die ohne JavaScript keinerlei Funktion mehr bieten. Ein Diskussionspunkt über den wir schon öfter sprachen. Doch diesmal führt uns die Diskussion zum Thema, was eigentlich eine App und was eine Website ist.
[01:08:38] Keine Schaunotizen
Introducing the Canvas Debugger in Firefox Developer Tools
Mozilla implementiert (neben einem neuen CEO) einen Debugger für das Canvas-Element, mit dessen Hilfe es leichter wird, mit zu arbeiten.
Picture element implementation in Blink
Eine IndieGoGo Kampagne zur Implementierung des Picture elements in Blink von Yoav Weiss. Unserer Meinung nach unterstützenswert.
HarpJS
Ein weiterer Statischer Webseiten Generator.
Bootstrapping Design eBook: Become the Designer your Startup needs.
Dieses design-lastige Buch ist – laut Marcels Empfehlung – auch sehr für Programmierer geeignet.
Web-Design Repo
Eine riesige Anzahl an Web-Development und -Design Links.
Cerberus – Responsive Email Patterns
HTML-E-Mail-Templates sind immer noch ein schwieriges Thema. Cerberus versucht den Schmerz bei der Erstellung solcher Templates zu mindern.
Antwort
Ähnlich wie Cerberus, ist Antwort ein Responsive HTML-E-Mail-Template.
Easings Cheat Sheet
Wenn man gerade mal nicht weiß, wie Easings (Transitions-Verläufe) in CSS oder JavaScript funktionieren, kann man hier nachsehen.
Gewinnspiel
Fabian verlost dankenswerterweise ein Exemplar von Peter Gasstons Buch Moderne Webentwicklung. Alles was ihr tun müsst: Sagt uns in den Kommentaren, warum genau ihr dieses Buch braucht!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 16 min
April 05, 2014 Revision 164: Die Welt der Webagenturen
Die Revision 164 ist mit einigen Gästen gespickt: Fabian Beiner, Marius Eisenbraun und Marcel Koch. Drei unterschiedliche Gäste, mit denen wir über ein Thema sprechen, das uns alle zusammenführt: Wie funktioniert unsere Branche?
[00:02:30] News
Hack
Hack ist eine Erweiterung von PHP, auf der Virtuellen Maschine HVVM läuft und die Sprache um Typensicherheit ergänzt.
Schaunotizen
[00:03:22] Einstieg in die Berufswelt des Web
Marius ist daran interessiert, wie der Einstieg in die Berufswelt eines Web-Entwicklers einfach ist. Wir sprechen über Sprungbretter, wie Agenturen und Open Source Projekte.
[00:22:42] Wie funktioniert eine Webagentur?
Im Allgemeinen sind Agenturen oft etwas anders organisiert, als Teams, die an einem Produkt arbeiten. Die Vor- und Nachteile für uns Web-Entwickler sind ein Diskussionspunkt. Mit Marcel haben wir einen Agentur-Arbeiter dabei, Hans, der Schepp und Fabian haben durch ihrer freiberufliche Tätigkeit immer wieder Berührungspunkte mit Agenturen. Jeder berichtet ein bisschen über seine Erfahrungen.
[00:35:20] DevCamp Karlsruhe
Das Developer-Camp in Karlsruhe richtete sich an Developer aus alle Bereichen – nicht nur Web. Fabian spricht über seine Erfahrungen mit diesem und auch anderen BarCamps. Wir diskutieren über deren Bedeutung für unsere Szene und deren Besucher.
[00:43:06] JavaScript Minifier-Tools
@bitbonk fragt:
@workingdraft Welchem JavaScript minifier gebt ihr den Vorzug? #noobquestion
— bit bonk (@bitbonk) March 24, 2014
Wir sind der Meinung, dass es nicht unbedingt drauf ankommt, dass man ein bestimmtest Tool, wie Uglify oder Closure Compiler verwendet, sondern dass überhaupt einen zur Anwendung bringt.
[00:52:34] Unobtrusive Javascript vs. Angular, Backbone and Co.
Heut zu Tage gibt es sehr viele Single Page Applications und Webpages, die ohne JavaScript keinerlei Funktion mehr bieten. Ein Diskussionspunkt über den wir schon öfter sprachen. Doch diesmal führt uns die Diskussion zum Thema, was eigentlich eine App und was eine Website ist.
[01:08:38] Keine Schaunotizen
Introducing the Canvas Debugger in Firefox Developer Tools
Mozilla implementiert (neben einem neuen CEO) einen Debugger für das Canvas-Element, mit dessen Hilfe es leichter wird, mit zu arbeiten.
Picture element implementation in Blink
Eine IndieGoGo Kampagne zur Implementierung des Picture elements in Blink von Yoav Weiss. Unserer Meinung nach unterstützenswert.
HarpJS
Ein weiterer Statischer Webseiten Generator.
Bootstrapping Design eBook: Become the Designer your Startup needs.
Dieses design-lastige Buch ist – laut Marcels Empfehlung – auch sehr für Programmierer geeignet.
Web-Design Repo
Eine riesige Anzahl an Web-Development und -Design Links.
Cerberus – Responsive Email Patterns
HTML-E-Mail-Templates sind immer noch ein schwieriges Thema. Cerberus versucht den Schmerz bei der Erstellung solcher Templates zu mindern.
Antwort
Ähnlich wie Cerberus, ist Antwort ein Responsive HTML-E-Mail-Template.
Easings Cheat Sheet
Wenn man gerade mal nicht weiß, wie Easings (Transitions-Verläufe) in CSS oder JavaScript funktionieren, kann man hier nachsehen.
Gewinnspiel
Fabian verlost dankenswerterweise ein Exemplar von Peter Gasstons Buch Moderne Webentwicklung. Alles was ihr tun müsst: Sagt uns in den Kommentaren, warum genau ihr dieses Buch braucht!
1 hr 16 min
March 26, 2014 Revision 163: CSS-Glücksrad und Links
Mangels Themen zockten sich Hans, Schepp und Peter durch vier Runden CSS-Glücksrad. Nachdem sie dort keine großen Erfolge feiern konnten, verlasen sie die Links und ließen es gut sein.
HTML5-Glücksrad
[00:00:50] CSS Conditionals
Eine Spezifikation aus der Abteilung CSS-Fundament, zu deren Unterpunkt @media-Syntax uns nicht viel einfiel. Schepp erklärte das only-Keyword in Media Queries und am Ende schweiften wir in Richtung Cargo-Cult-Techniken in CSS und JS ab.
[00:07:27] CSS Marquee
Marquee in CSS? Gibt es weder auf Caniuse noch in MDN noch, wie wir feststellen mussten, in irgendeinem Browser. Über mögliche Use Cases dachten wir trotzdem ein wenig nach.
[00:13:59] CSS Transforms
CSS-Transforms kann man über bequeme Funktionen, aber auch über Transformationsmatrizen festlegen. Wir stellten fest, dass wir diese Möglichkeit bisher eher selten nutzen, was daran liegt, dass wir eher selten CSS-Transformationen durch Code errechnen lassen (dann dafür wären sie gut geeignet). Ein weiteres interessantes Detail ist, dass das CSS OM beim Abfragen von Transformationen immer mit Matrizen antwortet. Schließlich schweifen wir in Richtung skew-Transforms ab (die Schepp mal für Schatteneffekte brauchte) und reden über die Auswirkungen von Transforms auf den Stacking Context (die es auch bei opacity geben soll).
[00:27:00] CSS Selectors Level 4
Nachdem Peter ein wenig über :empty in Selectors Level 3 (kaputt) und :blank in Selectors Level 4 (nicht kaputt) gerantet hatte, versuchten wir ohne großen Erfolg das Wesen der Grid-Structural Selectors zu erraten. Mehr Erfolg haben wir bei den Themen Parent Selector, :last-child und den technischen (Performance-)Probleme dahinter. Zum Schluss erklärte Peter nochmal kurz, warum es kein CSS4 gibt und wir stellten erfreut fest, dass die Kombinatoren + und ~ selbst im IE7 funktionieren.
[00:41:40] Keine Schaunotizen
Popping Out of Hidden Overflow
Beschreibt einen interessanten Edge Case bei der Arbeit mit Overflows in CSS.
Custom CSS preprocessing
Wie man sein eigenes kleines CSS-Tool baut.
codefest.herzogtumcleve.de
Ein aus rheinischer Solidarität gespeister Tipp von Schepp.
Lesser-Known JavaScript Debugging Techniques
Besonders interessant: die DebugUtils.
Stylestats
Produziert interessante Statistiken zu Stylesheets.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
47 min
March 26, 2014 Revision 163: CSS-Glücksrad und Links
Mangels Themen zockten sich Hans, Schepp und Peter durch vier Runden CSS-Glücksrad. Nachdem sie dort keine großen Erfolge feiern konnten, verlasen sie die Links und ließen es gut sein.
HTML5-Glücksrad
[00:00:50] CSS Conditionals
Eine Spezifikation aus der Abteilung CSS-Fundament, zu deren Unterpunkt @media-Syntax uns nicht viel einfiel. Schepp erklärte das only-Keyword in Media Queries und am Ende schweiften wir in Richtung Cargo-Cult-Techniken in CSS und JS ab.
[00:07:27] CSS Marquee
Marquee in CSS? Gibt es weder auf Caniuse noch in MDN noch, wie wir feststellen mussten, in irgendeinem Browser. Über mögliche Use Cases dachten wir trotzdem ein wenig nach.
[00:13:59] CSS Transforms
CSS-Transforms kann man über bequeme Funktionen, aber auch über Transformationsmatrizen festlegen. Wir stellten fest, dass wir diese Möglichkeit bisher eher selten nutzen, was daran liegt, dass wir eher selten CSS-Transformationen durch Code errechnen lassen (dann dafür wären sie gut geeignet). Ein weiteres interessantes Detail ist, dass das CSS OM beim Abfragen von Transformationen immer mit Matrizen antwortet. Schließlich schweifen wir in Richtung skew-Transforms ab (die Schepp mal für Schatteneffekte brauchte) und reden über die Auswirkungen von Transforms auf den Stacking Context (die es auch bei opacity geben soll).
[00:27:00] CSS Selectors Level 4
Nachdem Peter ein wenig über :empty in Selectors Level 3 (kaputt) und :blank in Selectors Level 4 (nicht kaputt) gerantet hatte, versuchten wir ohne großen Erfolg das Wesen der Grid-Structural Selectors zu erraten. Mehr Erfolg haben wir bei den Themen Parent Selector, :last-child und den technischen (Performance-)Probleme dahinter. Zum Schluss erklärte Peter nochmal kurz, warum es kein CSS4 gibt und wir stellten erfreut fest, dass die Kombinatoren + und ~ selbst im IE7 funktionieren.
[00:41:40] Keine Schaunotizen
Popping Out of Hidden Overflow
Beschreibt einen interessanten Edge Case bei der Arbeit mit Overflows in CSS.
Custom CSS preprocessing
Wie man sein eigenes kleines CSS-Tool baut.
codefest.herzogtumcleve.de
Ein aus rheinischer Solidarität gespeister Tipp von Schepp.
Lesser-Known JavaScript Debugging Techniques
Besonders interessant: die DebugUtils.
Stylestats
Produziert interessante Statistiken zu Stylesheets.
47 min
March 23, 2014 Revision 162: Indie UI
In Revision 162 sind zwei Gäste mit von der Partie. Zum einen Mozillas Accessibility Experte Marco Zehe, der bereits zu Gast war, sowie Tomas Caspers, der sich seit vielen Jahren mit dem Thema Accessibility beschäftigt und bei uns zum ersten Mal dabei ist.
[00:01:43] News
Sass 3.3.0
Sass ist in der Version 3.3.0 veröffentlicht worden und bringt einige Neuerungen mit sich.
Schaunotizen
[00:02:28] Indie UI und Accessibility
Mit unseren beiden Themen-Gästen sprechen wir über das Thema Accessibility. Aufhänger dafür ist der Editors-Draft zu Indie UI, der sich mit der Verallgemeinerung von Benutzer-Input Events und sichtbaren Einstellungen beschäftigt.
Marco ist, wie auch manch anderer, mit dem Konzept von Indie UI nicht so ganz einverstanden und diskutiert seine Position mit Tomas, der den Ansatz der Spezifikation schon mal richtig findet.
Im Laufe der Diskussion driften wir auf die Erfahrungen der beiden mit dem allgemeinen Thema Accessibility ab.
[01:03:25] Keine Schaunotizen
Grunt YSlow
Grunt YSlow ist eine Grunt Task, die die Performance einer Website anhand der Metriken von Yahoo!s YSlow analysiert.
Grunt PageSpeed
Grunt PageSpeed ist das Pendant zur YSlow Implementierung als Grunt Task, basierend auf Google PageSpeed.
Parker
Das CSS Analyse-Tool Parker ermittelt Metriken eines Stylesheets und ist als CLI verfügbar.
Bootstrap Accessibility Plugin
Die Entwickler bei Paypal haben die Grundfunktionalität von Bootstrap so erweitert, dass die einzelnen Module zugänglicher sind und dies in ein Plugin verpackt.
Umstieg von Mac auf Windows
Marco hat sich für die Rückkehr zu Windows entschieden und beschreibt warum er diesen Schritt geht.
Content Strategy Forum
Vom 1. bis 3. Juli findet in Frankfurt das Content Strategy Forum. Im Call For Papers sind die Organisatoren auch an Front-End Entwicklung und die Schnittmengen mit der Content-Erstellung interessiert.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 10 min
March 23, 2014 Revision 162: Indie UI
In Revision 162 sind zwei Gäste mit von der Partie. Zum einen Mozillas Accessibility Experte Marco Zehe, der bereits zu Gast war, sowie Tomas Caspers, der sich seit vielen Jahren mit dem Thema Accessibility beschäftigt und bei uns zum ersten Mal dabei ist.
[00:01:43] News
Sass 3.3.0
Sass ist in der Version 3.3.0 veröffentlicht worden und bringt einige Neuerungen mit sich.
Schaunotizen
[00:02:28] Indie UI und Accessibility
Mit unseren beiden Themen-Gästen sprechen wir über das Thema Accessibility. Aufhänger dafür ist der Editors-Draft zu Indie UI, der sich mit der Verallgemeinerung von Benutzer-Input Events und sichtbaren Einstellungen beschäftigt.
Marco ist, wie auch manch anderer, mit dem Konzept von Indie UI nicht so ganz einverstanden und diskutiert seine Position mit Tomas, der den Ansatz der Spezifikation schon mal richtig findet.
Im Laufe der Diskussion driften wir auf die Erfahrungen der beiden mit dem allgemeinen Thema Accessibility ab.
[01:03:25] Keine Schaunotizen
Grunt YSlow
Grunt YSlow ist eine Grunt Task, die die Performance einer Website anhand der Metriken von Yahoo!s YSlow analysiert.
Grunt PageSpeed
Grunt PageSpeed ist das Pendant zur YSlow Implementierung als Grunt Task, basierend auf Google PageSpeed.
Parker
Das CSS Analyse-Tool Parker ermittelt Metriken eines Stylesheets und ist als CLI verfügbar.
Bootstrap Accessibility Plugin
Die Entwickler bei Paypal haben die Grundfunktionalität von Bootstrap so erweitert, dass die einzelnen Module zugänglicher sind und dies in ein Plugin verpackt.
Umstieg von Mac auf Windows
Marco hat sich für die Rückkehr zu Windows entschieden und beschreibt warum er diesen Schritt geht.
Content Strategy Forum
Vom 1. bis 3. Juli findet in Frankfurt das Content Strategy Forum. Im Call For Papers sind die Organisatoren auch an Front-End Entwicklung und die Schnittmengen mit der Content-Erstellung interessiert.
1 hr 10 min