Microsoft recently did a “30 Days of PWA” blog series. The posts got grouped per week, each week with a shared topic: Core Concepts: Learn the fundamental concepts and components of a PWA. Advanced Capabilities: Explore web capabilities APIs, status, and examples of use. Developer Tools: Learn about key authoring, debugging, auditing, testing and packaging …
Author Archives: Bramus!
Say Hello to <selectmenu>, a Fully Style-able <select> Element
Over at CSS-Tricks, Patrick Brosset dug into <selectmenu>, the customizable <select> we always wanted. The new experimental <selectmenu> control offers a lot of flexibility when it comes to styling and even extending a traditional <select>. And it does this in all the right ways, because it’s built into the browser where accessibility and viewport-aware positioning …
Continue reading “Say Hello to <selectmenu>, a Fully Style-able <select> Element”
What’s new in Node.js core?
Simon Plenderleith gives a roundup of the new stuff that landed in Node since September 2021. Deep clone values (using structuredClone) Auto cancel async operations Fetch API Import JSON modules Abort API additions readline/promises API Corepack I’m especially excited about native fetch() support making it into Node 17. Note that you must enabled it using …
Valet 3.0: Multiple/Parallel PHP Version Support
For my local PHP Development needs I use Laravel Valet. It’s easy to set up, provides HTTPS, and just works. The only downside of using it, is the fact that the selected PHP version is system-wide: switching PHP versions — using valet use php@7.4 for example — affects all sites. With the 3.0 release of …
Continue reading “Valet 3.0: Multiple/Parallel PHP Version Support”
What’s new in ECMAScript 2022
Pawel Grzybek gives us a good overview of the ES2022 features The ECMAScript 2022 Language Specification candidate is now available. Even though the final version will be approved in June, the list of new features coming to the language this year is already defined. Let’s look at what’s coming to ECMAScript specification in 2022. What’s …
What’s new in @bramus/specificity v2
Back in February I created @bramus/specificity, an NPM package to calculate the Specificity of CSS Selectors. As that version was more of a thought experiment/POC, there was a lot of room for improvement. Yesterday, after 11 betas, version 2.0.0 of @bramus/specificity was released. Let’s take a look … Quick Example To give you an idea …
Laravel Zero – Micro-framework for console applications
Laravel Zero is a lightweight and modular micro-framework for developing fast and powerful console applications. Built on top of the Laravel components. Think of it as a stripped down Laravel, without the public folder. Recently used it to create a Command that runs in Docker Container upon boot and then exits. Instead of using Laravel’s …
Continue reading “Laravel Zero – Micro-framework for console applications”
Optimising Largest Contentful Paint
Harry Roberts takes a look at some more technical and non-obvious aspects of optimising Largest Contentful Paint: Largest Contentful Paint (LCP) is my favourite Core Web Vital. It’s the easiest to optimise, and it’s the only one of the three that works the exact same in the lab as it does in the field (don’t …
WASD Controls on the Web: Don’t use KeyboardEvent.key but use KeyboardEvent.code
Beware when evaluating KeyboardEvent.key, as it doesn’t play nice with non-QWERTY keyboard layouts.
Jamir
Jamir is an impressive in-browser 3D First Person Shooter game written with ThreeJS and Erlang. Very nice work by Mert Ozturk! Reading the about page, it took them more than 3 years to build it. Now that’s dedication! Jamir →About Jamir →