Build Your Content in a Truly Atomic Way
Anton Staroverov • 17. March 2018 • DrupalCamp Rhur
Bricks module:
Build Your Content in a Truly Atomic Way
Anton Staroverov • 17. March 2018 • DrupalCamp Transylvania
Bricks module:
I AM FROM
Content Platforms
Web Services
Mobile Web Apps
[+] Swiss Made
Wondrous LLC
ME
Product Vision
User Experience
Frontend
Backend
Anton Staroverov
Design Systems
- Drupal Problem
- Bricks Demo
- Bricks Insights
- Bricks + Paragraphs
- Bricks + Layout Builder
- Bricks Horizons
Agenda
#1 Drupal
Problem
#2 Bricks
Demo!
Layout Builder
"I want this layout to contain this data"
Bricks
"I want this data to be rendered in this layout"
Paragraphs
"I want to have these types
of data"
per entity
field type
-
-
per field
field type
-
field formatter
per field
-
field widget
-
Layout
Builder
Content
Builder
Content
Storage
#3 Bricks
Insights
by Karl 👋
or "Thx Karl"
#4 Bricks +
Paragraphs
#5 Bricks +
Layout Builder
DrupalCamp Transylvania 2018
Layout
Content
| Layout Builder | Bricks | |
|---|---|---|
| Context | Global layout | Inner content Micro layouts Global layout |
| UI | Frontend | Backend Frontend |
| Attached to | Entity | Field |
| Purpose | Layout Builder | UI/Content Builder |
| Use Cases | Header, Footer, Content, Sidebar | Blog post body Long textual page body Tabs / Accordion / ... |
| Atomic Design | Pages, Templates | Organisms, Molecules |
♥♥ Surprise: Works together! ♥♥
#6 Bricks
Horizons
DrupalCamp Rhur 2018
Frontend UI
Thanks to Settings Tray and Quick Edit!
Layout UI
Compose reusable layouts on the fly, w/o frontend!
Modifiers
Thanks to Modifiers and Paragraphs Behaviors!
Dynamic ER
Reference any Entity w/o wrapping it in another Entity!