A new ECMAScript Proposal that I’m looking forward to is Logical Assignment Operators. In short it combines Logical Operators (||, &&, and ??) with Assignment Expressions (=). // "Or Or Equals" (or, the Mallet operator) a ||= b; // "And And Equals" a &&= b; // "QQ Equals" a ??= b; 🤔 Not familiar with […]
Author Archives: Bramus!
ESNext: Logical Assignment Operators (
Deno 1.0: What you need to know
Deno version 1.0 is about to land next week. LogRocket walks us through it from A to Z. Deno 1.0: What you need to know → 💁♂️ Deno is a new take on Node, as if it were designed today, by the original author of Node. Here’s a good introductory video.
Automating Web Performance testing with Puppeteer
Nice work by Addy Osmani: Puppeteer is a Node library which provides a high-level API to control headless Chrome or Chromium over the DevTools Protocol. This repository has recipes for automating Web Performance measurement with Puppeteer. Automating Web Performance testing with Puppeteer →
Everything I Learned About min(), max(), clamp() in CSS
Ahmad takes a look into the CSS min(), max(), and clamp() functions. As with all his articles, he also provides some practical use cases and examples. Regarding the clamping of the font-size of a page, you don’t really need clamp(): This is how to accessibly set a viewport relative scaling `font-size` with a min AND […]
Sharing PHP-CS-Fixer Rules Across Projects and Teams
Tim MacDonald shares a way to sharing PHP-CS-Fixer rules across your projects. It involves in setting up on repo/package that contains the rules and a little helper class that takes in a PhpCsFixer\Finder instance (along with optional extra rules). <?php namespace TiMacDonald; use PhpCsFixer\Config; use PhpCsFixer\Finder; function styles(Finder $finder, array $rules = []): Config { […]
100vh in Safari on iOS
When working with Viewport Units there’s this longstanding and extremely annoying bug in Safari on iOS where it does not play nice with the vh unit. Setting a container to 100vh for example will actually result in an element that’s a wee bit too high: MobileSafari ignores parts of its UI when calculating 100vh. Image […]
Web Vitals – Essential metrics for a healthy site
Web Vitals is a new great set of articles on Web.dev (by Google) focussing on delivering a great user experience on the web. To help developers focus on what matters most, they’ve selected a set of metrics which they call “Core Web Vitals”. The metrics that make up Core Web Vitals will evolve over time. […]
1loc – Single Line JavaScript Snippets
1loc is a site packed with small JavaScript snippets that take up 1 line of code. For example: Compare Two Dates const compare = (a, b) => a.getTime() > b.getTime(); Generate Number in Range const random = (min, max) => Math.floor(Math.random() * (max – min + 1)) + min; Get all siblings of an element […]
25 Basic Docker Commands for Beginners
If you’re trying to learn Docker you will first have to master its various terminal commands. This guide aims to help you get started with basic docker commands. Handy cheat sheet if you’re just starting out with Docker. 25 Basic Docker Commands for Beginners → Via cron.weekly
Tackling TypeScript: Upgrading from JavaScript
New book on TypeScript by Dr. Axel Rauschmayer, who also wrote Exploring ES6 (and a few other books on JavaScript). This book consists of two parts: Part 1 is a quick start for TypeScript that teaches you the essentials quickly. Part 2 digs deeper into the language and covers many important topics in detail. This […]