Presentations

I have given 60+ talks and keynotes in four continents (Asia, Europe, North America, and Oceania), speaking on topics like component design, style-guide-driven development, agile, information architecture, CSS, PostCSS, Sass, and responsive design.

6 October, 2021 — Europe, online

JohnAlbin’s click-baity Drupalcon presentation — Now with Netflix recommendations!

The accessibility mistake our entire industry is making

conference: Drupalcon Europe 2021

The web development community has struggled with accessibility since we first began building websites with spacer gifs and tables. Even though it remains in our “top priorities”, it's clear our entire industry has been thinking about accessibility in a way that has fundamentally failed all of us.

View details…

13 April, 2021 — North America, online

Dissecting Tailwind: A design tokens tale

conference: Drupalcon North America 2021

Tailwind and utility-first frameworks have gotten a lot of buzz recently in the CSS world. Developers who dislike CSS love Tailwind since you don’t have to write any CSS, but why should frontend developers consider a tool that, at first glance, looks like inline styles?

View details…

16 July, 2020 — North America, online

GraphQL in Twig queries additional data from the backend

Progressively decouple Drupal 8 with GraphQL and Twig

conference: Drupalcon Global 2020

This session will present a beginner’s guide and demo on how to use GraphQL in Twig. Decoupled Drupal is the future, but learning an entirely new stack can be daunting. Writing GraphQL inside Twig templates gives developers a path to an accessible progressive-decoupled approach.

View details…

1 April, 2020 — Singapore, online

CSS Nesting spec is a "Editor's Draft" (Stage 1) of the CSS Spec Process (from crazy idea to your browser)

Using the CSS Nesting spec today

meetup: SingaporeCSS Talk.CSS #49

If you've used Sass, you know the advantages of nested rulesets. You may not know that there is an effort to bring nesting to the CSS spec. In fact, the CSS Nesting spec was upgraded from "Level 0" to a "Level 1" W3C Editor's Draft last year.

View details…

25 September, 2019 — Zürich, online

Intro to GraphQL plus Gatsby Schema Stitching

webinar: Amazee Labs webinar

Since 2000, websites have been getting data from other websites by using REST APIs. But now we have a new method of building and consuming web APIs, GraphQL. GraphQL is more than a "better REST"; for developers, it provides a unified graph of data that includes multiple sources in easy to use system.

View details…

18 July, 2019 — New York City

Gatsby and GraphQL Schema Stitching with Drupal

conference: Decoupled Days 2019

With its 2.0 release, Gatsby added experimental support for GraphQL schema stitching to Gatsby’s already-excellent GraphQL system. This new feature allows you to create a single, universal graph of data composed of multiple GraphQL endpoints.

View details…

11 April, 2019 — Seattle

Decoupled website (illustrated). Shows an outline of a horse cut into two parts, with Drupal on the backend, React on the frontend, and GraphQL connecting the two halves.

CSS-in-JS and Drupal  sitting in a tree...

conference: Drupalcon Seattle 2019

So you are a Drupal themer thinking about styling a decoupled Drupal website? It can be daunting to look at the JavaScript community; there seems to be a new best practice every week. And picking the right CSS-in-JS solution appears to be a nightmare of infinite choices. What to use? Styled Components? Glamorous? Inline CSS? Once you’ve decided on a solution for your decoupled project, do you now maintain two different CSS build tools for your projects, one for Drupal and one for decoupled?

View details…

29 March, 2019 — Zürich, online

CSS Modules, my dream CSS-in-JS solution

webinar: Amazee Webinar #3

So you are thinking about styling a decoupled Drupal website? As CSS developers, it can be daunting to look at the JavaScript community; there seems to be a new <em>best practice</em> every week. And determining how best to style a decoupled application appears to be a nightmare of infinite choices. What to use? Styled Components? Glamorous? Inline CSS?

View details…

25 November, 2017 — Cebu

The Drupal Roadmap: From D7 to D9

Keynote for camp: DrupalCamp Cebu 2017

“John will offer us an inspired Keynote on the future versions of Drupal with Drupal 9, and how modern software evolve to facilitate migration from one version to another.”

View details…

25 November, 2017 — Cebu

A bar graph showing Drupal 8 templates use ~30% of available Twig features.

Mastering  Drupal 8’s Twig

camp: DrupalCamp Cebu 2017

Drupal 8 rewrote all of its HTML templates using Twig. But Drupal only uses 30% of Twig's full power. In this session, we'll start with the basics and work our way through Twig's powerful feature set.

View details…

Presentations

The accessibility mistake our entire industry is making

Dissecting Tailwind: A design tokens tale

Progressively decouple Drupal 8 with GraphQL and Twig

Using the CSS Nesting spec today

Intro to GraphQL plus Gatsby Schema Stitching

Gatsby and GraphQL Schema Stitching with Drupal

CSS-in-JS and Drupal sitting in a tree...

CSS Modules, my dream CSS-in-JS solution

The Drupal Roadmap: From D7 to D9

Mastering Drupal 8’s Twig

CSS-in-JS and Drupal  sitting in a tree...

Mastering  Drupal 8’s Twig