Quieter Permission UI for Notifications coming to Chrome 80

Looking forward to this Chrome 80 feature: To protect notifications as a useful service for users, Chrome 80 will show, under certain conditions, a new, quieter notification permission UI that reduces the interruptiveness of notification permission requests. Immediately after the Chrome 80 release, users will be able to opt-in to the new UI manually in …

CSS-Only Multiple Choice Quiz

Matthew Somerville: I followed a link to one of those Guardian end-of-year quizzes on my phone, and had answered a few questions before realising that it was working entirely without JavaScript (I have JavaScript disabled on my phone). I found this very impressive, well done whoever worked on that, and so I thought I would …

Text Effect Generator

Nice tool to generate custom text effects such as underline, strikethrough, italic, small caps, circles, upside down, etc. The tool does not use custom fonts, but translates your entered text to other UTF-8 code points which have the effect built in — 🄻🄸🄺🄴 🅃🄷🄸🅂, 🄵🄾🅁 🄴🅇🄰🄼🄿🄻🄴 🚨 Before you go wild with it though, don’t …

Enterprise React in 2020

Viacheslav Luschinskiy goes over the utils and libraries they use for building React apps. It is the opinionated set of libraries and technical approaches to quickly build scalable enterprise class applications in React. It also comes with the small demo app which can be used as a bootstrap kit. It includes all the mentioned libraries …

Guzzle: Fake a Response using a `MockHandler`

Now this will come in handy for testing: ⚗️ One of the most common integrations developers struggle to test is Guzzle. Fortunately, it has a `MockHandler` you can set up to return predefined responses. Since it uses the existing `Client` and `Response` objects, there's no need to change your implementation. — Jason McCreary (@gonedark) December …

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 …

ESNext: Replace all occurrences of a piece of text in a string with String.prototype.replaceAll

UPDATE June 2020: This feature has advanced to Stage-4 and will be part of the ES2021 Specification! 🎉 An ECMAScript Language feature that’s currently in Stage-3 is String.prototype.replaceAll, a handy way to replace all instances of a piece of text in a string. ~ The Problem If you ever needed to replace a piece of …

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 …