Bryan Robinson

I'm a designer, developer, lover of static sites and CSS

Michigan Joined on May 29, 2019 https://bryanlrobinson.com

Pronouns

he/him

Work

Head of DevRel @ Hygraph

Sanity.io

That's My JAMstack

Hygraph

eleventy-plugin-svg-contents

An Eleventy plugin to grab the contents of an SVG file to allow for embedding in your template with all the power of SVG.

JavaScript • 53 stars

eleventy-plugin-blog-tools

A collection of shortcodes, filters and tags that make blogging on 11ty more fun

JavaScript • 50 stars

netlify-webring

JavaScript • 20 stars

butmyclientwants.com

HTML • 4 stars

CSS, JavaScript, Design, Serverless, UX

Astro.js, Next.js, 11ty

I'm spending a lot of time working on creating video and blog content for developers and designers. Mostly about CSS and Static Sites

If your company is interested in workshops about Static Sites or CSS, I'm all ears!

56 posts published

90 comments written

12 tags followed

Pinned

Bryan Robinson for Hygraph

Sep 7

Boost your editorial experience with distributed content management

#webdev #cms #architecture #microservices

7 min read

Bryan Robinson

Dec 3 '21

Help needed: Netlify's Dusty Domains event – Give me your domain ideas

#discuss #jamstack #netlify #serverless

1 min read

Bryan Robinson for Algolia

Oct 8 '21

Building server-rendered search for static sites with 11ty Serverless, Netlify, and Algolia

#tutorial #11ty #webdev #jamstack

8 min read

Bryan Robinson for Algolia

Sep 8 '21

Creating an omnibar with Autocomplete.js

#javascript #ux #tutorial #react

114

11 min read

Bryan Robinson

Oct 5 '21

Creating a dynamic color converter with 11ty Serverless

#jamstack #tutorial #11ty #javascript

7 min read

Bryan Robinson for Hygraph

Sep 11

Convert a Hygraph Next.js project to Next.js app directory

#javascript #nextjs #tutorial #webdev

8 min read

Want to connect with Bryan Robinson?

Create an account to connect with Bryan Robinson. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

Bryan Robinson

Sep 8

Jamstack is meaningless

#jamstack #dev #architecture #javascript

7 min read

Bryan Robinson

Sep 29

😱 Book Release: Eleventy by Example – Learn 11ty with 5 in-depth projects

#static #jamstack #javascript #webdev

3 min read

Bryan Robinson

Aug 16 '22

11ty Second 11ty: Creating Template Filters

#11ty #jamstack #webdev #javascript

2 min read

Bryan Robinson

Aug 8 '22

11ty Second 11ty: Global Data files (JS and JSON)

#jamstack #11ty #javascript

3 min read

Bryan Robinson

Jun 20 '22

11ty second 11ty: The Render Plugin Part 1

#11ty #javascript #jamstack

2 min read

Bryan Robinson

Jun 13 '22

11ty Second 11ty: Basics of Collections

#11ty #jamstack #javascript #html

1 min read

Bryan Robinson for Algolia

Jan 13 '22

Creating a better date-picking experience with the DateRangePicker component

4 min read

Bryan Robinson for Algolia

Dec 2 '21

Building a GitHub Issue Recommendation Bot with Algolia

#actionshackathon21 #javascript #github

6 min read

Bryan Robinson

Dec 2 '21

Issue Recommendations Bot Workflow

#actionshackathon21

2 min read

Bryan Robinson

Nov 8 '21

Frontend environment variables with Astro.js

#javascript #staticsites

2 min read

Bryan Robinson

Oct 22 '21

Quick experiment with the Slinkity 11ty plugin

#eleventy #javascript #jamstack #webdev

5 min read

Bryan Robinson

Apr 27 '21

Using 11ty JavaScript Data files to mix Markdown and CMS content into one collection

#javascript #11ty #jamstack #tutorial

9 min read

Bryan Robinson

Aug 4 '20

How to show your template code in 11ty blog posts

#jamstack #webdev #html #writing

2 min read

Bryan Robinson

Jul 9 '20

When have you done something you thought was "simple" that has impressed a client or stakeholder?

#discuss #webdev

1 min read

Bryan Robinson

Jul 6 '20

What are your best and worst CMS migration stories?

#discuss #cms #webdev #database

1 min read

Bryan Robinson

Jun 11 '20

Using Nunjucks 'If Expressions' in 11ty to create a simple active navigation state

#jamstack #javascript #html #ux

4 min read

Bryan Robinson for TakeShape

May 5 '20

How to build an ecommerce site on the Jamstack with Snipcart and TakeShape

#webdev #beginners #jamstack #ecommerce

8 min read

Bryan Robinson

Jan 13 '20

Three JAMstack movements to watch in 2020

#discuss #jamstack #javascript #staticsites

4 min read

Bryan Robinson

Jan 9 '20

Create a Codepen promo watermark with no additional HTML, CSS or JS

#css #tutorial #javascript #marketing

3 min read

Bryan Robinson

Dec 18 '19

3 underused CSS features to learn for 2020

#css #design #webdev #tutorial

128

5 min read

Bryan Robinson

Nov 15 '19

Use CSS Subgrid to layout full-width content stripes in an article template

#css #cssgrid #webdev #tutorial

5 min read

Bryan Robinson

Sep 25 '19

11ty Theme Creation Part 6: Setting up a Contact page and deploying to Netlify

#jamstack #webdev #tutorial #beginners

1 min read

Bryan Robinson

Sep 18 '19

Adapt client-side JavaScript for use in 11ty (Eleventy) data files

#javascript #webdev #tutorial

4 min read

Bryan Robinson

Aug 30 '19

CSS Gap creates a bright future for margins in Flex as well as Grid

#design #css #tutorial #webdev

4 min read

Bryan Robinson

Aug 27 '19

Join the CSS Future with CSS Grid (from CodePaLOUsa 2019)

#cssgrid #css #tutorial #webdev

1 min read

Bryan Robinson

Aug 15 '19

Create your first CSS Custom Properties (Variables)

#javascript #css #webdev #tutorial

7 min read

Bryan Robinson

Jul 29 '19

Use CSS Grid to create a self-centering full-width element

#css #tutorial #design #html

3 min read

Bryan Robinson

Jul 11 '19

Twitter's Down! Quick! Be my social distraction!

#discuss #help #jokes

1 min read

Bryan Robinson

Jul 11 '19

Design Critique: Corey Alexander's Blog and logo

#design #beginners #webdev #ux

1 min read

12:32

Bryan Robinson

Jun 25 '19

Video Design Critique: James Quick's Learn. Build. Teach. website

#ux #design #beginners #critique

1 min read

Bryan Robinson

Jun 21 '19

Creating an 11ty Plugin - SVG Embed Tool

#webdev #tutorial #jamstack #staticsites

5 min read

13:06

Bryan Robinson

Jun 19 '19

Design Critique: Portfolio Danjel.dev

#beginners #design #ux #webdev

1 min read

Bryan Robinson

Jun 19 '19

Now offering design and code reviews at PeerReviews.dev

#beginners #webdev #ux #design

2 min read

Bryan Robinson

Jun 17 '19

Do you use CSS ::before and ::after pseudo elements?

#discuss #css #webdev

1 min read

15:09

Bryan Robinson

Jun 13 '19

Design Critiques: @pixmy portfolio website design

#design #beginners #css

1 min read

Bryan Robinson

Jun 13 '19

Do you want a design critique? I want to help

#discuss #design #css #beginners

1 min read

07:25

Bryan Robinson

Jun 12 '19

Create amazing borders with CSS Pseudo Elements

#css #tutorial #beginners #webdev

1 min read

Bryan Robinson

Jun 10 '19

What parts of CSS confuse you?

#discuss #css #beginners

1 min read

Bryan Robinson

Jun 12 '19

Routing contact-form emails to different addresses with Netlify, Zapier and SendGrid

#serverless #javascript #staticsites #tutorial

7 min read

Bryan Robinson

May 31 '19

11ty Theme Creation Part 5: Creating a Custom Homepage with front matter and collections

#serverless #beginners #tutorial #html

1 min read

Bryan Robinson

May 30 '19

Create an Eleventy (11ty) theme based on a free HTML template

#serverless #beginners #tutorial #html

2 min read

Bryan Robinson

May 30 '19

Using Serverless architecture and the JAMstack for client work

#jamstack #serverless #staticsites #html

2 min read

Bryan Robinson

May 30 '19

Grid vs. Flex: A Tale of a "Simple" Promo Space

#css #cssgrid #design #tutorial

4 min read

Bryan Robinson

May 31 '19

How can we overcome the growing barrier to entry for new devs?

#discuss #beginners #webdev #career

3 min read

Bryan Robinson

Jul 11 '19

Build Trust on the Web incorporating User Worries with your User Stories

#discuss #agile #webdev #ux

6 min read

Bryan Robinson

May 31 '19

Refactoring CSS into a Sass mixin

#css #webdev #design #tutorial

5 min read

Bryan Robinson

Jun 18 '19

Three great uses for the ::before and ::after CSS pseudo elements

#design #css #webdev #tutorial

4 min read

Bryan Robinson

Jun 10 '19

Use CSS Grid to Mix and Match Design Patterns

#cssgrid #webdev #css #tutorial

6 min read

Bryan Robinson

Jun 3 '19

3 Strategies for Getting Started with CSS Grid

#css #cssgrid #tutorial #beginners

3 min read

Bryan Robinson

Jun 27 '19

Use rotate() and skew() together to introduce some clean Punk Rock to your CSS

#design #css #webdev #tutorial

3 min read

Sanity.io

That's My JAMstack

Hygraph

1 Week Community Wellness Streak

Four Year Club

Three Year Club

2021 GitHub Actions Hackathon Participant

Two Year Club

One Year Club

Hacktoberfest 2019

4 Week Streak

Beloved Comment

Want to connect with Bryan Robinson?