A Simple Alpine.js Template with Vite and TypeScript / / No Comments This will be a quick one – but as I think more about TypeScript and how I’d like to learn (and play, and build silly demos), I naturally thought it may make sense to look at how I’d use Alpine.js with that stack. Alpine’s been my go to library for web apps that reach the level of complexity where I’d like some help with DOM manipulation and such. I don’t always use it, because (imho) the default stack should be as vanilla as possible (obviously I’m going a bit off ranch with these explorations into TypeScript and Vite) but Alpine is lightweight and simple and just a great little library in general. What follows isn’t necessarily a "template"... more → Posted in: JavaScript Tagged with: Alpine.js, simple, Template, TypeScript, Vite
Creating a Generic Generative Template Language in Google Gemini / / No Comments 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 Node library named random-word-slugs. It’s a powerful random word library... more → Posted in: JavaScript Tagged with: creating, Gemini, Generative, Generic, Google, Language, Template
A Bare-Bones Eleventy Template for Glitch / / No Comments A few weeks ago I blogged about a simple Alpine.js template for Glitch projects. I’m still new to Glitch and wanted to give it a whirl with an Eleventy demo I wanted to share. Glitch has an Eleventy template, but it’s a bit verbose. It sets up a basic blog with sample posts and such, and that’s great to learn, but if you already know Eleventy, you may prefer to start off a bit simpler. With that in mind, I created this repository: https://github.com/cfjedimaster/glitch-eleventy It defines an .eleventy.js file that specifies an input and output directory. It sets up a very basic HTML layout and an empty index page that uses it. I also used Liquid for my demo whereas the Glitch-provided... more → Posted in: JavaScript Tagged with: BareBones, Eleventy, Glitch, Template
An Alpine.js Template for Glitch / / No Comments I discovered Glitch a few months ago, and while I haven’t used it a lot since then, the more I do, the more I really dig it. When working on my blog post yesterday, I shared the demo as a Glitch project, you can see it here if you would like. While setting up the project, I fumbled a bit with the right order of script tags, which was entirely my fault, but knowing my memory I wanted to note what worked for me, and share it with others. Let’s start with the code first. Raymond Camden… more → Posted in: JavaScript Tagged with: Alpine.js, Glitch, Template