Scraping Recipes on the Web - Now with Display and Print
Raymond Camden Blog
by Raymond Camden
9h ago
A few weeks back I wrote up the process of building an API that looks for JSON-LD on a web page containing recipe information, parses it, and returns it as pure data. You can (and should before continuing on) find that post here: Scraping Recipes Using Node.js, Pipedream, and JSON-LD. When I first shared this, someone (I forget your name, but thank you!) asked the natural follow-up question - can we then render this to HTML or PDF? The answer is, of course, I just had to stop being lazy and build a proper web app. I fired up Glitch and created the following little demo. It isn't the prettiest ..read more
Visit website
Creating a Generic Generative Template Language in Google Gemini
Raymond Camden Blog
by Raymond Camden
3d ago
I've been a fan of 'random text' for some time. "Random text" is a bit vague, but to me the idea of using code to generate random stories, or even snippets, is fascinating. Back in April, I blogged about how I created short dragon-based stories. It took a generic string: A #adjective# dragon lives #place#. She #verb# her hoard, which consists of a #number# of #thing#, #number# of #thing#, and #number# of #thing#. She feels #feeling#. And created a story by replacing the pound-wrapped tokens with real words. I used a couple of different tools to build this, but the core one was a cool little No ..read more
Visit website
Cat Herder V1 Released!
Raymond Camden Blog
by Raymond Camden
6d ago
It's been a few weeks since I blogged about Cat Herder, my latest web game, but over the holiday break I plugged up the last few features missing and decided it was time to "release" it, and by release, I mean set the version number to 1 and see what happens next. Since my last post in June, I've made a few small changes here and there, but the biggest updates in this last release revolve around the cats, and how you get more of them. As I mentioned in my previous posts, I wasn't really sure about making cats "purchasable", that just didn't feel right. Instead, I went with a system that kind o ..read more
Visit website
Add Squirrelly Support to Eleventy
Raymond Camden Blog
by Raymond Camden
1w ago
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 ..read more
Visit website
Building a Web Version of Your Mastodon Archive with Eleventy
Raymond Camden Blog
by Raymond Camden
1w ago
A couple of days ago Fedi.Tips, an account that shares Mastodon tips, asked about how non-technical users could make use of their Mastodon archive. Mastodon makes this fairly easy (see this guide for more information), and spurred by that, I actually started work on a simple(ish) client-side application to support that. (You can see it here: https://tootviewer.netlify.app) This post isn't about that, but rather, a look at how you can turn your archive into a web site using Eleventy. This is rather rough and ugly, but I figure it may help others. Here's what I built. Start with a Fresh Eleventy ..read more
Visit website
CodeBr Break
Raymond Camden Blog
by Raymond Camden
2w ago
I'm probably worrying too much about this, but as the schedule is changing slightly for <Code><Br> in July, I just wanted to let folks know. Normally the next session would be Tuesday, July 2nd, but with Adobe being shut down that week I'm doing nothing. Absolutely nothing. Well, ok, that's a lie, I'll be doing stuff, but hopefully nothing by my office. The schedule for July will be: July 16th - Hacking Arduino Hardware as a Noob July 30th - Something else I'll figure out when I need to - do you have an idea? This will be the longest break between shows so I wanted to sure folks ..read more
Visit website
Storing Recipes in IndexedDB
Raymond Camden Blog
by Raymond Camden
2w ago
The last two sessions of my show, <Code><Br>, were taken up talking about one of my favorite web platform features, IndexedDB. This is a topic I've covered many years on the blog (I even wrote a book on it back in 2016) so I thought it would be a good topic for the show. (I will include links to those episodes at the end of this post.) In the first session, Sue, one of the folks watching the live stream, suggested I use recipes as an example of data to persist in the browser. I thought this was perfect as recipe data can get quite complex. You can see an example of that in the post ..read more
Visit website
Creating a Content Assistant with Gemini and GenAI
Raymond Camden Blog
by Raymond Camden
3w ago
One of the use cases for generative AI that I've discussed before is the idea of using the tool to aid in the writing process. I'm not talking about creating content so much as creating suggestions and providing feedback about the content you yourself have created. This past weekend I worked on a "general purpose" tool with this in mind and thought I'd share it to get your feedback. ("You" being the smart readers of this blog who keep me honest when I show something stupid. ;) The Application # The application itself is rather straightforward. It asks two questions - first, what are you trying ..read more
Visit website
PDF Embed Web Component Available Via NPM
Raymond Camden Blog
by Raymond Camden
3w ago
Earlier this month, after being motivated by Thomas Steiner, I went through the not-really-a-hassle process of publishing <table-sort> to NPM. (Table-Sorter Available Via NPM) Today I've done the same for another web component, <pdf-embed>. This component wraps Adobe's PDF Embed API, which, honestly, isn't an API, but a JavaScript library to embed PDFs inline with the rest of your document. Given this HTML: <pdf-embed url="https://documentservices.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf" width="100%" height="500px" key="33f07f2305444579a56b0 ..read more
Visit website
Adding Your Buttondown Email Stats to Your Website
Raymond Camden Blog
by Raymond Camden
3w ago
I've been using Buttondown for almost a full year now (I blogged about the setup here). After having a few issues with Mailchimp and my newsletter, I was pleasantly surprised by how easy Buttondown was and how quick it was to set up. I ended up paying for it as I knew I'd end up paying for some solution and Buttondown worked great and wasn't expensive. For a while now, I've had a custom-built stats page on my blog that's primarily built for me. It reports on multiple different parts of my site and its biggest use is to let me quickly judge how well I'm keeping to my publishing schedule (a post ..read more
Visit website

Follow Raymond Camden Blog on FeedSpot

Continue with Google
Continue with Apple
OR