Continue reading “CSS Shape Path Editor extension for Chrome DevTools”
CSS Shape Path Editor extension for Chrome DevTools
imgproxy: fast and secure on-the-fly image processing
In the previous post on AVIF, the folks at Evil Martians, also talked about imgproxy — their standalone server for resizing and converting remote images. It looks like a pretty amazing product, allowing you to run your own imgix-like service, warranting this separate post about it. imgproxy can be used to provide a fast and …
Continue reading “imgproxy: fast and secure on-the-fly image processing”
Decoding AVIF: Deep dive with cats and imgproxy
If you’ve ever wondered how the AVIF Image Format works, this detailed post has got you covered. Strap in tight, as we will start with some history and go deep into how modern codecs work, so this is not a quick read. Decoding AVIF: Deep dive with cats and imgproxy →
Tint User-Interface Controls with CSS accent-color
CSS accent-color from the CSS UI specification is here to tint elements with one line of CSS, saving you from customization efforts by providing a way to bring your brand into elements. The CSS for the screenshot above is this: input { accent-color: hotpink; } 💡 You can also set this declaration onto form, as …
Continue reading “Tint User-Interface Controls with CSS accent-color”
Web Terminology: Site vs. Origin
With this tool you should be able to (better) grasp the difference between the term SameSite and SameOrigin The concepts of Origin and Site may be confusing, yet they are important because browsers make security decisions based on the fact whether two interacting contexts are in the same origin or in the same site. In …
Miniature Calendar by Tatsuya Tanaka
I love these diorama-style miniatures using everyday items by Tatsuya Tanaka. He’s been creating them ever since April 2011. Broccoli and parsley may sometimes look like a forest of trees, and tree leaves floating on the surface of water may sometimes look like little boats. Everyday occurrences seen from a miniature perspective can bring us …
Why WebKit supports AVIF but Safari does not
Jon Henshaw, writing for Coywolf: WebKit added support for the AVIF image format in April 2021, but it’s still unavailable in Safari. Its absence is because Apple chose an unconventional method for decoding images in its browser. Long story short: Safari does not decode images using WebKit — its underlying rendering engine — but delegates …
Continue reading “Why WebKit supports AVIF but Safari does not”
Helvetica® Now Variable
CSS Container Queries: Chrome DevTools Support
Support for Container Queries has landed in Chrome DevTools (Chrome 93). Let’s take a look at what this feature brings us today …
Dune Trailer
Coming late October; Pretty excited about it as it’s directed by Denis Villeneuve (Sicario, Blade Runner 2049, Arrival, …) and features Timothée Chalamet (Call Me by Your Name, Beautiful Boy, …). Although subtle at times, the Teal and Orange is very present in this one …