g n i t a Carebetter Experience for Content Editors i d E h Yor Drupal Yorkshire Meetup June 2021 @saschaeggi
A presentation at Drupal Yorkshire Meetup in June 2021 in by Sascha Eggenberger
g n i t a Carebetter Experience for Content Editors i d E h Yor Drupal Yorkshire Meetup June 2021 @saschaeggi
Sascha Eggenberger Senior UX Designer @ Unic A Lead Designer of the Drupal Design System, Claro Co-Maintainer, Creator Gin Admin Theme Drupal Yorkshire Meetup June 2021 @saschaeggi
@saschaeggi Follow me on Twitter Drupal Yorkshire Meetup June 2021 @saschaeggi
Agenda 01 02 03 04 Drupal Yorkshire Meetup June 2021 Why Gin? Outlook Good to know Questions @saschaeggi
Why Gin? Drupal Yorkshire Meetup June 2021 @saschaeggi
« Drupal looks & feels outdated » Drupal Yorkshire Meetup June 2021 @saschaeggi
« Drupal looks & feels outdated » Drupal Yorkshire Meetup June 2021 @saschaeggi
Layout Drupal Yorkshire Meetup June 2021 @saschaeggi
Customization! Drupal Yorkshire Meetup June 2021 @saschaeggi
More customization! Drupal Yorkshire Meetup June 2021 @saschaeggi
Dark mode Drupal Yorkshire Meetup June 2021 @saschaeggi
Dark mode Drupal Yorkshire Meetup June 2021 @saschaeggi
User settings Drupal Yorkshire Meetup June 2021 @saschaeggi
Outlook Drupal Yorkshire Meetup June 2021 @saschaeggi
Layout optimizations Sneak preview (work in progress) Drupal Yorkshire Meetup June 2021 @saschaeggi
Collapsible Sidebar dgo.to/3187407 Drupal Yorkshire Meetup June 2021 @saschaeggi
Layout density setting dgo.to/3187648 Drupal Yorkshire Meetup June 2021 @saschaeggi
Good to know Drupal Yorkshire Meetup June 2021 @saschaeggi
CSS Adjustments to Gin gin-custom.css (Since Alpha 31) • For quick overrides • Place in your public files directory: e.g. /sites/default/files/ • Great for small adjustments like changing Logo size etc. (no need for subtheming) Drupal Yorkshire Meetup June 2021 @saschaeggi
CKEditor styles [name_of_frontend_theme].info.yml • Define your stylesheet • True WYSIWYG experience
Use AJAX for admin views It’s there you just need to enable it • Set administrative views like content, media etc. to use AJAX • Provides a more responsive & modern feel
Use Paragraphs Icons For easier recognition • Helps for easier recognition of content pieces • You could for example use the OpenSource library Feathericons
Wrap up Drupal Yorkshire Meetup June 2021 @saschaeggi
Download Gin drupal.org/project/gin Drupal Yorkshire Meetup June 2021 @saschaeggi
Support the development 🍺 : drupal.org/project/issues/gin : github.com/sponsors/saschaeggi Drupal Yorkshire Meetup June 2021 @saschaeggi
#1 The Experience is King A good UX will help with adoption Drupal Yorkshire Meetup June 2021 @saschaeggi
Thanks ! h Yor Drupal Yorkshire Meetup June 2021 @saschaeggi
