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 …

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 …

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 …

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 …

Those HTML Attributes You Never Use

Over at Smashing Magazine, Louis Lazaris covers a few of the lesser known HTML attributes: The enterkeyhint Attribute For Virtual Keyboards The title Attribute On Stylesheets The cite Attribute For The <blockquote> And <q> Elements Attributes For Custom Ordered Lists The download Attribute For The <a> Element The decoding Attribute For The <img> Element The …

CSS color-contrast() – Target Contrast Ratio Demo

Nice demo by Daniel Yuschick, showing how color-contrast() does its thing. Using the controls you can change the target contrast using a keyword or a custom value. Good use of Custom Properties there as well! 👨‍🔬 To check this demo you’ll need Safari Technology Preview 122+ with the CSS color-contrast() Experimental Feature enabled.