Bryan Robinson articles - 58 total
Does our technology still work for us?
“Google’s search algorithm is geared to find the best content and UX for their users. Write the best...
Pay no mind to this, this is just a test
Just a test, y'all. Nothing to see here.
Convert a Hygraph Next.js project to Next.js app directory
In late 2022, the Next.js team launched their next stable version: Next.js 13. While this update came...
Boost your editorial experience with distributed content management
Tools are only good if users want to use them. If your writers and editors don’t want to use a tool,...
Jamstack is meaningless
Right at the top, let’s say what’s in the title… The name Jamstack is meaningless… but then again, so...
😱 Book Release: Eleventy by Example – Learn 11ty with 5 in-depth projects
Oh hi, everyone! Listen, I've got some really exciting news. I'm honestly kind of shocked. I wrote...
11ty Second 11ty: Creating Template Filters
11ty Template filters are ways of manipulating data in a variable tag in your template language...
11ty Second 11ty: Global Data files (JS and JSON)
In these two videos, we take 110 seconds each to discuss how to use 11ty's Global Data files to pull...
11ty second 11ty: The Render Plugin Part 1
The Render plugin is comprised of two shortcodes for use in your Nunjucks, Liquid or JS...
11ty Second 11ty: Basics of Collections
Collections are the workhorse of most 11ty projects. They provide a way of grouping content or data...
Creating a better date-picking experience with the DateRangePicker component
When crafting a search interface, it's often enough to use what comes prepackaged with Algolia's...
Building a GitHub Issue Recommendation Bot with Algolia
GitHub Issues are static content. What if they didn't have to be? When we (DevRels Chuck Meyer...
Issue Recommendations Bot Workflow
Issue Recommendations Bot Workflow When a new Issue is added to a repository, this...
Help needed: Netlify's Dusty Domains event – Give me your domain ideas
So here’s the deal, y’all: Netlify has this great event for December: dusty.domains, but I don’t have...
Frontend environment variables with Astro.js
Recently, I've been really digging the idea of transitional apps and "islands" architecture for...
Quick experiment with the Slinkity 11ty plugin
Ben Holmes (the creator of Slinkity) posted on Smashing Magazine today about the creation of the...
Building server-rendered search for static sites with 11ty Serverless, Netlify, and Algolia
Progressive enhancement is an important topic when creating any web site or app. What happens when a...
Creating an omnibar with Autocomplete.js
When is a search bar not a search bar? When it's an "omnibar" built with Autocomplete! In her...
Creating a dynamic color converter with 11ty Serverless
The latest Eleventy 1.0 Canary releases have come with a special feature: 11ty Serverless. I've got a...
Using 11ty JavaScript Data files to mix Markdown and CMS content into one collection
Eleventy is an incredibly powerful tool in the Jamstack's static site arsenal. It's a static site...
How to show your template code in 11ty blog posts
If you write a technical blog and use 11ty (or Jekyll ... or just use Liquid or Nunjucks) as your sta...
When have you done something you thought was "simple" that has impressed a client or stakeholder?
Sometimes we take things for granted as developers. The Web is a magical place when you know how the...
What are your best and worst CMS migration stories?
Have you ever needed to switch from one content management system to another? Maybe you were moving f...
Using Nunjucks 'If Expressions' in 11ty to create a simple active navigation state
Creating active states in your navigation is important for guiding a user through your site. It gives...
How to build an ecommerce site on the Jamstack with Snipcart and TakeShape
Follow a step-by-step guide to build your own ecommerce site on the Jamstack using Snipcart and TakeShape
Three JAMstack movements to watch in 2020
Originally Published: https://bryanlrobinson.com/blog/three-jamstack-concepts-to-watch-in-2020/ In...
Create a Codepen promo watermark with no additional HTML, CSS or JS
I use CodePen a lot. I've got hundreds (if not thousands) of pens. Most of them are throwaways,...
3 underused CSS features to learn for 2020
CSS has a whole lot of power. There are properties and values for any number of amazing designs. With...
Use CSS Subgrid to layout full-width content stripes in an article template
CSS Grid was missing one important piece when it's Level 1 specification was released into the world:...
11ty Theme Creation Part 6: Setting up a Contact page and deploying to Netlify
In this video, we'll tackle setting up the data for our contact page (in which we'll use 11ty's Data...