Today we are talking about storybook with Randy Oest.

www.talkingDrupal.com/340

Topics

• What is Storybook
• Why are component libraries so popular
• Difference between Storybook and Patternlab
• Why choose Storybook
• Useful Addons
  • Docs
  • Controls
  • Accessibility
  • Screen Size
  • Figma
  • Zeppelin
  • Write your own
  • Chromatic visual testing

• Integration with Drupal
• Headless environments
• Emulsify
• When would you not use Storybook
• Interesting use cases
• Chromatic (not the Drupal agency)
• Resources for getting started

Resources

• Storybook
• Emulsify
• Mustache
• Security update
• Perimeter
• Stencil
• Storybook Tutorial
• Emulsify

Guests

Randy Oest - randyoest.com @amazingrando

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Mike Anello - drupaleasy.com @ultimike

MOTW

Perimeter
Basic perimeter defence for a Drupal site. This module bans the IPs who send suspicious requests to the site. The concept is: if you have no business here, go away.

Today we are talking about Smart Date with Martin Anderson-Clutz

www.talkingDrupal.com/339

Topics

• Why are dates in Drupal so complex
• How does Smart Date make things easier
• What inspired you to make Smart Date
• How has the community helped shape the evolution of Smart Date
• Are there other key features
• How is Smart Date’s approach to recurring events different from other modules
• How do you get started with Smart Date
• What if your site is using core Date field
• What modules does Smart Date work with
• Complex use cases
• When should you NOT use Smart Date
• Roadmap
• How can people help

Resources

• Smart Date
• Recurring events episode 274
• Date recur
• RNG
• Ticket
• SimplyTest.me
• Smart Date Calendar Kit
• Date augmenter api
• V4.0 Plan
• Smart Date Registration Kit
• Current Year in Thailand
• EPAM Careers
• Bookable Calendar
• Community events issue
• Webchick tweet
• Granularity issue

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Martin Anderson-Clutz - @mandclu

MOTW

Inline Entity Form
Provides a widget for inline management (creation, modification, removal) of referenced entities.
The primary use case is the parent -> children one (product display -> products, order -> line items, etc.), where the child entities are never managed outside the parent form.
Existing entities can also be referenced.

www.talkingDrupal.com/338

Topics

• Tailwind CSS
• Excitement about Tailwind
• Why someone would not be excited
• Benefits
• Advantages over bootstrap
• Using it with Drupal
• Learning the language
• Starter Kit
• Tailwind themes
• Older browsers
• Build Process
• Tailwind UI and paid plans
• Future of Tailwind
• Responsive Design

Resources

• Tailwind CSS
• Tailwind CSS Starter Kit Drupal Project
• Oliver Davies
• CSS Utility Classes and “Separation of Concerns”
• Oliver’s Previous Shows
  • https://talkingdrupal.com/175
  • https://talkingdrupal.com/204
  • https://www.facebook.com/intrepidnetwork/videos/1920856801321734/
  • https://www.youtube.com/watch?v=vzqFxNDLMIg
• Play with Tailwind CSS
• Tailwind UI - Component Library
• EPAM Solution Architect Job Posting
  • US
  • Canada
• Refactoring ui
• Tailwind CSS blog posts
• Tailwind CSS code repos
• Rebuilding Bartik with Tailwind CSS
• Talk: Taking Flight with Tailwind CSS

Guests

Oliver Davies - https://www.oliverdavies.uk @opdavies

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Martin Anderson-Clutz - @mandclu

Today we are talking about Layout Paragraphs with Justin Toupin.

www.talkingDrupal.com/337

Topics

• Ukaine – https://www.drupal.org/association/blog/drupal-association-statement-of-support-for-ukraine
• Drupal 7 end of life
• What is Layout Paragraphs
• How it works
• Who it is for
• Current status
• Timeline for the project
• Why you worked on this
  • Marketing and editorial staff need flexible tools
  • Complex interfaces became the norm
  • Content teams need to involve devs
• Layout paragraphs has been called an evolution of WYSIWYG
• Paragrpahs
• Comparison between Layout Paragraphs and Layout Builder
• Listener question from Steven – Is there a way to show the label of the paragraph type without needing to hover over the content on the edit screen
• What is next
• Mercury editor
• Getting started
• Headless Drupal

Resources

• Drupal Association
• Drupal 7 end of life
• Layout Paragraphs
• Itamair
• Talking Drupal #327 - Layout Builder vs Paragraphs
• Mercury Editor
• Justin at Design for Drupal

Guests

Justin Toupin - aten.io @justin2pin

Hosts

Nic Laflin - www.nLighteneddevelopment.com @nicxvan
John Picozzi - www.epam.com @johnpicozzi
Martin Anderson-Clutz - @mandclu

MOTW

JSON:API Node Preview Tab
Adds a tab to nodes that allows a quick preview of the node’s representation as JSON:API. If using this with a Chrome browser, we suggest using the JSONVue extension to improve the formatting, with the option enabled to format contents in frames.