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 …
Continue reading “Style Scoping with Element Queries using EQCSS”
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 …
Continue reading “Stripe.com Alike Morphing Navigation Dropdown”
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” …
Continue reading “Data Driven Depression – Determining Radiohead’s Most Sad Song”
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 …
Mimic Realistic Networking Conditions on Windows with winShaper
If you’re using macOS then you might be familiar with the XCode bundled “Network Link Conditioner”, a tool to simulate certain specific networking environments. On Windows you can use winShaper for this. The project consists of a traffic-shaping network driver and an easy-to-use GUI. You need to be an administrator to run it since it …
Continue reading “Mimic Realistic Networking Conditions on Windows with winShaper”
Using Machine Learning to Predict Parking Difficulty
No monitoring of parking meters, video feeds, etc. Looking at the users their behavior is the way to do it: Google determined that if users circled around a location like in the picture above, it usually suggested that parking might be difficult. To recognize this behavior, they took the difference between when they should have …
Continue reading “Using Machine Learning to Predict Parking Difficulty”
JavaScript immutability-helper – Mutate a copy of data without changing the original source
Dealing with immutable data in JavaScript is more difficult than in languages designed for it, like Clojure. However, we’ve provided a simple immutability helper, update(), that makes dealing with this type of data much easier, without fundamentally changing how your data is represented. Say you have an object like so: const user = { id: …
Efficiently render large lists and tabular data with react-virtualized
Rome’s Invisible City
Sometime last week “Rome’s Invisible City” aired on the telly here in Belgium. With the help of a team of experts and the latest in 3D scanning technology, Alexander Armstrong, along with Dr Michael Scott, explores the hidden underground treasures that made Rome the powerhouse of the ancient world. In his favourite city, he uncovers …