A presentation at DrupalCon Europe 2021 by Sascha Eggenberger
GIN ADMIN THEME THE PAST, THE PRESENT & THE FUTURE DRUPALCON EUROPE 2021 @SASCHAEGGI
Sascha Eggenberger Senior User Experience Designer @ Unic AG sascha.is • @saschaeggi DRUPALCON EUROPE 2021 @SASCHAEGGI
STRUCTURE OF THIS TALK 01 02 03 04 DRUPALCON EUROPE 2021 THE PAST THE PRESENT THE FUTURE Q&A @SASCHAEGGI
THE PAST A SHORT HISTORY LESSION DRUPALCON EUROPE 2021 @SASCHAEGGI
2019 ☝ HISTORY DRUPALCON EUROPE 2021 @SASCHAEGGI
Gin started as a customisation layer for Claro DRUPALCON EUROPE 2021 @SASCHAEGGI
Branding needs The initial goal was to brand the UI for specific clients DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
Branch 2.x Compatible with Drupal 8.8+ DRUPALCON EUROPE 2021 @SASCHAEGGI
DrupalCon Amsterdam We, the design team behind Claro, showcased Drupal’s «Future UI» DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
People «need» a Darkmode https://i.giphy.com/media/2W8bEBGjSsRFu/giphy.gif
2020 ☝ HISTORY DRUPALCON EUROPE 2021 @SASCHAEGGI
COVID-19 hit the world And I finally had more time to contribute while staying at home DRUPALCON EUROPE 2021 @SASCHAEGGI
Development of 3.x-dev started (Gin as we know it today) DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
2021 ☝ HISTORY DRUPALCON EUROPE 2021 @SASCHAEGGI
More people started to contribute and the adaption skyrocked DRUPALCON EUROPE 2021 @SASCHAEGGI
THE PRESENT WHAT’S THE CURRENT STATE? DRUPALCON EUROPE 2021 @SASCHAEGGI
FEATURES DRUPALCON EUROPE 2021 @SASCHAEGGI
Gin evolved as a full-fledged theme with a strong focus on the Editorial Experience DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
The ability to customise the experience for your (clients) needs DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
User settings Settings can be individually overridden by users DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
gin-custom.css CSS overrides DRUPALCON EUROPE 2021 @SASCHAEGGI
ECOSYSTEM DRUPALCON EUROPE 2021 @SASCHAEGGI
Gin Toolbar drupal.org/project/gin_toolbar DRUPALCON EUROPE 2021 @SASCHAEGGI
Gin Login drupal.org/project/gin_login DRUPALCON EUROPE 2021 @SASCHAEGGI
Gin Layout Builder drupal.org/project/gin_lb by christian.wiedemann DRUPALCON EUROPE 2021 @SASCHAEGGI
Gin Gutenberg drupal.org/project/gin_gutenberg by doxigo DRUPALCON EUROPE 2021 @SASCHAEGGI
FACTS & FIGURES DRUPALCON EUROPE 2021 @SASCHAEGGI
11,000+ Site installations according to Drupal.org DRUPALCON EUROPE 2021 @SASCHAEGGI
Most installed Admin Theme for Drupal 9 DRUPALCON EUROPE 2021 @SASCHAEGGI
Thanks y’all for using it! 🥳 https://i.imgur.com/Fcc9RR5.gifv
Still Alpha Gin didn’t made the jump to Beta yet DRUPALCON EUROPE 2021 @SASCHAEGGI
Beta 1 Was scheduled for Q1 2021 DRUPALCON EUROPE 2021 @SASCHAEGGI
But as you might know it didn’t happen https://i.giphy.com/media/T1WqKkLY753dZghbu6/giphy.gif
Beta 1 Was re-scheduled for Q3 2021 DRUPALCON EUROPE 2021 @SASCHAEGGI
Nope, didn’t happen either https://i.giphy.com/media/26n6yGZkqLSaShKzS/giphy.gif
Gin Login Stable release is out! DRUPALCON EUROPE 2021 @SASCHAEGGI
Yay! 🤘 https://i.giphy.com/media/fsQbx1hX7hPBBpIM5b/giphy.gif
😉 Should work with Drupal 10 already Still mainly untested for now https://dev.acquia.com/drupal10/deprecation_status?names=gin DRUPALCON EUROPE 2021 @SASCHAEGGI
THE FUTURE WHAT’S TO EXPECT NEXT? DRUPALCON EUROPE 2021 @SASCHAEGGI
3.0 Beta 1 Release coming soon DRUPALCON EUROPE 2021 @SASCHAEGGI
I promise ✌ https://i.giphy.com/media/F3BeiZNq6VbDwyxzxF/giphy.gif
Design Refresh Simplified & improved Layout DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
Drupal 10 Making Gin ready for the future of Drupal DRUPALCON EUROPE 2021 @SASCHAEGGI
Extend the new entity form layout beyond nodes DRUPALCON EUROPE 2021 @SASCHAEGGI
Further enhance the vertical navigation approach DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
The new vertical navigation will be mobile-first DRUPALCON EUROPE 2021 @SASCHAEGGI
We’ll (finally) integrate the collapsible Sidebar feature DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
Ability to resize the vertical navigation and sidebar regions DRUPALCON EUROPE 2021 @SASCHAEGGI
Ability to choose from a preset of density settings DRUPALCON EUROPE 2021 @SASCHAEGGI
Refactoring of form actions, better compatibility with modules DRUPALCON EUROPE 2021 @SASCHAEGGI
Only load the CSS we need, the Drupal way (Component CSS) DRUPALCON EUROPE 2021 @SASCHAEGGI
Enhance the developer friendliness CSS3 Variables for content maxwidth, toolbar offset, layout density DRUPALCON EUROPE 2021 @SASCHAEGGI
RTL language support Arabic, Hebrew, etc. DRUPALCON EUROPE 2021 @SASCHAEGGI
Dashboard A useful & nicely designed dashboard to welcome/inform your editors DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
WRAP UP IN A NUTSHELL DRUPALCON EUROPE 2021 @SASCHAEGGI
Best-in-class editorial expierence DRUPALCON EUROPE 2021 @SASCHAEGGI
3.0 Beta 1 Release coming soon DRUPALCON EUROPE 2021 @SASCHAEGGI
Download Gin drupal.org/project/gin DRUPALCON EUROPE 2021 @SASCHAEGGI
Contribute drupal.org/project/issues/gin DRUPALCON EUROPE 2021 @SASCHAEGGI
🚀 Sponsor the development github.com/sponsors/saschaeggi DRUPALCON EUROPE 2021 @SASCHAEGGI
DRUPALCON EUROPE 2021 @SASCHAEGGI
Drupal Slack Join #gin or write me a PM @saschaeggi DRUPALCON EUROPE 2021 @SASCHAEGGI
THANKS A LOT! THAT’S IT No gifs were harmed during this presentation. DRUPALCON EUROPE 2021 @SASCHAEGGI
The Gin Admin Theme is the most used Admin Theme in Drupal 9. We’ll talk about how it started, how it’s going and where it’s heading.
While quite a young project, the adaption was quite impressive. Over 11,000 Sites are already using Gin today.
But whats the defining factor? Why should you use it? Whats the difference compared to Claro?
And most important: What are new features we’ll be adding to it? This will be quite packed, as there are a lot of exiting new features coming to Gin like the ability to change the density of the layout, a redesigned navigation approach, improvements to the overall layout, further improvements to the content editing experience and much more!
The following resources were mentioned during the presentation or are useful additional information.
Here’s what was said about this presentation on social media.
for free. You
can too.