Main Content
Reusable Frontend Components using Yarn Workspaces, data- Attrs and Twig tonystar Tue, 08/28/2018 - 16:38
  • Reusable Patterns (Frontend Components) vs Web Components.
  • Separation of concerns (aka MVC): styling, functionality, data.
  • Yarn Workspaces to maintain separate component and manage its dependencies.
  • data- attrs to control components in a declarative way and w/o js.
  • Twig to build all together.
  • Using with Drupal or other CMS.
  • Using with Fractal or other pattern library.
  • Demos: Reusable Carousel, Reusable Gallery, Reusable Modal, compound components.

Living Design Systems for Teams

Straightforward and valuable agenda:

  1. Differences between Design System vs. Pattern Library vs. Style Guide.
  2. How to make it [work] serve for your Team.
  3. How to integrate it all with Drupal.
  4. How to share the Design language across Team and beyond - to the Client.

Properly organized, Design System should serve for you (not waste your resources!) and make your Frontend, Backend, Designers and Client all happier!

Login to Register
Government Issues: Leveraging Accessibility with Usability to Serve *Really* Diverse Audiences NineLivesBlackCat Mon, 08/27/2018 - 14:27

In discussions about accessibility and diversity, our thoughts tend to jump to ARIA links, screen readers, and people of different ethnicities. While these are key aspects to both topics, this talk will push your thinking to considerations beyond accessibility and diversity basics. At its core, embracing accessibility provides us with a launching ramp to usability, and it helps us to serve and support a variety of users.

Introducing the Bricks module — build your content in a truly atomic way tonystar Mon, 08/27/2018 - 11:10

This session is the fourth one in the series, following the How to Content Model in Drupal 8 at DrupalCon Vienna 2017, Drupal 8 Hidden Power at DrupalCon Dublin 2016 and Drupal Architectures for Flexible Content at DrupalCon Barcelona 2015.

State of Layout Management in Drupal

There are a crazy amount of different approaches for layout management in Drupal today:

  • Layout Discovery/Builder
  • Block Layout
  • Display Suite
  • UI Patterns
  • Bricks
  • Paragraphs (+ Frontend UI)
  • ...

In this session we will go through all of them and try to make a big picture — what is designed for, and how to use them properly — together, or independently from each other.

Login to Register
Gatsby and the JAMstack: An introduction for the Drupal/LAMP minded nicklewisatx Wed, 08/22/2018 - 22:39

Watch the session video here.

The "JAMstack" is some great branding that describes websites that are built entirely by javascript, API calls, and served as completely static pages.
Compared to LAMP platforms like Drupal and Wordpress, JAMstack has four huge things going for it:

1. High traffic sites that cost thousands of dollars a month could transition to a single server + CDN on low tier hosting (under 100 dollars a month)

Incorporating Content Strategy Into Prototyping Processes with GatherContent and Kalastatic. madeofpeople Wed, 08/22/2018 - 16:42

Recently the field of static prototyping, living style guides, and front-end focused development tools has blossomed, and the adoption of these processes has entered into best practices. But we’ve always felt something was missing from this formula and the de-facto tools: Content Strategy.

Not-so-decoupled Drupal. A static React app case study asgorobets Wed, 08/22/2018 - 05:18

There's been a lot of talk around the community about decoupling Drupal and using it as headless CMS, or progressively decoupling it and embedding modern JS frameworks inside a Drupal page. But when do you consider just not introducing Drupal and working with a pure framework implementation?  And what if you still need to host it alongside Drupal?

Decouple Pattern Lab from your D8 theme (SF.gov) isramv Wed, 08/22/2018 - 04:24

How and why to decouple your Pattern lab from your theme. In this case study I will be talking about the decisions taken in the architecture of this solution for the City of San Francisco.

https://github.com/SFDigitalServices/sfgov-pattern-lab