JavaScript: var vs let vs const

Nice Doodle by Abhishek Kumar explaining the difference between JavaScript’s var, let, and const: Good to see hoisting is also explicitly mentioned by name. 💁‍♂️ I personally always start with const. Only if I need to reassign a variable’s value (for example: a counter in a loop) I use let. I see no good reason …

Andy Budd: 11 things I know to be true

Photo of the Clearleft offices. Andy Budd, part of Clearleft, shares some things he has come to believe over the years: You are not your user It’s often easier to break big problems down into smaller problems Sometimes you need to slow down to speed up Design can provide a huge amount of value to …

JavaScript File Format Differences: The difference between Generic JavaScript, JavaScript Modules, and CommonJS Modules

There’s the pervarsive notion that all JS is created equal and that there’s only minor and easily detectable differences between the various file formats used to author JavaScript. This is correct, from a certain point of view. Very resourceful Gist which highlights the key differences between Generic JavaScript, JavaScript Modules, and CommonJS Modules! Take the …

How tracking pixels work

Julia Evans: I spent some time talking to a reporter yesterday about how advertisers track people on the internet. We had a really fun time looking at Firefox’s developer tools together (I’m not an internet privacy expert, but I do know how to use the network tab in developer tools!) and I learned a few …

Fundamentals of Hierarchy in Interface Design

Visual hierarchy is the order in which the user process information by importance. In interface design, like in any other form of design, this concept is necessary to be functional at sight. With the correct use of hierarchy, the mind can group and prioritize elements to give them a specific order, which facilitates the understanding …

Understanding positioning in CSS

Chen Hui Jing: Everything on the web is a box. The positioning algorithms used to calculate the position of a box on the page is determined by the position and float properties. I’ll try my best to explain this in a way that makes sense. But first, let’s look at them individually. Good introductory post …

How to build smaller Docker images

When you’re building a Docker image it’s important to keep the size under control. Having small images means ensuring faster deployment and transfers. Wish I had found this post before I started playing with Docker, as it is packed with solid advice which I found out “along the way” myself. In short: Find the right …

Print to CSS – Magazine layouts recreated with CSS Grid

Just like Jules Forrest before, Dan Davies has recreated some magazine layouts using CSS Grid: I’m a huge fan of magazine layouts, the use of typography, the structures, just the general look. I also love CSS Grid and as part of my learning, I have been looking at magazines for inspiration so I decided to …