Skip to main content

97 posts by Raymond Camden

Adding Music Previews to My Now Page

How I added a simple audio preview to my recent Spotify tracks.

Categories: How to...Remote Data

How to use "featured" posts to highlight important content.

Categories: Front MatterHow to...

Fun With Front Matter: Part 3 - Handling Edits

Another example of front matter - signifying edits (both when and why)

Categories: How to...Front Matter

Fun With Front Matter: Part 2 - Follow-ups

Using front matter to specify a follow up to your content.

Categories: Front MatterHow to...

A series on doing more with your Jamstack site's front matter

Categories: Front MatterFiltersHow to...

How I built my Now page

YouTube video

Categories: How to...Remote DataYouTube

Using PDFs with Algolia and Adobe PDF Extract API

A look at using Adobe's PDF Extract API to integrate with Algolia's Search APIs

Categories: How to...Search

Creating Bootstrap WebC Components in Eleventy

Using WebC to make working with Bootstrap simpler.

Categories: WebCHow to...

Using Goodreads Data in Eleventy - Update

A followup to my previous article on Goodreads and Eleventy

Categories: Remote DataHow to...

Using Goodreads Data in Eleventy

An example of using exported Goodreads data in an Eleventy site.

Categories: Remote DataHow to...

Eleventy by Example, by Bryan Robinson

A review of "Eleventy by Example", by Bryan Robinson

Categories: Getting Started

Working with CloudCannon and Eleventy - My Experience

My experience testing the CloudCannon CMS experience with Eleventy.

Categories: CMS

WebC Updates in Eleventy - Looping

A look at another new WebC feature - looping

Categories: WebC

Awesome Algolia Updates (and some fixes here...)

News about Algolia's free tier changes and some fixes here.

Categories: How to...

WebC Updates in Eleventy

Description of updates to WebC

Categories: WebC

New Blog Same as the Old Blog

Details about my site rebuild.

Categories: BloggingConfiguration

Supporting PDF Embeds in an Eleventy WebC Component

Adding support for the Adobe PDF Embed with an Eleventy WebC Component

Categories: How to...

Update to My Eleventy Blog Guide

An update regarding my Eleventy blog guide.

Categories: Getting StartedBlogging

Building a Mastodon Bot Listing Page in Eleventy

How I built a page to show off my Mastodon bots.

Categories: How to...Social Media

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Using JavaScript in a WebC Component

Father, husband, developer relations and web standards expert, and cat demo builder.

Categories: WebC

Quick WebC Tip

How to enable better color coding for your WebC templates

Categories: WebC

Quick Tip for Eleventy's WebC support

YouTube video

Categories: WebCYouTube

Adding Download Support in an Eleventy Site

An example of adding download resources to an Eleventy site

Categories: How to...

A Bare-Bones Eleventy Template for Glitch

A quick template for using Eleventy on Glitch

Categories: How to...

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

A look at a simple YouTube embed component built in traditional web components and Eleventy's WebC plugin.

Categories: YouTubeWebC

Support External Articles in an Eleventy Blog

Adding a method to list external articles in an Eleventy blog

Categories: How to...

Some Options for Timing Pages in Eleventy

Some experiments timing slow pages with Eleventy

Categories: PerformanceHow to...Debugging

Quick LiquidJS + Eleventy Example - All Posts

Some quick things I learned about Liquid when building an "All Posts" page.

Categories: How to...Dates

Integrating Cloudinary into Eleventy

A look at integrating Cloudinary image processing with Eleventy

Categories: ImagesHow to...

First Experience Building with Eleventy's WebC Plugin

My first attempt working with Eleventy's new Web Component plugin

Categories: WebCPlugins

A quick example of adding social sharing links to your Eleventy site

Categories: Social MediaHow to...

Support Draft Blog Posts in Eleventy

A look at various ways of supporting draft posts with Eleventy

Categories: How to...ConfigurationCollectionsDrafts

Generating Zips in an Eleventy Site

An example of providing zipped resources in an Eleventy site.

Categories: How to...

Reading Comic Books in the Jamstack

Adding support for digital comic books to your Jamstack site

Categories: Global DataHow to...Images

Testing the Netlify Cache Plugin with Eleventy

An example of caching for Netlify with an Eleventy site

Categories: DeploymentData CascadeNetlify

A demonstration of how to get content published on the same day in the past.

Categories: DatesHow to...

Building a Quiz with Eleventy and Eleventy Serverless

How I built an Eleventy site driven by dynamic quiz data.

Categories: ServerlessHow to...

Use Your Saffron Recipes in the Jamstack

How to use your Saffron recipes in a jamstack site.

Categories: How to...

Thoughts on the Jamstack and Content Metrics

Tips for getting an understanding of your site's content

Categories: How to...

Including RSS Content in your Eleventy Site - Part 2

A follow up to my post on using RSS data with Eleventy sites

Categories: How to...Remote DataRSS

Including RSS Content in your Eleventy Site

A quick example of using RSS content for an Eleventy page.

Categories: Remote DataHow to...RSS

Adding QR Codes to Your Jamstack Site

A look at adding QR codes to your Jamstack site.

Categories: PaginationHow to...

A Google Static Maps Eleventy Plugin

A simple Eleventy plugin to support Google Static Maps

Categories: How to...Remote Data

Using a Google Photos Album in your Eleventy Site with Pipedream

Integrating a Google Photos Album in your Eleventy site with Pipedream

Categories: ImagesHow to...Remote DataImage Galleries

A Guide to Building a Blog in Eleventy

A guide that walks folks through the process of building a blog with Eleventy

Categories: BloggingHow to...Getting Started

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Running Netlify Dev and Eleventy Two or More Times At Once

A tip for folks using Netlify Dev and Eleventy

Categories: How to...

Eleventy 1.0 - Global Data via Plugins Example

A followup on my post concerning Eleventy's new addGloblData feature

Categories: Global DataPlugins

Eleventy 1.0 - New Option for Global Data

A look at a new way to create global data for Eleventy 1.0 sites.

Categories: Global Data

Eleventy 1.0 - Dynamic Ignores

Eleventy 1.0's new support for dynamic file ignore settings.

Categories: Configuration

Adding PDF Output Support to Eleventy

Using Eleventy transforms and Adobe PDF Services to create dynamic PDFs.

Categories: How to...

Eleventy Hack/Tip/Possibly Bad Idea - Dynamic Theme Testing

How to test a new theme in an Eleventy site

Categories: How to...Configuration

How to handle post relations in Eleventy in a manual fashion.

Categories: How to...Front Matter

Supporting Multiple Authors in an Eleventy Blog - Follow-Up

An udate to my earlier Eleventy demo showing how to handle multiple authors

Categories: How to...Front Matter

Using PDFs with the Jamstack - Building a Document Viewer

Using Adobe PDF Services to build a document viewer for your Jamstack site

Categories: How to...Global Data

Using Liquid Blocks in Eleventy Layouts

A look at using multiple blocks and having them render in Liquid templates

Categories: LayoutsHow to...

More Work on Algolia and My Blog

An update to my fight to get search working right on my blog

Categories: SearchHow to...

An Adobe PDF Embed Plugin for Eleventy

Eleventy users can now add a PDF Embed plugin to their sites

Categories: How to...Global DataConfigurationPlugins

Page Level URL Fetching with Eleventy

Making a network request on a page with Eleventy

Categories: How to...Remote DataFront MatterGlobal Data

Integrating Eleventy with GitHub Flat Data

How to use the Flat Data GitHub action with Eleventy

Categories: Remote Data

Creating an Additive Capture Shortcode in Eleventy

Creating a capture shortcode that appends insteads of replacing

Categories: How to...

Dynamic Short URLs with Eleventy

Creating URL aliases dynamically with Eleventy

Categories: Front MatterCollectionsHow to...

Using Lunr with Eleventy via Netlify Serverless Functions - Part Two

A followup to my post demonstrating using Lunr via serverless functions

Categories: SearchHow to...

Using Lunr with Eleventy via Netlify Serverless Functions

A look at using Lunr on the server side with an Eleventy web site

Categories: SearchHow to...

Building a Choose Your Own Adventure site with Eleventy

How I built a "Choose Your Own Adventure" style site with Eleventy

Categories: Front MatterHow to...

Adding an Email Subscription to Your Jamstack Site

Using MailChimp to provide a list service for new posts on your blog

Categories: How to...Front Matter

Building a Database Driven Eleventy Site

Using a database (MySQL) to drive content for an Eleventy site

Categories: PluginsPaginationGlobal Data

Using the Image plugin with Eleventy to build a simple gallery

Categories: ImagesHow to...PluginsConfigurationImage Galleries

Quick Tips for Eleventy and Vercel

A quick tip for folks using Eleventy and Vercel together.

Categories: DeploymentHow to...Debugging

Using PDFs with the Jamstack - Now with Thumbnails

Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails

Categories: How to...Remote DataPagination

Using PDFs with the Jamstack

Using the Adobe PDF Embed API to view PDFs on your Jasmstack site

Categories: How to...Global DataPagination

Integrating Navigation Search with Lunr and Eleventy

How to use navigation search forms and Lunr

Categories: SearchNavigationHow to...

Using Pre-Built Lunr Indexes with Eleventy

Switching to Pre-Built Lunr indexes with Eleventy sites

Categories: SearchHow to...Configuration

Accessing Eleventy Data on the Client Side

Accessing Eleventy data files in your JavaScript code

Categories: Global DataRemote DataHow to...Front Matter

Adding Google Calendar to Your Jamstack - with Pipedream

An updated demonstration of integration calendar data into your Jamstack site - with Pipedream

Categories: Remote DataHow to...

Adding a Warning for Old Posts to Your Jamstack Site

How to add a message to older content on your static site.

Categories: How to...Filters

Selecting Random Posts in Eleventy

A look at adding links to random pages in Eleventy

Categories: How to...FiltersConfiguration

Tracking Posts by Week in Eleventy

A quick hack to get the number of posts written per week in Eleventy

Categories: How to...Dates

Hooking Up FaunaDB to Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Categories: Remote DataHow to...Pagination

Supporting Multiple Authors in an Eleventy Blog

How to handle multiple authors in Eleventy, with custom author profile pages.

Categories: Front MatterHow to...FiltersPagination

Migrating from Node and Express to the Jamstack - Part 3

Father, husband, developer relations and web standards expert, and cat demo builder.

Categories: Migrating to EleventyServerlessHow to...Remote Data

Migrating from Node and Express to the Jamstack - Part 2

A look at how you can migrate from Node to the Jamstack - this edition focused on users

Categories: ServerlessMigrating to Eleventy

Hiding Future Content with Eleventy

How to use custom filters and collections to hide Eleventy content for the future.

Categories: How to...Front MatterFiltersCollections

Migrating from Node and Express to the Jamstack - Part 1

A look at how you can migrate from Node to the Jamstack

Categories: Migrating to EleventyGlobal DataPagination

Adding Algolia Search to Eleventy and Netlify

How I added Algolia Search to an Eleventy Site

Categories: SearchHow to...

Adding Algolia Search to Eleventy and Netlify - Part Two

An update to my post on using Algolia with Eleventy

Categories: SearchHow to...

Integrating Google Analytics with Eleventy

How to use Google Analytics with Eleventy

Categories: How to...Remote Data

Integrating Netlify Analytics and Eleventy

How to use Netlify's Analytics API in Eleventy

Categories: How to...Remote Data

Quick Tip on Using Vue with Eleventy

Avoid issues with Vue code being confused for Liquid

Categories: How to...

RaymondCamden.com now powered by Eleventy!

Details on my migration to Eleventy

Categories: Migrating to EleventyWhy Eleventy?

Adding Another Template Language to Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Categories: ConfigurationHow to...

Adding Text Linting to Eleventy

An example of using Eleventy's Linter feature

Categories: How to...Plugins

Checking (and Upgrading) Template Engines in Eleventy

How to check the version of embedded template engines in Eleventy

Categories: How to...ConfigurationFilters

Adding a Last Edited Field to Eleventy

How to add a "Last Edited" value to Eleventy pages.

Categories: How to...CollectionsConfigurationDates

Adding Search to your Eleventy Static Site with Lunr

Using Lunr to add client-site search to your static site

Categories: SearchCollectionsConfiguration

Why I'm Digging Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Categories: Why Eleventy?Pagination

Get the blog by email (or RSS)

Powered by Buttondown