Today we are talking about Web Components with Ron Northcutt.

www.talkingDrupal.com/353

Topics

• What are native web components
• How are they different from custom elements
• How are they different from JS frameworks
• Libraries
  • Elix
  • Bit
  • Polymer
  • Lit
• ShadowDOM
• Difference between Progressive Web App and NWC
• Benefits of NWC
• How do you use them
• What are lifecycle callbacks
• Styles
• Html
• Slots
  • named
  • anonymous
• Support for NWCs
• Use cases
• Anything else?

Resources

• Marfan Foundation
• Libraries
  • Elix
  • Bit
  • Polymer
  • Lit-html
  • Mitosis
• Component Singular module
• webcomponents.org
• Webcomponents module

Guests

Ron Northcutt - @rlnorthcutt

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Donna Bungard - @dbungard

MOTW

Menu block
This module provides configurable blocks of menu links with additional features not available in Drupal 8+ core.

Today we are talking about D7 to D9 Migration with Mauricio Dinarte.

www.talkingDrupal.com/352

Topics

• Why are you passionate about migration
• First thing to think about when migrating
• Timeline
  • Factors
• Tips and tricks
• Helpful tools and migrations
• Tricky things to migrate
• Data structure inconsistencies
• Embedded media
• Data management
• Source sets
  • CSV
  • Json
  • DB connection
• Understanddrupal.com
• Who is the audience
• Any new content

Resources

• Demo of Event Platform
• Understand Drupal
• Modules - spreadsheet of content model
• Media migration module
• Migrate project category
• Migrate ecosystem
• 31 Days of Migration
• Miller
• 0 to 20 Years

Guests

Mauricio Dinarte - understanddrupal.com - @dinarcon

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Donna Bungard - @dbungard

MOTW

Event Platform
The Event Platform is actually a set of modules, each of which provides functionality designed to satisfy the needs of anyone creating a site for a Drupal Camp or similar event.

Today we are talking about Core Theming with Cristina Chumillas.

www.talkingDrupal.com/351

Topics

• What’s new in core theming?
• Why is Claro in core important?
• Why is Olivero in core important?
• Why was it so long between new themes?
• Continuous improvement?
• What is the biggest improvement?
• What happens to old themes?
• Accessibility
• CSS
  • Build tools
• Drupal 10
  • IE
  • UC
• Compound elements
• Getting involved

Asheville promo removed due to copyright claim

Resources

• Load assets from template issue
• Mike’s presentation on Olivero’s menu
• Future of CSS in Drupal
• Meeting times
  • #frontend channel in Drupal slack
  • 11am ET / 3pm GMT

Guests

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Mike Herchel - herchel.com - @mikeherchel

MOTW

Quicklink
This module provides an implementation of Google Chrome Lab’s Quicklink library for Drupal. Quicklink is a lightweight (< 1kb compressed) JavaScript library that enables faster subsequent page-loads by prefetching in-viewport links during idle time.

Today we are talking about Accessibility Scanning & Testing with Mike Gifford & Daniel Mundra.

www.talkingDrupal.com/350

Topics

• Accessibility Scanning and Testing
• Goals
• Popular tools
• Drupal tools
• Storybook
• VPAT
• OpenACR
• How it replaces VPAT
• OpenACR and Drupal
• Tackling Accessibility
• Tools to use
• Automation
• CI/CD
• Issues that will not be caught

Asheville promo removed due to copyright claim

Resources

• OpenACR
  • https://github.com/GSA/openacr
  • https://gsa.github.io/openacr-editor/
• Accessibility Scanner
• Editoria11y
• Pa11y + Axe
• Cypress-axe
• Open source & accessibility (including list of open source tools)
• Site improve
• Purple hats
• WCAG-EM
• Fable tech labs
• Least accessible site
• Spoke truing tool
• GAAD Pledge

Guests

Mike Gifford - mgifford.medium.com @mgifford
Daniel Mundra - danielmundra.com

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Mike Herchel - herchel.com - @mikeherchel

MOTW

Editoria11y
Editoria11y (“editorial accessibility”) is a user-friendly checker that addresses three critical needs for content authors

1. It runs automatically. Modern spellcheck works so well because it is always running; put spellcheck behind a button and few users remember to run it!
2. It runs in context. Views, Layout Builder, Media and all the other modules Drupal uses to assemble a complex page means checkers that run on individual fields cannot “see” errors that appear on render.
3. It focuses exclusively on content issues: things page editors can easily understand and easily fix. Editoria11y is meant to supplement, not replace, testing with comprehensive tools and real assistive devices.