Chrome 88 now supports clip-path: path(). Now all the major browsers support the rule. Demo of using clip-path: path(...) on CodePen.IO to create a pop-out effect codepen.io/ainalem/full/Q…

Ininterested an internship at Apple working on WebKit or related tech? Some of the areas of opportunity: - DOM & Web APIs - Layout & Rendering - 3D Graphics - Security & Privacy - Web dev tools - Media - JS VM - HTTP stack DM if interested. RTs appreciated.

It’s been ten years since I pushed the first release of D3.js to GitHub. Have I learned anything? I hope so… but it’s a journey. observablehq.com/@mbostock/10-y…

Curious what CSS/JS/DOM features are now widely available? I made a lil webapp a few years ago based on Can I Use... data to help visualize. paulirish.github.io/web-feature-av… There's some surprisingly 'new' features with >90% support.

PageSpeed Insights now includes Lighthouse's element screenshots! goo.gle/psi Find your page's most important elements even more quickly; click on the screenshot to reveal the element in the context of the whole page 🔎🖼

9 years ago, Panic put out Coda and its video tour became one of my web design favorites. As the 24fps video played, it was smoothly repositioned with 60fps CSS 3D transforms. Layers panel gives a nice behind-the-scenes.

Announcing WAYFINDER—a relaxing 'art game' in your browser that combines illustration, procedural generation, and computational poetry. 🍃 Produced by National Film Board of Canada. Explore an animated landscape to recover nature's lost memories and build Haiku-like poems. 👉 wayfinder.nfb.ca

Want to view the source of a Chrome extension or Firefox add-on before installing? robwu.nl/crxviewer/ is the tool for the job. Indispensable.

Introducing Lighthouse for user flows: drive your page with a Puppeteer script and have Lighthouse measure and audit performance at every step: web.dev/lighthouse-use…

Ever write a long-ass Google Docs comment and then accidentally hit Cancel?🤦 Not all is lost. DevTools heap snapshots to the rescue! DevTools > Memory panel > Take snapshot. Expand the (string) item and peruse down the list. With luck, you'll find it.

So um... according to my forgotten deviantart profile, there was an amazing trend in 2012 of… ✨browser ponies✨ 😍 deviantart.com/paulirish/favo…

Just improved the Lighthouse performance score of datasette.io from 51 to 93 by swapping the YouTube embed on the homepage for github.com/paulirish/lite… by Paul Irish Here are the before and after reports - further details in this issue: github.com/simonw/dataset…

There have been a LOT of recent developments in the world of web performance and Core Web Vitals that are being showcased at Google I/O this week. Here's a rundown of the highlights, so you don't miss anything 👇

Gorgeous, smooth, juicy web game. And wildly fun.

Yeah, fuuuuck this. You can find me on mastodon. I'm not gonna hang out on Parler 2.0

Today, Chrome DevTools forever changed the way we approach performance optimizations.