RadixResponsive Drupal

Theme Ecosystem

niccolo

• Nicholas Roberts

• Born Sydney, Australia, now farm Cotati

• First website 1997

• Webmaster News Ltd (AUS) 2000-2003

• UC Berkeley Drupal ops contractor 2013

• www.niccolox.org

• Drupal.org niccolo

Overview

• Bootstrap Revolution, Nearly Flat UI

• Mobile First Responsive Design

• Drupal Theme State of Union

• Phptemplate 2004 > Twig 2014

• Radix = Drupal + Bootstrap

• Radix + Panopoly = Drupal +++

• Radix & Radix Sub-Theme

• Demo

Mobile First Responsive Design

• Divergence of Devices NOT Convergence

• Smartphones, Tablets etc

• Wifi, 3G/4G

• Huge & Growing Market Share

• Mobile Phone Apps Hype & Reality

• W3C HTML5 CSS3 Standards

• Viewports & Breakpoints etc

Bootstrap Revolution

• Get Bootstrap by Otto, Thornton, Twitter

• Github & Job Search Stats

• Web UI Framework

• Emerging Industry Standard

• CSS, Javascript, HTML

• Mini Industry & Sub Culture

Drupal Theming State of Union

• Drupal Theming vs Wordpress (Ghost)

• Drupal Theme Engine phptemplate old

• Future Drupal 8 is TWIG

• Twigify auto converts old themes

• Drupal 6 messy, Drupal 7 OK (ish)

• Zen, Omega, Adaptive Theme, Fusion (unsupported)..

• Emerging Radix

Radix + Panopoly = Drupal +++

• Panopoly Developer Distribution

• By Matt Cheney, populist of Chapter

Three, Pantheon, Mission Bicycle

• Major distro’s Open Atrium, Open

Academy

• Highly Optimized Panels-based UX

Radix = Drupal + Bootstrap

• Radix Base Theme docs & demo

• Tuned for Panopoly, panels, or not

• Creator Arshad Chummun, Drupal

Mauritius

• Bootstrap via Compass SASS port of

Bootstrap, Compass Radix (Ruby Gems)

Radix & Radix Sub-Themes

• Radix Sub-Themes; Sizzle, Chef, Plate,

Bootswatch, Flat UI, Open Atrium Radix

• Distributions: Open Atrium, Open

Academy & Restaurant

• Sandbox Radix projects

Possible Next Steps

• Full Width Sliders and other JS/CSS

• Knockout the Drupal Themer – data-bind

• Compare Radix 3 vs Bootstrap 3

• Panels Extra Layout (Adaptive Panels) ?

• Static Page

• Content Template Picker

• Make a Radix Sub-Theme!

Thanks & Demo

• www.BigDataDrupal.com

• www.GreenWarrior-Permaculture.org

• www.niccolox.org

• http://dev-radix.gotpantheon.com/demo