Shipping JPEG XL in Chrome
JPEG XL offers better compression than JPEG, built-in HDR support, lossless JPEG transcoding, and more.
Posts that commenters keep linking to, ranked by how many different people have cited them in Hacker News comments. 324 posts.
JPEG XL offers better compression than JPEG, built-in HDR support, lossless JPEG transcoding, and more.
A font that's only 2px tall, and somewhat readable! Uppercase and lowercase have some different variants, in case you find one more readable than the other. Numbers (sort of) and some punctuation marks are included.
A guide to visual aesthetics, written by a nerd
What makes UI engineering difficult?
All in all, I liked what I saw at this year's WWDC keynote. Until Apple showed the new user interface of Safari 15.
Our app was mysteriously using 60% CPU and 25% GPU on my M2 MacBook. It turned out this was due to a tiny CSS animation! In this post, I show how to find expensive animations, why some are so expensive, and how to make many animations much cheaper. Along the way, we'll learn how the browser renders CSS animations and…
Play the Chrome dinosaur game online, free and without installing anything. Jump the cacti, duck the pterodactyls, add your score to your country and challenge friends in a battle.
Monet’s paintings evoke a sense of energy and life, they leap off the canvas with color and contrast, but Monet somehow managed to avoid using the color black for nearly his entire painting career. By avoiding black in your own designs, you can replicate some of this dynamism. Monet and Other Impressionists Explored…
The first long-term support release in 5.x series. Supported until July 2028.
There’s a lot of fantastic research into 2D graphics rendering these days. Petr Kobalicek and Fabian Yzerman have been working on Blend2D , one of the fastest and most accurate CPU rasterizers on the market, with a novel JIT approach. Patrick Walton of Mozilla has explored not just one, but three separate approaches…
2015/03/12: Back online after Reddit and Slashdot killed my bandwidth with 30,000 visits in the last hours. Followed by HN. 2015/03/11: Update with …
An interactive guide to understanding SVG paths and path commands.
I have often been asked to distill the vast corpus of user interface design into a few key principles. While I was reluctant to do this, it turned out to be a good exercise to write “Golden Rules,” that are applicable in most interactive systems. These principles, derived from experience and refined over three…
A deep dive into Adaptive Projections, a novel way to make interactive maps more accurate without compromises to user experience or rendering quality.
Matthias Müller-Prove, Innovative Benutzungsschnittstellen, 1998/99, University of Hamburg
The Floppy Disk Icon means 'save' for a whole generation of people who have ...
Australis in Firefox on Linux, Mac, and Windows A very exciting set of changes is landing in Firefox Nightly. We’ve been calling the project Australis, but, simply, it’s the next ...
Once upon a time, a frontend ticket landed on my queue which was not properly mine, but the only other Arabic reader on the team was on leave. It went roughly as follows; a block of mixed-content Arabic prose on the …
This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.
The problem with z-index is that very few people understand how it really works. It’s not complicated, but it if you’ve never taken the time to read its specification, there are almost certainly crucial aspects that you’re completely unaware of.
Articles and Podcasts on Customer Service, AI and Automation, Product, and more.
I recently made a physical object that defies all intuition. It’s a square of acrylic, smooth on both sides, totally transparent. A tiny window.
A look into the rising trend of technology companies creating or commissioning typefaces for their exclusive use.