Tessera
Folgen

Paul Kinlan

@paul.kinlan.me

Lead for Chrome Developer Relations at Google. Web Developer. Avid user of AI tooling. I live in the beautiful town of Rhuthun in North Wales. Learning Welsh and loving Wales. https://paul.kinlan.me/ and https://aifoc.us/

596 Posts2228 Follower601 Folgt
Frontend Dogma@frontenddogma.com · 2w ago

AI Assisted Web Development, by @bandarra.me (@paul.kinlan.me): https://aifoc.us/ai-assisted-webdev/?ref=frontenddogma.com #ai #processes

AI Assisted Web Development

AI assisted programming is becoming more and more frequent amongst developers. Its usage ranges from asking AI tools like Gemini and pasting answers into the IDE, to using AI as a glorified auto complete, to full on vibe coding, delegating most of the code written to AI agents. Models are getting…

aifoc.us

Paul Kinlan@paul.kinlan.me · 2w ago

Before I ran out of Fable usage, I was trying to create practical #webai demos for every model on @hf.co Check out paulkinlan.github.io/web-ai-showc... and some of my favourite demos: paulkinlan.github.io/web-ai-showc... paulkinlan.github.io/web-ai-showc... paulkinlan.github.io/web-ai-showc...

Web AI Showcase — find & run any model in your browser

Search 260+ interactive demos of AI models that run locally in your browser: transcribe speech, describe images, chat with an LLM, remove backgrounds, and more — no servers, no uploads.

paulkinlan.github.io

Paul Kinlan@paul.kinlan.me · last mo.

How might a Lighthouse testing tools work with LLMs and Agent harnesses. aifoc.us/how-might-a-... I had a lot of fun building this, and I think that this is one very useful and practical way web dev, loops and goals will change this year

how might a modern lighthouse work with large language models?

Lighthouse is one of the most successful developer tools we’ve ever shipped, and I say that as someone who is genuinely proud of the work the team has done on it. But something has gnawed at me for a ...

aifoc.us

Sam Goto@sgo.to · last mo.

I spent some time this morning playing with their endpoints ... I genuinely believe this is the first time that a google account and facebook account interoperate in an unified account chooser that websites can use to login to their websites.

BildBild
Sam Goto@sgo.to · last mo.

Facebook just recently exposed themselves as a FedCM IdP!! developers.facebook.com/documentatio... I think this is pretty awesome, including to the atproto ecosystem, because it one more step towards making IdPs interoperate with one another!

Paul Kinlan@paul.kinlan.me · last mo.

One of the best changes to HTML IMO in a long time. This API (well, maybe it's not an API) has the chance to change how we build sites - and it's an actual good use for the <template> element :D

Barry Pollard@tunetheweb.com · last mo.

The first part of Declarative Partial Updates (`<template for>` out-of-order HTML) is now available, unflagged, in Chrome 150!! developer.chrome.com/release-note... The second part (the new JS setting APIs, include the streaming ones) we're still working on the spec side, but maybe for Chrome 152?

Paul Kinlan@paul.kinlan.me · last mo.

I've built an extension for Pi that lets you communicate with a running instance of pi via discord, telegram, email and web hooks I'd love some early testers to help me with on-boarding and testing. You can reply or DM and I can send you the link.

Paul Kinlan@paul.kinlan.me · last mo.

Such a great example of integrating Chrome DevTools for agents in to your development workflow and how it can be used to speed up and automate some complex tasks developer.chrome.com/blog/p2er-ui...

How P2ER built a high-trust environment for agentic coding with Chrome DevTools for agents  |  Blog  |  Chrome for Developers

Learn how digital agency P2ER achieved a 10x increase in development velocity by implementing mandatory empirical UI verification using AI subagents

developer.chrome.com

Rik Schennink@rikschennink.com · last mo.

I wrote a small article explaining how to animate the <dialog> element using the View Transition API. The article also goes into Invoker Commands API and it concludes with some handy tips and tricks that improve the default behaviour of the <dialog> modal. pqina.nl/blog/animati...

Animating The Dialog Element Using View Transitions

In this article we look at animating the &lt;dialog&gt; element using the View Transition API. We’ll follow progressive enhancement so it’s only used when supported and when the user allows animations...

pqina.nl

Rik Schennink@rikschennink.com · last mo.

Dialog view transitions with invoker commands. 1. Intercept the "command" and "cancel" events. 2. Run startViewTransition(), in the callback move the view-transition-name from the <button> to <dialog> (and back). 3. Then call `showModal()` or `close()` to toggle the dialog.

Paul Kinlan@paul.kinlan.me · last mo.

Is Deno Deploy essentially a dead product now? Migration happening, docs are out of date, I've got two support tickets with 0 progress on in over 24 hours.