Henry Lim

GitHub - lala-hakobyan/front-end-debugging-handbook: A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a com... A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a complete suite of tools, from Chrome DevTools and fra...

Ever wanted a comprehensive guide to DevTools and debugging front ends? Check out this ebook that Lala Hakobyan just launched:

github.com/lala-hakobya...

I’m impressed!!

Maybe it's because of the EU Accessibility Act and the fact that companies are looking to hire consultants?

the best neighborhood 🥹😍

Picture of Google office entrance

🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔

Geolocation Element Demo

Less JavaScript, more HTML.

The new <geolocation> HTML element handles permission states and blocked permission recovery for you. Just add the tag, listen for the location event, and let the browser handle the rest→ goo.gle/4pPXZFK

`@font-feature-values` was the foot in the door apparently, interesting

una.im | border-shape: the future of the non-rectangular web Learn about new geometry capabilities with this game-changing experimental CSS feature.

I've been experimenting with an upcoming CSS feature called border-shape lately.

It's really cool what you can do with it: lots of practical applications + it opens a lot of doors for non-rectangular UIs!

Try it in Canary w/experimental web platform features on, & read more:

una.im/border-shape

Example code showing `view-transitions-mock` usage.

You can stop sprinkling `if (document.startViewTransition)` guards across your codebase now, because `view-transitions-mock` is here!

github.com/GoogleChrome...

🎉🎉🎉

i am using safari 🫣😬

my favorite website! (super useful when trying to open captive login portal lol)

Building the most inaccessible site possible with a perfect Lighthouse score - Manuel Matuzovic An experiment that proves that automatic accessibility testing is only a first step and that manual testing is vital.

I had to update my blog post from 2019 because Lighthouse has been lowering the score if best-practice rules aren’t met. Specifically, it complains about the absence of a main landmark. I added it, now my score is perfect again. 👍

www.matuzo.at/blog/buildin...

Excuse me, is there a problem? Many startups fail despite identifying a real problem and building a product that solves that problem. This explains why, so you can avoid their fate.

For startups, it’s not that “the idea doesn’t matter,” of course it does.

The point is that the idea is not 𝘦𝘯𝘰𝘶𝘨𝘩, and that all the rest of it is 𝘮𝘶𝘤𝘩 𝘩𝘢𝘳𝘥𝘦𝘳, so it’s useful to focus on those other things.

Specifically:

Good news folks frontend devs are safe because

*checks notes*

Three sets of variables is too much variables.

Still fascinating how many global sites that load fast elsewhere still stall inside China.

40-60% of visitors time out, with pages taking 18sec+ vs 2sec.

Sharing the State of China Web Perf Report 2025. Benchmarks, root causes, & what improves after optimization. insights.chinafy.com #china

yay for more performance-related features 🙌

What's new in DevTools (Chrome 145)  |  Blog  |  Chrome for Developers Short description

Chrome 145 is rolling out now! ✨ It's been a Product Excellence milestone for DevTools but we’ve landed some great updates like Soft Nav markers, line-level profiler timings, and the new Render blocking column in the Network panel 📬 Read the full breakdown here: developer.chrome.com/blog/new-in-...

Overview of the CSS code from the provided link

💡 CSS Tip!

Have you ever tried to use "auto" within clamp()? Unfortunately, it doesn't work, but it's now possible using the new calc-size()!

css-tip.com/clamp-auto/

The same applies to all the sizing values (min-content, max-content, fit-content, etc.)

WOHOOOO DEUTSCHEBAHN IS USING PASSKEY TOO 🎉😍

This wasn't on my bingo card 😅

@zapata131.bsky.social

i wan this now

The CSSWG just resolved to add this to the spec 🥳

github.com/w3c/csswg-dr...

<meta name="text-scale" content="scale" />

So there's a new meta element arriving in town (Chrome Canary first)? 👏

www.joshtumath.uk/posts/2026-0...

firebug debugging tool logo: a orange and dark brown firebug. Firebug: web development evolved.

🎂 19 yrs ago on this day, the legendary FireBug v1.0 launched, and had significant impact enabling debugging of a webpage in ways many had not seen. Here's the original blogpost:
web.archive.org/web/20070129...

a wild linux (penguin plushie) standing on the iceberg

a floating iceberg in the middle of Elbe river

Curious Germans witness washed-up icebergs along the banks of the Elbe River

Some iceberg situation in Northern Germany (Geesthacht) 🥶🧊🐧

www.straitstimes.com/world/europe...

ship to paketshop is somehow faster

I just merged the code change for this. We'll now have new Device Memory API limits from Chrome 146 and other Chromium-based browsers:

- Android: 2, 4, 8
- Others: 2, 4, 8, 16, 32

Replacing the old values of 0.25, 0.5, 1, 2, 4, 8 which have grown outdated.

Next up, updating MDN documentation...

Speculation rules generator Build a speculation rules JSON script with the rules generator

Lovely Speculation Rules Generator tool I somehow missed before:
www.corewebvitals.io/tools/specul...

A collection of 88x31 buttons/badges covering an assortment of topics. They include: - 'No Fascism / No Bigotry' badge with crossed-out swastika - 'Link Freely' badge with chain links - 'Built with Origami' badge - 'Hypertext Markup Language' badge - '<HTML/>' badge - 'Made with CSS' badge - '.CSS {}' badge - 'CSS is my passion' badge - 'Tailwind' badge - 'Bootstrap' badge - 'CSS > JS' badge - 'Contains ECMAScript' badge - 'JS()' badge - Rainbow 'Progressively Enhanced' button - 'Bluesky' badge - 'Codeberg' badge - 'GitLab' badge

I've been putting together a collection of web badges/buttons after being nerd sniped by @strange.website.

I plan to make a great deal more, but these are what I've got so far.

vale.rocks/portfolio/88...

#88x31 #WebBadges #IndieWeb #SmallWeb

Merge unplugin-vue-router by posva · Pull Request #2603 · vuejs/router This merges unplugin-vue-router into vue-router with minimal breaking changes. The goal is to release a v5 that is the closest possible to vue-router 4 to ease migration, then release a v6 that has...

Vue Router 5 is on its way with file based and type safe routing (unplugin-vue-router) as part of the core package
Check github.com/vuejs/router... and give it a try!

I’ve said it before and I’ll say it again: this API is so good! 🤤

Now Baseline Newly Available too!

YouTube video by DebugBear Analyze the critical rendering path with the network dependency tree

What is the critical rendering path of your website, and how do you optimize it?

My new video explains how browsers load key resources needed to display page content and how to use the Lighthouse network dependency tree to analyze request chains.

www.youtube.com/watch?v=Yf4i...