Articles and talks on web development (HTML, CSS, JavaScript)

All larger technical articles and conference talks.

2021

• Testing Angular applications
  An opinionated approach to Angular component testing with Spectator. 2021-05-05
  Topics: JavaScript, Angular, Automated Testing
• Testing Angular – A Guide to Robust Angular Applications
  How do we take advantage of Angular’s testability? A free online book and e-book.
  2021-02-17
  Topics: JavaScript, Angular, Automated Testing
• Maintaining JavaScript applications in the long term
  How we enhanced and refactored a client project over six years.
  2021-01-11
  Topics: JavaScript

2019

• Introduction to TypeScript
  Workshop at 9elements
  2019-05-08
  Topics: JavaScript, TypeScript
• Maintaining large JavaScript applications
  Lessons I have learned from maintaining large JavaScript projects in the long term.
  2019-01-15
  Topics: JavaScript

2018

• Die Grundlagen von JavaScript: Zweite Ausgabe
  Deutsche Übersetzung des Überblicks »JavaScript. The Core: 2nd Edition« aus der renommierten Reihe »ECMAScript in detail« von Dmitry Soshnikov
  2018-01-31
  Topics: JavaScript
• Web-Performance für Mobilgeräte: Erfolgreiche Websites sind schnelle Websites
  Schlechte Web-Performance bremst die Internetnutzung mit Mobilgeräten. Was sind die Ursachen für langsame Webseiten und wie können wir sie optimieren? 2018-01-08
  Topics: Performance, mobile web, JavaScript

2017

• Robust Client-Side JavaScript – A Developer’s Guide
  Why do we need to talk about robust JavaScript and how do we achieve it?
  2017-12-21
  Topics: JavaScript, browser, compatibility
• Things I’ve learned: Angular, TypeScript and RxJS
  Exploring programming paradigms in different JavaScript stacks
  2017-11-02
  Topics: JavaScript, Angular, TypeScript, RxJS, Redux, NgRx, Reactive Programming
• Comparing alternative Android browsers
  Chrome alternatives with ad blocking, data saving and privacy features
  2017-07-20
  Topics: Mobile web, browsers, privacy
• What Google Accelerated Mobile Pages (AMP) means for the JavaScript community
  By neglecting web performance, the JavaScript community unintentionally paved the way for AMP.
  2017-05-28
  Topics: performance, mobile web, JavaScript, Google

2016

• Progressive Enhancement: Robuste Websites entwickeln
  Vortrag auf der PottJS
  2016-06-29
  Topics: JavaScript, web applications, compatibility, concept and design
• Our best practices are killing mobile web performance
  Web performance rules invented for desktop web access need to be revised for the mobile era.
  2016-05-16
  Topics: performance, mobile web, JavaScript
• Die Geschichte von JavaScript bis ECMAScript 6
  Workshop auf dem PottJS-Workshop-Tag
  2016-04-02
  Topics: JavaScript, browser, object-oriented programming
• Progressive enhancement and JavaScript failure
  Can progressive enhancement help to build JavaScript web apps that handle errors gracefully?
  2016-02-27
  Topics: JavaScript, web applications, compatibility
• JavaScript web apps considered valuable
  Recalling best practices for web applications that make heavy use of client-side JavaScript.
  2016-01-18
  Topics: JavaScript, web applications
• Todo list with universal JavaScript and progressive enhancement Example web application using React and server-side rendering that works with and without JavaScript
  2016-01-08
  Topics: JavaScript, web applications, compatibility
• Progressive enhancement for JavaScript web apps
  On building web applications with a scalable architecture using progressive enhancement.
  2016-01-08
  Topics: JavaScript, web applications, compatibility, concept and design

2015

• Interaction is Key: Progressive Enhancement and JavaScript
  How to build robust JavaScript applications with progressive enhancement
  2015-12-21
  Topics: JavaScript, web standards, browser, compatibility, concept and design
• Eine kurze Geschichte von JavaScript
  Ein Rückblick auf die Entwicklung von JavaScript vom Anfang bis zum neuesten Standard ECMAScript 6 sowie ein Ausblick auf kommende Features
  2015-12-03
  Topics: JavaScript, web standards

2014

• Mobile-First-Datenvisualisierung
  Teil 1: Konzepte und Umsetzung anpassungsfähiger Visualisierungen
  Teil 2: Touch-Eingabe, Performance und Barrierefreiheit
  Wie können Datenvisualisierungen mobilfähig werden?
  2014-12-03
  Topics: JavaScript, data visualization, mobile web
• Front-end security and Cross-Site Scripting (XSS) for Ruby on Rails developers
  How to find unusual XSS vulnerabilities in Ruby on Rails apps
  2014-08-11
  Topics: JavaScript, Ruby on Rails, security
• Testing CSS support with JavaScript
  How to test for browser support of certain CSS features. Talk at the jsunconf 2014
  2014-04-27
  Topics: JavaScript, CSS, browser, compatibility
• JavaScript-Workshop: Grundlagen, OOP, jQuery, Backbone.js, MVC, Chaplin.js
  Inhouse training for several corporate clients
  2014-03-06 (updated)
  Topics: JavaScript, web applications
• Webanwendungen strukturieren mit Backbone und Chaplin
  Workshop at the JavaScript-Days 2014
  2014-03-05
  Topics: JavaScript, web applications

2013

• Interactive Storytelling
  Multimediale Webpräsentationen: Geschichten erzählen mit modernen Webtechniken
  2013-12-01
  Topics: concept and design, JavaScript
• Why JavaScript web applications should embrace traditional URLs
  In a time where web apps easily surpass 1 MB of JavaScript, what should we try to achieve?
  2013-07-16
  Topics: JavaScript, web applications
• Object-oriented JavaScript – A brief introduction
  Talk at PottJS, a JavaScript meetup for the Ruhr Area in Germany
  2013-06-27
  Topics: JavaScript
• JavaScript MVC frameworks: A Comparison of Marionette and Chaplin
  Comparing two Backbone-based JavaScript frameworks for Single Page Applications
  2013-04-08
  Topics: JavaScript, web applications

2012

• CSS-Modularisierung mit Sass: Komplexe Stylesheets strukturieren
  Vorstellung des Sass-Features @extend und Placeholder Selectors, mit denen sich CSS modularisieren lässt
  2012-12-07
  Topics: CSS
• Application frameworks on top of Backbone.js
  Talk at the apps.berlin.js meetup about Backbone, Marionette, Chaplin and Thorax
  2012-05-10
  Topics: JavaScript, web applications
• JavaScript Applications on Top of Rails
  Talk at the Ruby User Group in Berlin
  2012-05-01
  Topics: Ruby, Ruby on Rails, JavaScript, web applications
• Chaplin: JavaScript Application Architecture with Backbone.js
  Talk at AdCloud in Cologne, Germany, about Backbone and Chaplin
  2012-04-25
  Topics: JavaScript, web applications
• Chaplin: Application Architecture with Backbone.js
  Talk at the Berlin.js meetup group in Berlin
  2012-03-15
  Topics: JavaScript, web applications
• JavaScript Application Architecture with Backbone.js
  Talk at the “JavaScript Conference” in Düsseldorf, Germany
  2012-02-27
  Topics: JavaScript, web applications

2011

• Effiziente CSS-Entwicklung mit Sass und Compass
  Teil 1: Einführung in CSS-Präprozessoren und grundlegende Sass-Features
  Teil 2: Mixins, Extends und eingerückte Syntax
  Techniken, um umfangreichen CSS-Code zu strukturieren und CSS 3 browserübergreifend einzusetzen
  2011-12-04
  Topics: CSS
• JavaScript: Von einfachen Scripten zu komplexen Anwendungen
  Talk at Multimediatreff 28 on crucial patterns and tools for developing JavaScript applications
  2011-12-03
  Topics: JavaScript
• Zum Stand der Webstandards, dem W3C und der WHATWG
  Das W3C verliert als Standardisierungsgremium mehr und mehr an Relevanz. Eine Zusammenfassung der jüngsten Entwicklungen.
  2011-08-29
  Topics: web standards, W3C, WHATWG
• Was sind Webstandards?
  Mit HTML5 und CSS 3 werden Techniken eingesetzt, noch bevor sie als Webstandards verabschiedet werden. Was bedeutet das für die Konformität zu Webstandards?
  2011-08-29
  Topics: web standards, HTML, CSS
• Standards-compliant and Sustainable JavaScript Libraries
  Standardkonforme und zukunftsfähige JavaScript-Bibliotheken
  Evaluating the tool chain CoffeeScript, jQuery, Backbone and Underscore and a call for standards for JavaScript programming
  2011-07-09
  Topics: JavaScript
• Objektabfragen und Fallunterscheidungen in JavaScript
  Gezielte Objektabfragen ermöglichen eine browserübergreifende und robuste Programmierung
  2011-05-15
  Topics: JavaScript, browser, compatibility
• Methodenketten und Fluent Interfaces mit ECMAScript 5 und Harmony
  Einführung in ECMAScript-5-Techniken wie Property Descriptors sowie Ausblick auf Proxies in ECMAScript Harmony
  2011-03-29
  Topics: JavaScript
• Popups mit JavaScript
  Die Anleitung diskutiert Lösungsmöglichkeiten für Popup-Fenster mit JavaScript und erörtert Alternativen.
  2007-04-19, aktualisiert 2011-02-13
  Topics: JavaScript
• Lesbarkeit von Texten im Web (2)
  Überladenes Design, Werbung und das Readability-Tool, das Webtexte wieder lesbar macht
  2011-02-05
  Topics: concept and design, usability
• Pseudoklassische Vererbung in JavaScript
  Hintergründe und ein Helferscript zur Vererbung zwischen Pseudoklassen (Konstruktoren, Prototypen und Instanzen)
  2011-01-29
  Topics: JavaScript
• H.264 vs. WebM – Thesen zur Webökonomie
  Erklärungsversuche zur Politik der Browserhersteller im Streit um Codecs für HTML5-Video
  2011-01-15
  Topics: browser, HTML, video
• Webstandards im Wandel. Interview mit Mathias Schäfer
  Über die WHATWG und HTML 5 sowie XHTML 2 des W3C
  c’t – Magazin für Computertechnik, 1/07
  Topics: HTML, W3C, WHATWG

2010

• Die Grundlagen von JavaScript
  Deutsche Übersetzung des Überblicks »JavaScript. The Core.« aus der renommierten Reihe »ECMA-262-5 in detail« von Dmitry Soshnikov
  2010-10-14
  Topics: JavaScript
• Pro & Contra Validität – Chronik einer laufenden Debatte
  Zusammenfassung und Kommentierung der Diskussion um den Sinn von HTML- und CSS-Validierung und die Brauchbarkeit von Validatoren.
  2010-08-21
  Topics: HTML, CSS, Markup-Validierung
• JavaScript muss asynchron werden
  Externe JavaScripte wie Werbung und Widgets performant einbinden – Vorstellung von Best Practices und HTML5-Techniken
  2010-07-13
  Topics: JavaScript, performance
• Objektorientiertes JavaScript (OOP) mit YUI 3
  Prototypische Vererbung, Mixins und Modularisierung mit dem Helfermethoden der Yahoo! User Interface Library
  2010-05-10
  Topics: JavaScript
• JavaScripte für die Textauswahl: SelectionMenu und CopyLink
  Kontextmenü bei markiertem Text einblenden und Quellenverweis beim Kopieren von Text einfügen
  2010-04-12
  Topics: JavaScript
• Ein Podcast über die Geschichte von HTML
  Eine parteiische Erzählung der HTML-Geschichte von SGML über HTML, XML und XHTML bis HTML5.
  2010-02-28
  Topics: HTML
• DOMContentLoaded and stylesheets
  Different browser implementations of the central DOM Scripting event, DOMContentLoaded, and HTML5 parsing rules
  2010-02-09
  Topics: JavaScript
• Wie sieht die Zukunft von JavaScript aus?
  Ausblick auf die mögliche JavaScript-Zukunft ausgehend von aktuellen Trends und Entwicklungen
  2010-01-24
  Topics: JavaScript
• Progressive Enhancement: Die Zeit ist gekommen
  Plädoyer für neue Abläufe beim Website-Design, die aktuelle Techniken und einbeziehen und Browserunterschiede berücksichtigen
  2010-01-10
  Topics: concept and design, browser, compatibility

2009

• Versuche zur Bestimmung von Google
  Können wir Vertrauen in den Monopolisten Googles haben? Hat Google negative Absichten?
  2009-12-07
  Topics: Privacy, data protection, civil rights, Google
• HTML5: Ein soziales Desaster?
  Vorstellung von Kritik am Entwicklungsprozess des kommenden Webstandards
  2009-12-07
  Topics: HTML, W3C, WHATWG
• In Defense of New Amateurs – Zur Verteidigung der »Neuen Amateure«
  Wie können normale Webnutzer dabei unterstützt werden, sich Webtechniken anzueignen, um eigenständig das Web mitzugestalten?
  2009-11-22
  Topics: web standards
• CSS kompakt: Einschließen von Floats
  Zusammenfassung, kritische Diskussion und Anwendungsbereiche der gängigen Methoden
  2009-11-12
  Topics: CSS
• Übersicht über HTML5-Spezifikationen und -Literatur
  Linkliste zur Orientierung durch den Dschungel der entstehenden Standards rund um HTML5
  2009-10-28 (laufend aktualisiert)
  Topics: HTML, JavaScript
• Was ist HTML 5? – Weit mehr als eine Auszeichnungssprache
  Die Herangehensweise bei der Definition von HTML und der erweiterte Blick auf das Web als Plattform
  2009-09-22
  Topics: HTML
• Performance von JavaScript-Closures
  Optimierung von Laufzeit und Speicherverbrauch bei funktionaler JavaScript-Programmierung
  2009-07-02
  Topics: JavaScript, performance
• Strenge HTML-4-Validierung
  Überprüfung von HTML 4 anhand einer angepassten SGML-Deklaration und Dokumenttyp-Definition
  2009-06-19
  Topics: HTML, SGML, markup validation
• XHTML wird zu Grabe getragen
  Bedachter und pragmatischer Einsatz von HTML 4, XHTML 1 und HTML 5
  2009-05-29
  Topics: HTML, XHTML
• Markup-Qualitätsstandards forcieren
  Automatisierte und effektive Überprüfung von HTML-Dokumenten verschiedener Versionen
  2009-05-29
  Topics: HTML, SGML, markup validation

2008

• Organisation von JavaScripten
  Programmiertechniken zur Strukturierung von modernen, wiederverwendbaren JavaScripten
  2008-12-06
  See also Artikel überarbeitet: Organisation von JavaScripten, 2010-04-29
  Topics: JavaScript
• Sieben Thesen zum gegenwärtigen JavaScript-Gebrauch
  Wo stehen wir in Sachen JavaScript und welche Entwicklung wäre wünschenswert?
  2008-09-04
  Topics: JavaScript
• Ignoriert den Browser nicht
  In wiederkehrenden Zyklen erschweren Browser-Relikte den Webentwicklern die Arbeit – warum eigentlich?
  2008-03-19
  Topics: browser, compatibility
• JavaScript: Gleichverteilte Zufallszahlen erzeugen
  Zufällige Zahlen mit gleichverteilter Wahrscheinlichkeit in JavaScript erzeugen
  2008-03-15
  Topics: JavaScript
• Microsoft, Internet Explorer und die Webstandards
  Wie kommt Microsoft aus seinem gegenwärtigen Dilemma heraus?
  2008-03-02
  Topics: browser, compatibility
• Usability von Seiten-Navigationen
  Komfortabel durch Weblog-Einträge, Produktlisten und Suchergebnisse navigieren
  2008-01-28
  Topics: concept and design, usability
• Geheimnisse der JavaScript-Syntax
  Grundlagen der ECMAScript-Syntax für die fortgeschrittene Programmierung
  2008-01-23
  Topics: JavaScript

2007

• JavaScript: Text automatisch markieren
  Mit JavaScript den Inhalt eines Elements zum einfachen Kopieren markieren
  2007-11-22
  Topics: JavaScript
• Javascript-Wertübergabe zwischen HTML-Dokumenten
  Techniken um JavaScript-Daten dokumentübergreifend zu speichern
  2007-11-22
  Topics: JavaScript
• JavaScript: Komfortable Timer-Funktion
  Helferscript zum wiederholten Ausführen von Funktionen
  2007-11-11
  Topics: JavaScript
• JavaScript-Bibliotheken und die jüngere JavaScript-Geschichte
  Wie Bibliotheken neue Voraussetzungen für das Vermitteln von JavaScript schaffen
  2007-10-20
  Topics: JavaScript
• Abwärtskompatibilität aus Sicht des Designs und der Barrierefreiheit
  Von der leidigen Diskussion über die Unterstützung alter Browser – was Design leisten kann und soll
  2007-04-19
  Topics: browser, compatibility, concept and design
• Lesbarkeit von Texten im Web (1)
  Schriftgrößen und Layouts erzeugen Barrieren – ein subjektiver Bericht
  2007-03-21
  Topics: concept and design, accessibility

2006

• Web-Zugänglichkeit: Zum Begriff »behindertengerecht«
  Warum barrierefreie Webseiten nicht nur für Behinderte zugänglich und benutzerfreundlich sind, sondern möglichst für alle.
  2006-11-12
  Topics: accessibility
• Verarbeitung von HTML: Strenge oder Fehlertoleranz?
  Der Trend geht weg von strengen XML-Formaten. Gleichzeitig enthalten HTML-Dokumente immer mehr strukturierte Informationen. Was bedeutet das für Webentwickler?
  2006-10-31
  Topics: XHTML, XML, markup validation
• Internet Explorer 7 und Standardunterstützung
  Über berechtigte und unvernünftige Kritik der CSS-Unterstützung des kommenden Internet Explorers
  2006-08-11
  Topics: browser, compatibility
• JavaScript-Effekthascherei: Zurück in die DHTML-Vergangenheit
  Eine kurze Polemik aus dem Effektewunderland
  2006-08-09
  Topics: JavaScript
• Mikrofortschritte
  Perspektiven für die Weiterentwicklung von HTML. Eine Zusammenfassung
  2006-08-02
  Topics: HTML, W3C, WHATWG, web standards
• XHTML und Schema-Validierung
  Überlegter Einsatz von XHTML und Werkzeuge zur Validierung
  2006-05-14
  Topics: XHTML, XML, markup validation
• JavaScript und Webstandards
  JavaScript-bezogene Spezifikationen und deren praktischer Einsatz
  2006-04-19
  Topics: JavaScript, web standards
• Optimierung für Bildschirmauflösungen
  Empirische Untersuchungen widerlegen die Standard-Layout-Breiten
  2006-04-07
  Topics: concept and design, usability
• DHTML ist tot
  Der Begriff »DHTML« wurde endgültig für tot erklärt. Eine kleine Begriffsgeschichte der JavaScript-Theorie
  2006-04-01
  Topics: JavaScript
• Grundsatzdebatten im Webdesign
  (Keine Antwort auf) Die Frage nach der richtigen Schriftgröße
  2006-03-19
  Topics: concept and design, usability
• DOM 3 Load & Save in Opera 7.6
  Eine Einführung in die Benutzung des DOM-Moduls Load and Save mit Opera 7.6
  2006-02-07
  Topics: JavaScript
• Rekursive Auflistung aller Kindknoten
  JavaScript-Beispiel zur Veranschaulichung der DOM-Schnittstelle und des HTML-Elementbaumes
  2006-02-03
  Topics: JavaScript
• Grundlagen für Spaltenlayout mit CSS
  Vorstellung von Techniken, um Mehrspaltigkeit mit CSS flexibel umzusetzen
  2006-01-31
  Topics: CSS
• Modernes Webdesign verbreiten
  Wie können Menschen vom Webstandards-Konzept überzeugt werden?
  2006-01-14
  Topics: web standards

2005

• Der sinnvolle Einsatz von JavaScript
  Mögliche Modelle und Theorien für den JavaScript-Einsatz
  2005-12-17
  Topics: JavaScript
• Visualisierung von HTML-Attributen durch CSS
  CSS-Regeln für Benutzerstylesheets, die versteckte Informationen in Webseiten sichtbar zu machen.
  2005-12-07
  Topics: CSS
• Probleme mit Ankern und position:fixed (feste CSS-Positionierung)
  Wie verhindert man, dass fest positionierte Bereiche Linkanker überdecken?
  2005-12-04
  Topics: CSS, JavaScript
• HTML-Dokumentmodelle (DOM)
  Dokumentmodelle vereinfachen das Verständnis der Semantik von Auszeichnungssprachen wie HTML
  2005-07-12
  Topics: HTML, DOM

2004

• Hypertext im WWW
  Ein Hypertextnetzwerk ohne Hypertexte – eine Glosse
  2004-05-14
  Topics: HTML, hypertext