Updating my Watch Site for Algolia Support

/ / No Comments
Alright, so I was supposed to share this a bit quicker, but life, work, etc, kept me busy. I’ve had this particular change up for a few days but I’m just now getting around to blogging about it. What changes? Adding Algolia’s MCP to my Cursor environment Using Algolia’s MCP (what worked, what did not) Adding Algolia content as a scheduled service with Netlify Adding a basic search front end to I Watch Watches Before going on, be sure you’ve read the last piece where I talked about agentic development in general, and specifically how I built the site. If you don’t have a log, did it happen? I’ve been doing some work with different profiles and my Cursor... more →
Posted in: JavaScript Tagged with: , , , ,

Multimodal Support in Chrome’s Built-in AI

/ / No Comments
It’s been a few weeks since I blogged about Chrome’s built-in AI efforts, but with Google IO going this week there’s been a lot of announcements and updates. You can find a great writeup of recent changes on the Chrome blog: "AI APIs are in stable and origin trials, with new Early Preview Program APIs". One feature that I’ve been excited the most about has finally been made available, multimodal prompting. This lets you use both image and audio data for prompts. Now, remember, this is all still early preview and will likely change before release, but it’s pretty promising. As I’ve mentioned before, the Chrome team is asking folks to join the EPP (early... more →
Posted in: JavaScript Tagged with: , , ,

Add Squirrelly Support to Eleventy

/ / No Comments
I’m supposed to be on vacation but writing about Eleventy two days ago has got it fresh on my mind, also, I can’t pass up an opportunity to use "squirrelly" in a blog title. I subscribe to three or four different email newsletters related to web development. It’s fairly normal to see the same link shared among a few of them. Most recently an example of this was the Squirrelly library. This is, yet another, JavaScript template language and I thought I’d take a look at it in my spare time. Given that Eleventy makes it easy to add other template languages, how long does it take you to add support for it? Step One – Make Your Eleventy project # Technically... more →
Posted in: JavaScript Tagged with: , ,

(Don’t) Add BASIC Support to Eleventy

/ / No Comments
So yesterday I wrote up the process of adding the Squirrelly template language to Eleventy. It was, essentially, five minutes of work due to how well Eleventy supports adding custom languages. After writing it up, publishing it, and running some errands, a really bad and silly idea came to me… what if I added BASIC support to Eleventy? Way back in the Stone Age, my first computer language was Applesoft BASIC on an Apple 2e (or +, not sure). Just look at this rad machine and imagine it paired with a monochrome green monitor: By Bilby – Own work, CC BY 3.0, https://commons.wikimedia.org/w/index.php?curid=11119727 I wrote a lot of programs on that machine, most typed by hand from the... more →
Posted in: JavaScript Tagged with: , , ,

Using Netlify Edge and Blob Support to Investigate Website Traffic

/ / No Comments
For some time now, I’ve relied on my Netlify Analytics report to keep track of how well my site is doing, what content is popular, and so forth. I was a Google Analytics user for over ten years, but when they updated the UI, I saw red every time I tried to use it. Netlify Analytics is super simple and quick. (My only real complaint is that it’s limited to 30 days, but I’ve got free access to the feature so I’m happy to not care about that.) I complement Netlify Analytics with GoatCounter as well. Netify’s analytics show much more traffic than Goat, and I figure the truth is somewhere in the middle, and again, I’m fine with that. What’s odd though is that... more →
Posted in: JavaScript Tagged with: , , , , , , ,

Adding Form Participation Support to Web Components

/ / No Comments
Many years ago when the web platform began to really improve, when everything was "HTML5 this" and "HTML5 that", I remember being particularly excited by the updates to forms. I started my web career doing a lot of form processing and have always thought it was one of the more important aspects of the platform. Anything that improved that was a good thing. In my explorations of web components, I was ecstatic to discover that web components can be participants in forms. So what do we mean by that? What’s a Form Field? # Form fields have a number of different features, including: Including a name and value as part of the overall form. This is the bare minimum thing a... more →
Posted in: JavaScript Tagged with: , , , ,

MapLibre Adds WebGL2 Support

/ / No Comments
MapLibre GL JS v3 has been released. Version 3 of the popular mapping library includes significant improvements to Terrain 3D, support for WebGL2, new styling options and improved performance. MapLibre GL JS, a JavaScript mapping library that uses WebGL to render interactive maps from vector tiles and styles. MapLibre was founded in 2015 in reaction to the growing trend of proprietary mapping Maps Mania… more →
Posted in: Interactive Maps Tagged with: , , ,

Detect XR Support with JavaScript

/ / No Comments
A few years ago I wrote an article about how to detect VR support with JavaScript. Since that time, a whole lot has changed. “Augmented reality” became a thing and terminology has moved to “XR”, instead of VR or AR. As such, the API has needed to evolve. The presence of navigator.xr signals that the browser supports the WebXR API and XR devices: const supportsXR = 'xr' in window.navigator; I really like using in for feature checking rather than if(navigator.xr), as simply invoking that could cause some initialization to take place. In future posts we’ll explore identifying and connecting to different devices. The post Detect XR Support with JavaScript appeared... more →
Posted in: JavaScript Tagged with: , ,
1 2 3