Late last week, I was very delighted to see that Chromium will start prototyping with CSS Toggles, a proposal currently only available as an Unofficial Draft, authored by Tab Atkins and Miriam Suzanne (who else?!). CSS toggles are a mechanism for associating toggleable state with a DOM element. This state can be defined and connected …
Tag Archives: link
30 Days of PWA
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 …
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 …
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 …
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 …
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 →
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 …
Create animated GIFs of your code with Recoded
Like Carbon or Ray, but the output is an animated GIF. Beware though: the generated GIFs are HUUUUUGE. The embedded animation above originally was a 14MB GIF. Converted to an MP4, it’s only 163kB. Recoded →Recoded Source (GitHub) → Via Joan Léon