A Quick Look at AI in Chrome

/ / No Comments
Google announced a while back their intent to experiment with generative AI in the browser itself. Personally, I think this could be a really good idea, but I’m really unsure as to how many other vendors would support it. With Edge being a Chromium product, and Microsoft being pro-GenAI, it seems like a safe bet it would support it. Safari and Firefox… I honestly feel like they probably never would. That being said, initial support landed in Chrome Canary (the bleeding edge version of Chrome) and I thought I’d take a quick look. Here’s what I found. Setting it Up To test this new feature, you need either Chrome Canary or Dev. Enabling support requires tweaking two flags... more →
Posted in: JavaScript Tagged with: , ,

Next Code Break – August 6

/ / No Comments
Hey folks, earlier last month, I mentioned a tweak to my <Code><Br> schedule, and originally I was going to have one today, but that has been pushed out to August 6th. You can find out more here: Hacking Arduino Hardware as a Noob Pt. 2 My plan is to continue showing Arduino/web integration and I’ve got an interesting bug to share. (I love it when I make mistakes that are good lessons!) I hope to see you there! Raymond Camden… more →
Posted in: JavaScript Tagged with: , , ,

How to Add a Header to a curl Request

/ / No Comments
curl is one of those great utilities that’s been around seemingly forever and has endless use cases. These days I find myself using curl to batch download files and test APIs. Sometimes my testing leads me to using different HTTP headers in my requests. To add a header to a curl request, use the -H flag: curl -X 'GET' \ 'https://nft.api.cx.metamask.io/collections?chainId=1' \ -H 'accept: application/json' \ -H 'Version: 1' You can add multiple headers with multiple -H uses. Header format is usually [key]: [value]. The post How to Add a Header to a curl Request appeared first on David Walsh Blog. David Walsh Blog… more →
Posted in: JavaScript Tagged with: , ,

Automating Background Removal with Firefly Services

/ / No Comments
As a quick FYI, if you would rather skip reading my text and jump to a video, I’ve got one at the end of this post. Be my guest to scroll down and watch that instead. One of the most interesting aspects of Adobe Firefly Services is what it enables in the automation space. I think it’s fair to say that these automations will still be followed up by a human checking, tweaking, and adjusting results, but if the APIs can save a significant amount of time, that’s got to be a great benefit. Let me demonstrate one simple example of this – removing background images at scale. The Remove Background API The Remove Background API is part of the Photoshop API family and handles the... more →
Posted in: JavaScript Tagged with: , , , ,

Upgraded to Eleventy 3.0 (Beta)

/ / No Comments
Like I assume most of my fellow Eleventy users have been doing, I’ve been closely following the updates on Eleventy and its progress towards 3.0. As my blog is a fairly large site, I wasn’t in a rush to upgrade to an Alpha release, but the recent beta release convinced me it was time to take the plunge. The TLDR is that… it took me roughly an hour (most of which was by choice, I’ll explain below) and it’s been smooth sailing. Want to know more? Keep on reading… The Upgrade Helper Per the release notes, I made use of the upgrade helper which is a plugin you install along with, of course, upgrading your site to Eleventy 3. This worked well and flagged my only... more →
Posted in: JavaScript Tagged with: , ,

Links For You (8/3/2024)

/ / No Comments
The past few weeks have been a bit crazy, although mostly crazy good. Since the last one of these posts, my family and I went on vacation in San Antonio for a few days, and currently, my wife and I are in New Orleans for a short break. Last night we went to the Postmodern Jukebox concert which was easily one of the most fun concerts I’ve been to. I’ll share one of their clips at the end, but let me just say that they were a real treat live. CSV for Eleventy First up is a great example of why I love Eleventy – its flexibility. This post, "Eleventy – Add CSV data file support" describes how you can use CSV files in Eleventy to drive your content. Eleventy’s... more →
Posted in: JavaScript Tagged with: ,

Help Me Solve an Alpine.js Mystery

/ / No Comments
Yesterday I wrote up my experience in building a simple CRUD interface using Alpine.js, and in doing so, ran into an interesting issue. While it would be best to read the entire previous article, let me try to break down the issue… or at least as how I saw it. My Alpine app had a variable, cats, that was an array of objects. I looped over them and displayed them in a simple table: <template x-for="cat in cats"> Notice I’m using a variable, cat, to represent each element of the array. Here’s one example of using it: <td x-text="cat.name"></td> The application also made use of a cat variable. This was intended to be used in the edit form.... more →
Posted in: JavaScript Tagged with: , , ,

Building a CRUD Web App with Alpine.js

/ / No Comments
One of the things I try to encourage here is for my readers to reach out with their questions. That rarely happens, but when it does, I try my best to answer as soon as possible. In this case, I got a great question from a reader back in May and then… life happened. Sorry, Nicholas, but hopefully this isn’t too late. His question was pretty simple – could I build an example of using Alpine.js for a CRUD interface? For folks who may not know the term, CRUD refers to: (C)reate (R)read (U)pdate (D)elete You’ve probably seen a hundred interfaces like this. You have a list of content with links to edit one, delete one, and a link to add a new instance of that content. When... more →
Posted in: JavaScript Tagged with: , ,
1 … 15 16 17 18 19 … 97