Making accessibility simpler with ally.js

ally.js is a JavaScript library simplifying certain accessibility features, functions and behaviors. However, simply loading ally.js will not automagically make a web application accessible. The library provides certain standard functions the “web platform” should’ve provided itself, so JavaScript applications can be made accessible more easily. An example of the things provided by ally.js is ally.maintain.tabFocus …

The True Story of the “Ellen Selfie”

Talking about The Oscars, the story behind the famous “Ellen Selfie” is quite interesting: From time to time, people ask me how that selfie came to be. It’s a pretty good story of collaboration, partnership and professionalism. And these days, a story with a happy ending is worth telling. Next to collaboration, partnership and professionalism …

Did the Oscars Just Prove That We Are Living in a Computer Simulation?

The New Yorker, following the recent fuck-up at the Oscars where “La La Land” was mistakingly named as the winner for “Best Picture”: This bizarre event put one in mind of a simple but arresting thesis: that we are living in the Matrix, and something has gone wrong with the controllers. This idea was, I’m …

Progressive Web Apps with React

Great set of articles by Addy Osmani: In this series of posts I’ll share my experience turning React-based web apps into PWAs. We’ll also cover why shipping just what users need for a route & throwing out all other scripts are good ideas for fast perf. As with all articles by Addy: well-written, accurate, and …

When Algorithms Design a Concert Hall

The auditorium of Hamburg’s newly opened concert hall, the Elbphilharmonie, looks amazing. The auditorium is a product of parametric design, a process by which designers use algorithms to develop an object’s form. In the case of the Elbphilharmonie, Herzog and De Meuron used algorithms to generate a unique shape for each of the 10,000 gypsum …

Style Scoping with Element Queries using EQCSS

Update 2020-11-05: CSS Container Queries are coming! Tommy Hodgins on Style Scoping: Style scoping is the idea that you can select an element anywhere in your document to serve as a point of reference as you write styles. To achieve this he uses EQCSS, a JavaScript plugin to writing CSS Element Queries (which essentially are …

Stripe.com Alike Morphing Navigation Dropdown

Analysis and reproduction – using jQuery – of the morphing navigation dropdown as seen on stripe.com: Instead of hiding and showing a new dropdown “container” when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes. The trick is that the dropdown items …

Data Driven Depression – Determining Radiohead’s Most Sad Song

Radiohead has been my favorite band for a while, so I am used to people politely suggesting that I play something “less depressing.” Much of Radiohead’s music is undeniably sad, and this post catalogs my journey to quantify that sadness, concluding in a data-driven determination of their most depressing song. The result: “True Love Waits” …

Glossary of Modern JavaScript Concepts

Modern JavaScript has experienced massive proliferation over recent years and shows no signs of slowing. Numerous concepts appearing in JS blogs and documentation are still unfamiliar to many front-end developers. In this post series, we’ll learn intermediate and advanced concepts in the current front-end programming landscape and explore how they apply to modern JavaScript. Pure …