Links For You (8/31/2024)

/ / No Comments
For my American readers, I hope you are able to enjoy a relaxing three day weekend. I’ve got big plans to do absolutely nothing and do quite a bit of it. My September is going to be busy so I’d like to try my best not to think about that for the next few days. Let’s get to the links! One Million Checkboxes – You Won’t Believe This… I use a note app to keep track of the links I want to share in these posts and generally, I share in a FIFO manner – the oldest added links first. But this… this link comes from a post shared recently on Mastodon and frankly was way too cool to put off. I don’t even want to tell you about this link, I just want... more →
Posted in: JavaScript Tagged with: ,

Building a General Purpose GeoJSON Viewer with Leaflet

/ / No Comments
Last week I shared my initial experiences with Leaflet and I thought I’d share a small demo I built with it – a general purpose GeoJSON viewer. GeoJSON and Leaflet As I mentioned at the end of my last post, GeoJSON is a specification for encoding ad hoc geographic data. Here’s an example: { "type": "FeatureCollection", "features": [ { "type": "Feature", "id": 0, "properties": { "Code": "FRLA", "Name": "Frederick Law Olmsted National Historic Site" }, "geometry":... more →
Posted in: JavaScript Tagged with: , , , , ,

Quick Example using Azure’s Node.js SDK for Signed URLs

/ / No Comments
Way back in June (wait, that’s only two months ago?) I wrote up a blog post showing how to use the AWS SDK for Signed URLs: "Quick example using AWS Node.js SDK V3 for Signed URLs". The idea for this was to cover a very specific set of functionality I needed to use along with Adobe’s Firefly Services. Specifically my needs are: Create a readable URL for a cloud storage asset Create a writable URL for a cloud storage asset And on top of that – also I needed to upload directly to cloud storage. I worked with Azure Storage Blob SDK and came up with the following functions. Honestly, use this with a grain of salt as it "worked for me", but I can’t make... more →
Posted in: JavaScript Tagged with: , , , , , ,

Mapping with Leaflet

/ / No Comments
If you missed my <Code><Br> episode earlier this week you missed (imo) a great episode. I’ll share a link to the video at the end, but I spent the session raving about how great the Leaflet JavaScript library is for maps. I had it on my list to look into for a few months now and while having a layover recently I took the time to dig into it. I was – blown away. I’ve got a lot of experience over the years working with maps on the web. I really dig Google Maps, both the JavaScript library and APIs, and I spent some time as a developer evangelist for HERE helping others learn about their offerings. I’m obviously a bit biased but I really dug their offerings as... more →
Posted in: JavaScript Tagged with: ,

Real-Time Sentiment Analysis on Device with AI in Chrome

/ / No Comments
Last week, I took a look at Chrome’s GenAI implementation in the browser. What I found was interesting, and rough, but possibly something that could be incredibly useful in the future. I’ve been thinking about it more the last few days. First off, if this feature interests you, there is an early preview program you can sign up for that gives you access to a mailing list containing docs, announcements, and more information. I’ve done that and it was a relatively quick process. There are already cool things I’ve seen there that I want to dig into soon, but today I wanted to share a little experiment. This too does not work terribly well yet, but I think the idea has merit... more →
Posted in: JavaScript Tagged with: , , , ,

Another Web Component – Table Compressor

/ / No Comments
Earlier this week I was browsing a site that showed a tabular list of data. It initially showed something like ten rows and had a clickable item that showed the rest of the data. I thought I’d whip up a quick web component that mimicked this functionality. My thinking was that you would wrap a regular HTML table (much like my table sorting component) and the component would truncate and add the ‘click to expand’ logic. Now, to be clear, this still means the user is downloading the entire set of data, but visually it would take up less space until the user selects to show the rest of the data. Let me share the component here and then I’ll explain how it works: class CompressTable... more →
Posted in: JavaScript Tagged with: , , ,

Links For You (8/18/2024)

/ / No Comments
Woot, welcome to football season! Ok, preseason, but I am beyond excited to watch my Saints play later today and, hopefully, look halfway decent. My wife and I are both big football fans and the start of the season is always a happy occasion. This past week I traveled to Atlanta to give a lab on Adobe’s Firefly Services APIs which went well, and I get to do it again next week in New York City. I hope your week goes well, and here are some interesting links for you to enjoy. Migrating from Netlify to Cloudflare In this post, Sia Karamalegos discusses how she migrated her site from Netlify to Cloudflare. This was done primarily due to Cloudflare releasing a new service to block AI crawlers,... more →
Posted in: JavaScript Tagged with: ,

Setting Dynamic Objects Keys in JavaScript

/ / No Comments
It’s always a good day when you get pleasantly surprised by JavaScript, even more so when you find that it’s a feature that’s been around for a while (ES6, which according to Google was standardized in June of 2015). Earlier today I saw some syntax that didn’t look quite right to me. Here’s a simple example of it: let type = 'name';let person = { [type]:'Ray'} Specifically, the thing that surprised me was this portion: [type]:'Ray' If you console.log the code above, you get: { name: 'Ray' } And then it makes sense. This syntax allows you to set a dynamic key in an object literal, much like: person[type] = 'Ray'; Apparently, this has been around for nearly ten... more →
Posted in: JavaScript Tagged with: , , , ,
1 … 14 15 16 17 18 … 97