@layer) aim to ease this task.
The Future of CSS: Cascade Layers (CSS @layer)
The Future of CSS: Cascade Layers (CSS
Support Import Maps in any browser with es-module-shims
JavaScript Import Maps – which I wrote about earlier here — are a great addition to the web. Unfortunately they’re only supported in Chromium 89+. Thankfully there’s a polyfill available: es-module-shims. As long as your browser has baseline ES Module Support (Chrome 61+, Firefox 60+, Safari 10.1+, and Edge 17+) the polyfill will work. To …
Continue reading “Support Import Maps in any browser with es-module-shims“
Maestral — Open source Dropbox Client
Maestral is a lightweight Dropbox client for macOS and Linux. It provides powerful command line tools, supports gitignore patterns to exclude local files from syncing and allows syncing multiple Dropbox accounts. Haven’t tested it myself, but the fact that Frank uses it gives me great trust. Maestral →
Chrome is the new Safari. And so are Edge and Firefox.
Niels Leenheer also shares his views on the whole “all browsers on iOS are WebKit because Apple says it needs to be”-thing: Apple requires browsers to use WebKit. In fact, it must use the system-provided WebKit framework. Even though WebKit is open-source, you can’t modify or improve that version and use that in your app. …
Continue reading “Chrome is the new Safari. And so are Edge and Firefox.”
Don’t attach tooltips to document.body
Very good performance deep dive on why you shouldn’t attach tooltips to document.body, but to a div that’s a direct child of the <body>. Tooltips in our app were taking >80ms. And during this time, the main thread was blocked, you couldn’t interact with anything. The main reason for the slowness of Tooltip was “Recalculate …
Pollen — Functional CSS for the future
Interesting: a CSS library that only provides you with CSS Custom Properties to use in your own CSS: Pollen is a library of CSS variables for rapid prototyping, consistent styling, and as a zero-runtime utility-first foundation for your own design systems. Heavily inspired by TailwindCSS. Pollen →
Prevent content from being hidden underneath the Virtual Keyboard by means of the VirtualKeyboard API
The World of CSS Transforms
Another excellent post by Josh W. Comeau, this time covering CSS Transforms. In this blog post, we’re diving deep into the transform property. I’ll show you some of the cool and unexpected things you can do with it! As per usual, the post is packed with interactive playgrounds for you to try things out. The …
Talking to the Competition and Markets Authority about Browser Choice on Apple’s iOS
I you want to get the summary about browser choice on iOS, Stuart Langridge has got you covered: Last week I sat down with the UK Competition and Markets Authority, the regulator, to talk about browser choice on Apple devices, and whether the claims that limiting choice is good for security and privacy actually hold …
Using Saliency in progressive JPEG XL images
At Google, they’ve worked out a new way to progressively enhance images: When delivering images over the web, it is now possible to organize the data in such a way that the most salient parts arrive first. Ideally you don’t even notice that some less salient parts have not yet arrived, because by the time …
Continue reading “Using Saliency in progressive JPEG XL images”