Raymond is a senior developer evangelist for Adobe. He focuses on document services, JavaScript, and enterprise cat demos.

Latest Posts

Links For You

Normally I post these on Sunday, but I'm sitting in an office waiting room (nothing scary) on a Saturday and figured I'd go ahead and share today. As always, I'd love some feedback if you find these posts helpful, or want me to share something with my audience (almost 100 people, so not a terribly huge group but it's growing!). Let's get started.

Building a YouTube Embed Web Component (both vanilla and WebC flavored)

It's been a week or two since I've played with web components, and this morning I was thinking about them (because that's just how cool I am) and comparing and contrasting them with Eleventy's WebC support. I think WebC is incredibly compelling, and honestly, if I knew I were deploying to Jamstack, I'd probably always pick that over "vanilla" web components. Using WebC lets me do quite a bit on the server, and in my build, and reduces the amount of JavaScript sent to the client. That's always a good thing (usually), but I can also see people using regular web components with Eleventy as well. I'm still very new to all of this and still figuring out what makes sense where, but I thought it would be kind of fun to build the same component in both and compare and contrast the result.

Support External Articles in an Eleventy Blog

A few weeks ago, I began helping a friend migrate his company blog from WordPress to a new solution. Being a Jamstack proponent, I suggested using Eleventy for their new platform. They were all technical folks and the idea of not having to manage and patch WordPress, PHP, and MySQL was very appealing. For the most part, I figured it would be a simple conversion. I'd get their theme (using the hardcore developer technique of "view source") and simply set up a basic Eleventy blog. (Need help doing that? I've got an extensive guide that walks you through it!) Turns out, their existing blog had something interesting happening with it.

Some Options for Timing Pages in Eleventy

A few days ago I blogged about a page I added to my site to render all six thousand plus blog posts I've published. It's one of many "one-off" pages I've built here for various reasons, so as I was the intended target, I wasn't terribly concerned about the speed or UX of the page itself. I knew the code generating the page was kinda crap, but as it was a build-time only concern, I didn't think too much about it.

Quick LiquidJS + Eleventy Example - All Posts

So, on a whim today I decided to add a page to my blog to display every single post, separated by year. This was not meant to be used by anyone (hence me not linking to it in the nav), but something I've wanted around for a while. I've got a nice search form here, but sometimes I want to search for something I blogged a few weeks ago and having a simple list of posts would be useful. I didn't want to build "proper" pagination, just one giant list in on an HTML page. That's not the best UX but as I'm building this for me, I approve. I thought it would be a quick little script, but as I built it, I ran into a few interesting issues.

Links For You

Happy DST Day! Or is it DST Ends day? Who knows. (And I'm not motivated enough to look it up.) This week I'll be heading to Connect.Tech, one of my absolute favorite conferences. I always see a few good friends there and the content itself is incredibly well done. This is my second to last conference of the year so I'm going to do my best to get the most out of it. If you read this blog and will be attending, be sure to come tell me hi! Alright, let me get started with what I want to share this week.