WebDev Weekly - Issue 61
This week we've got 10 links from around the Internet. We've got a piece of the <geolocation> HTML element, which offers a newer interface for geolocation APIs. The 2026 state of CSS survey is out - I'm slightly sceptical of some of the results here, particularly around AI usage - perhaps we're seeing a bit of bias from those most likely to complete the survey? I quite liked the Is Agentic tool from Vercel, which looks like a wrapper for Ora.ai. It scans your website to score it for agent readiness. Some of it is obvious, but some of it was new to me. Check it out below.
Articles
-
A look at the <geolocation> HTML element and how it works
piccalil.li
There’s a new HTML in town that provides a much better interface for geolocation than the older API. Daniel Schwarz is here to explain how it all works together.
-
State of CSS 2026
2026.stateofcss.com
The year's big community survey (4,902 respondents): anchor positioning tops both the loved and can't-use-yet lists, and only ~28% of respondents' CSS is AI-generated. I'm pretty sure that is due to change.
Tools
-
Compare two JSON strings, and see a diff
alltoolsverse.com
JSON Diff. Compare two JSON values and see exactly what changed, by path. Free, runs in your browser, nothing uploaded.
Tutorials
-
Delayed-Then-Instant Tooltips with HTML & CSS Alone
blog.master.dev
We don't NEED JavaScript to adjust tooltip timing displays. Super modern CSS and HTML has this covered simply, and we can do fully successful fallbacks.
-
Timing Charts: A Blueprint For SMIL Animations — Smashing Magazine
smashingmagazine.com
Discover SMIL, the often-overlooked way to animate SVGs that works inside
<img>tags and can fully animate everything in an SVG without JavaScript. -
Keyboard Shortcuts That Display The Correct Modifier Key per OS
blog.master.dev
Websites often hardcode keyboard shortcuts for Mac (⌘) while neglecting Windows, Linux and other users, leading to confusion.
AI
-
What is a Harness?
earendil.com
An agent harness is a piece of software that provides an environment for an AI model to operate within.
-
The New MCP Roadmap
blog.modelcontextprotocol.io
An update on the Model Context Protocol roadmap and focus areas for upcoming specification releases.
-
Figmimic - A bookmarklet to copy any webpage into Figma as editable layers
marcua.net
Figmimic is a bookmarklet that captures the current web page and copies it to your clipboard as Figma frames. Pasted frames are editable, not flat screenshots. Open Figma and paste it in.
-
Is Agentic: AI Agent Readiness Score for your Site and App
is-agentic.com
A tool from Vercel. Score how ready a website is for AI agents, then get evidence and recommendations to improve it.