Advertisement · 728 × 90

Posts by Eric Portis

The Attack: How it works Every time you open LinkedIn in a Chrome-based browser, LinkedIn’s JavaScript executes a silent scan of your installed browser extensions. The scan probes for thousands of specific extensions by ID, c...

When I was working on the responsive image client hints, we talked about fingerprinting as an abstract threat.. it’s really something to read through a thorough breakdown of a big, real example: browsergate.eu/how-it-works/

1 day ago 1 1 1 0
Preview
More Projects Please We’re actively seeking new UX design, UI design or hybrid creative/development challenges to solve.

Over the past 19 years, my team @cloudfour.com have shared over 600 articles and resources with the #WebDesign community, absolutely free.

But now, our design practice is in danger without your help. Please read and share: cloudfour.com/thinks/more-...

#OpenToWork #UXDesign #UIDesign

4 days ago 36 34 0 5
A tablet displaying the landing page for 'The Layout Maestro,' a practical CSS course by Ahmad Shadeed. The desk setup includes a cup of coffee, colorful pencils, and LEGO pieces, creating a bright and creative atmosphere.

A tablet displaying the landing page for 'The Layout Maestro,' a practical CSS course by Ahmad Shadeed. The desk setup includes a cup of coffee, colorful pencils, and LEGO pieces, creating a bright and creative atmosphere.

After a year of building, The Layout Maestro is officially live! 🎹🥳

An interactive CSS course that teaches you how to think in CSS layouts. 70+ lessons, 7 layouts, 150+ interactive demos!

Ready to level up your layout skills? Enroll now👇:
thelayoutmaestro.com

1 week ago 131 39 4 7
Preview
Introducing Acorn: Community Infrastructure That Grows With You Featured image: Emergence by Paul Lewin

Blacksky is excited to announce Acorn, a platform for growing and managing communities on decentralized infrastructure.

blackskyweb.xyz/introducing-...

1 week ago 773 246 8 42
Post image Post image Post image Post image

Try the latest <color-input> concept:

⚓️ anchor() progressive enhancement
🤖 workers for color compute
🙈 new animations & interactions
🎨 gamut boundaries, mapping, stretching
☯️ contrast scores
& much more

nerdy.dev/rfc-latest-c...

1 week ago 86 13 7 2

*WebKit, not Safari, but you already knew that

1 week ago 0 0 0 0
Mat “Wilto” Marquis (@Wilto@front-end.social) anyway we take you now live to the office of the former Chair of the RICG, current Chair of the `sizes` Attribute Writing Haters Community Group of America LLC https://www.youtube.com/watch?v=QsbSX32...

Hit it, lil' bunny dude front-end.social/@Wilto/11152...

1 week ago 1 2 1 0
310025 – Add support for HTMLImageElement's sizes=auto

ICYMI, patches implementing <img sizes=auto> landed in both Gecko and Safari late last week.

bugs.webkit.org/show_bug.cgi...
bugzilla.mozilla.org/show_bug.cgi...

1 week ago 2 1 1 0
A screenshot of the video section of the HTML standard, now containing the loading attribute, a new addition

A screenshot of the video section of the HTML standard, now containing the loading attribute, a new addition

Spec proposal merged.
HTML video and audio lazy loading is now a web standard.
github.com/whatwg/html/...
html.spec.whatwg.org#the-video-el...
html.spec.whatwg.org#the-audio-el...

1 week ago 146 33 6 1
Screenshot of a Markdown file's frontmatter. It reads:

title: The End of Responsive Images
lede: You do (not) need `sizes`.

Screenshot of a Markdown file's frontmatter. It reads: title: The End of Responsive Images lede: You do (not) need `sizes`.

One last job.

1 week ago 16 1 4 0
Advertisement
Preview
The Shape of Friction · Matthias Ott Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

✍️ New post: The Shape of Friction

I wrote a short blog post reply to @davatron5000.bsky.social’s recent post (👏) about generative AI, friction, and people.

matthiasott.com/notes/the-sh...

1 week ago 89 28 4 9
sizes=auto needs to be explicit on timing · Issue #12204 · whatwg/html What is the issue with the HTML Standard? https://html.spec.whatwg.org/#reacting-to-dom-mutations:allows-auto-sizes has the following text to decide when sizes=auto should trigger a load: If the el...

Did you run into github.com/whatwg/html/..., or do you have any input on it?

1 week ago 0 0 1 1

Hero of the first movie coming back in the third for one last job.

1 week ago 4 0 0 0
1819581 - Implement auto-sizes for lazy-loaded images RESOLVED (ltenenbaum) in Core - DOM: Core & HTML. Last updated 2026-03-20.

Resolved FIXED 💪🏻 bugzilla.mozilla.org/show_bug.cgi...

1 week ago 4 0 1 0
SPDY STREAM 024 | The JPEG XL with Jon Sneyers of Cloudinary
SPDY STREAM 024 | The JPEG XL with Jon Sneyers of Cloudinary YouTube video by Henri Helvetica

> In the end [JPEG XL] is just a codec and the the main purpose of it is to allow you to forget that there *is* a codec – and to just use images. For me [codecs are] very interesting at the technical level, but the goal is to just make images work seamlessly.

www.youtube.com/watch?v=3t2w...

2 weeks ago 1 1 0 1

personalsit.es/random

3 weeks ago 4 1 0 0
Code example showing the usage of Temporal.ZoneddateTime

```js
// London DST starts: 2026-03-29 01:00 -> 02:00
const zdt = Temporal.ZonedDateTime.from(
  "2026-03-29T00:30:00+00:00[Europe/London]",
);

console.log(zdt.toString());
// → "2026-03-29T00:30:00+00:00[Europe/London]"

const plus1h = zdt.add({ hours: 1 });

console.log(plus1h.toString());
// "2026-03-29T02:30:00+01:00[Europe/London]" (01:30 doesn't exist)
```

Code example showing the usage of Temporal.ZoneddateTime ```js // London DST starts: 2026-03-29 01:00 -> 02:00 const zdt = Temporal.ZonedDateTime.from( "2026-03-29T00:30:00+00:00[Europe/London]", ); console.log(zdt.toString()); // → "2026-03-29T00:30:00+00:00[Europe/London]" const plus1h = zdt.add({ hours: 1 }); console.log(plus1h.toString()); // "2026-03-29T02:30:00+01:00[Europe/London]" (01:30 doesn't exist) ```

Temporal is now Stage 4 at TC39 🎂🎂🎂

Thanks to all the other champions of JavaScript's new date-time API. It has been a wild ride over many years!

I wrote a blog post explaining how we got here 📜

bloomberg.github.io/js-blog/post...

3 weeks ago 345 82 20 16
Advertisement
The concept of a "picture element" dates to the earliest days of television, for example as "Bildpunkt" (the German word for pixel, literally 'picture point') in the 1888 German patent of Paul Nipkow. According to various etymologies, the earliest publication of the term picture element itself was in Wireless World magazine in 1927, though it had been used earlier in various U.S. patents filed as early as 1911.

The concept of a "picture element" dates to the earliest days of television, for example as "Bildpunkt" (the German word for pixel, literally 'picture point') in the 1888 German patent of Paul Nipkow. According to various etymologies, the earliest publication of the term picture element itself was in Wireless World magazine in 1927, though it had been used earlier in various U.S. patents filed as early as 1911.

I'm trying to think of anything as old and fundamental to digital imaging as the 1931 color matching functions. Maybe the idea of a "pixel"?

3 weeks ago 0 0 0 0
Color matching functions are mathematical representations of the sensitivity of the human eye to visible light, characterizing how humans perceive color. Apple has developed Apple CMF 2026 to address the limitations of the CIE 1931 CMF, and Studio Display XDR is the first Apple display to support it. Apple CMF 2026 represents a fundamental improvement in how displays are measured and calibrated, addressing systematic appearance mismatches that have persisted throughout the industry. Apple is engaged in standardization efforts through the International Commission on Illumination (CIE) to develop and define an industry-wide standard, improving visual consistency regardless of which manufacturer's display a customer is viewing.

Color matching functions are mathematical representations of the sensitivity of the human eye to visible light, characterizing how humans perceive color. Apple has developed Apple CMF 2026 to address the limitations of the CIE 1931 CMF, and Studio Display XDR is the first Apple display to support it. Apple CMF 2026 represents a fundamental improvement in how displays are measured and calibrated, addressing systematic appearance mismatches that have persisted throughout the industry. Apple is engaged in standardization efforts through the International Commission on Illumination (CIE) to develop and define an industry-wide standard, improving visual consistency regardless of which manufacturer's display a customer is viewing.

'Twas a time when there was nothing about the lower-levels of the web stack that Google couldn't re-think and push to the whole industry. This is the Apple-iest possible version of that. Hope it's more QUIC than AMP. Or maybe it's just tiny tweaks? I'm so curious! www.apple.com/studio-displ...

3 weeks ago 1 0 2 0

“chocolate” disgusts me

4 weeks ago 2 0 0 0
Scan from an old typeset paper. It reads,

Explanation ov a New Formula for Interpolation. By T. B. Sprague, M.A., Manager ov the Scottish Equitable Life Assurance Society.

When a series ov quantitys proceed by a regular law, ther is no difficulty in interpolating between each ajacent two ov them any number ov terms with any desired degree ov accuracy.

Scan from an old typeset paper. It reads, Explanation ov a New Formula for Interpolation. By T. B. Sprague, M.A., Manager ov the Scottish Equitable Life Assurance Society. When a series ov quantitys proceed by a regular law, ther is no difficulty in interpolating between each ajacent two ov them any number ov terms with any desired degree ov accuracy.

Chart showing the results of my implementation. We see some black points with random-ish y values but evenly spaced along the x axis, joined by different colors of line. The lines all connect their two points smoothly before curving up and down to positive/negative infinity.

Chart showing the results of my implementation. We see some black points with random-ish y values but evenly spaced along the x axis, joined by different colors of line. The lines all connect their two points smoothly before curving up and down to positive/negative infinity.

Implementing some old math... you know the math’s good when the paper describing it opens like the Declaration of Independence *and* they didn't know how to spell.

4 weeks ago 0 0 0 0

It heard you perform better that way.

4 weeks ago 0 0 1 0
Preview
Build Awesome Seamless collaboration, professional-grade tools, and beautiful templates all in one place.

The ’possum is running wild: Eleventy is becoming Build Awesome.

Same open source core, a much bigger future. Watch our video and support us on Kickstarter: www.kickstarter.com/projects/fon...

1 month ago 62 17 11 11
Preview
DaisyDisk, the most popular disk space analyzer Get a visual breakdown of your disk space in form of an interactive map, reveal the biggest space wasters, and remove them with a simple drag and drop.

I think that's daisydiskapp.com

1 month ago 1 0 1 0
OKLCH picker that warns about extreme colors

A fun thing about the OKLCH color space is that it's easy to specify colors that are impossible to see or create. “Imaginary” colors; purely mathematical constructs that don't represent anything about the human experience of vision. Fun! observablehq.com/d/af510b6715...

1 month ago 3 0 2 0

- Self-referential systems
- Rule of Threes

1 month ago 2 0 0 0
Advertisement
⚙ D281911 Bug 1819581 - Implement auto-sizes for lazy-loaded images. r=edgar!,#layout-reviewers!

In all of my (dashed) excitement about getting sizes=auto into Interop I'd missed that Vincent Hilla over at Mozilla submitted a Gecko patch! phabricator.services.mozilla.com/D281911

Needs significant revision; might have revealed the need for some spec clarifications; GREAT NEWS

1 month ago 3 0 1 0
OpenTabletDriver

My (cracked-screen, 12-year-old) Wacom Cintiq received its last driver update in June, and Wacom won't make it work with Tahoe or any future macOS. Boo!

But! Today! I Found! opentabletdriver.net

Here's to another 12

1 month ago 1 0 0 0

vibecoding in 1814 like, o'er the ramparts we watched; the Lso'C streaming

1 month ago 0 0 0 0
Screenshot of the bsky.app posting interface. I am trying to post a reply that says "surely you have considered the Very Tall Image". But there's an error: "Failed to execute createImageData on CanvasRenderingContext2D: the source width is zero or not a number.

Screenshot of the bsky.app posting interface. I am trying to post a reply that says "surely you have considered the Very Tall Image". But there's an error: "Failed to execute createImageData on CanvasRenderingContext2D: the source width is zero or not a number.

bsky.app won't let me post a 65,500-pixel-tall PNG, apparently, because bsky.app is a cop.

1 month ago 1 0 1 0