Raymond is a developer evangelist for Adobe. He focuses on APIs, AI, the web platform, and enterprise cat demos.

Latest Posts

Using Generative AI to Parse Web Pages into Data

A few months back, I took a look at using JSON-LD to turn a recipe web page into pure data: Scraping Recipes Using Node.js, Pipedream, and JSON-LD. This relied on a recipe actually using JSON-LD in the header to describe itself, which is pretty common for SEO purposes. Still, I was curious as to how well generative AI could solve this problem. In theory, this could be a good 'backup' in cases where a site wasn't using JSON-LD and a general exploration of 'parsing' a web page into data. I'll be using Google Gemini again, but in theory, this demo would work in other services as well. Here's what I found.

Counting Words with Intl.Segmenter

Yesterday, I gave my presentation on Intl, the browser's built-in support for internationalization. I've been using this for a while now, but while researching the spec for my presentation, I ran into multiple cool aspects of it I wasn't aware of. One feature I thought was particularly interesting was the Segementer object. MDN's description is nice and succinct:

Executing Dynamic Code in a Reveal.js Presentation

Please take what follows with a Titanic-sized grain of salt and do your best not to do what I did, but despite that, I thought this little hack was interesting and I figured I'd share it anyway. I typically use Reveal.js for my presentations, especially when talking about the web platform, as it makes it easy to do slides and demos, all in my browser.

Links For You (11/11/2024)

The last seven days have been... difficult. I don't think I need to go into why (even for my non-American readers), but I am doing my best, as are a lot of people, to take things day by day. Honestly, as a white hetero man, I'm not so much worried for myself, but I'm deeply concerned about my family and friends who are LGBTQ+ and other minorities. I don't talk a lot about my children here as I want to ensure their privacy is maintained, but seven of my kids are adopted and Asian and my usual worry for them has risen quite a bit.

Adding Translation with a Web Component and Chrome AI

A few days ago, I blogged about using Chrome's built-in generative AI features (which are still super duper too early to even consider for production) to add on-device translation capabilities to a web app. It got me thinking, what if we could do translation automatically via a web component? If for some reason it failed, that would be fine as the original text would still be there, but in cases where it could work, it would be automatic. Here's what I built.

Want more posts? You can peruse a complete list of my content, or pop over to my search page to find what you're looking for.