Radix

Responsive 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

Sign up to vote on this title
UsefulNot useful