Working with Pasted Content in JavaScript

This began as me wanting to build an Alpine.js application that handled pasted input, but I realized before I looked into handling this with Alpine, it made sense to start with basic vanilla JavaScript at first. I’ve worked with the clipboard before, mainly storing information to it, but this was the first time I looked at handling input from the clipboard. The web platform handles it rather nicely, but as with most things, there are a few interesting things you need to be aware of. Here’s what I found. Listening To the Event # The first thing you need to do is actually listen to the event. While you probably listen on a part of a DOM, it made the most sense to me to listen at the... more →
Posted in: JavaScript

Working with the Storage API

Earlier this year at WWDC, Apple announced a whole set of new features coming to Safari in version 17. While that is not out yet, it’s still a pretty large set of updates. I’ve not been shy about my view that Safari has been holding the web back for a while, but I’m happy for any improvements that show up. While looking at the long list of updates, I saw Storage mentioned: WebKit has made some big updates to the storage quota policy. Previously, an origin had a starting storage limit of 1 GB. When exceeding the limit, the subsequent storage operation would fail in Home Screen web apps, or the user would see a prompt asking to increase the quota for the origin in Safari. Starting... more →
Posted in: JavaScript

Working with CloudCannon and Eleventy – My Experience

I’ve been working with the Jamstack (in its various iterations and names) for many years now. In that time, one area I had not really looked into is the use of a content management system (CMS). I recently had a chance to look into how CloudCannon adds CMS capabilities to Eleventy and I thought I’d share my experience. I went in, admittedly, a bit concerned. One of Eleventy’s greatest strengths is its flexibility. Unlike other Jamstack solutions that have a proscribed way of doing things, Eleventy is incredibly open to how it can be used to build a site. My assumption was that it would be difficult for a CMS to "grok" a particular Eleventy implementation and support... more →
Posted in: JavaScript

Working with Algolia’s Crawler

I’ve been using Algolia on my blog for a while now. It’s an excellent search solution for the Jamstack and I absolutely recommend it, especially for sites where the size means Lunr may not be appropriate. While I like Algolia a lot, I haven’t really dug terribly deep into it. I went through multiple iterations of my implementation here to help deal with the size of my content and so forth, but outside of that, I kept the actual search experience nice and simple. This week, I gave a talk at the Jamstack_Berlin user group on search options for the Jamstack and that’s got me thinking more about both Lunr and Algolia. One of the things... more →
Posted in: JavaScript

After being down for a few hours, Apple’s Maps app is working again – Digital Trends

Digital Trends After being down for a few hours, Apple's Maps app is working againDigital TrendsThe morning commute was a little rougher for iPhone users on Friday, June 15: Apple's Maps app went down for users worldwide. As the default navigation app for both iOS and MacOS, the outage affected millions of users. Apple first acknowledged the …Apple Says Problems With Maps App Resolved After Four HoursBloombergNo, it wasn't just you — Apple Maps was down for hours, but it's working againBusiness InsiderApple Maps has been down for hours, users unable to search for places or get directions [U]9to5MacCNET –Apple –Down Detectorall 74 news articles » map... more →
Posted in: Interactive Maps

DTE Energy outage map only working on mobile app – WDIV Detroit

WDIV Detroit DTE Energy outage map only working on mobile appWDIV DetroitDETROIT – With historic power outages in Metro Detroit, the DTE Energy website crashed Wednesday, and still isn't fully working. The DTE Energy website is slowly returning to function, but the DTE outage map can only currently be found, although …and more » map app – Google News… more →
Posted in: Interactive Maps