twitter bootstrap + panopoly: drupal with kalatheme
TRANSCRIPT
Twitter Bootstrap + PanopolyEmpowering Drupal Site Building with Kalatheme
@ Kalamuna LLC / 03 / 09 / 2014
Alec Reynolds
Co-Founder/Man of Many Faces
d.o areynolds
twitter @reynoldsalec
email [email protected]
Stuff we like...
OAKLAND(nicer when not on fire)
Stuff we like...
DRUPAL
kalabox
BADCamp, SANDCamp, Phoenix, Florida, NYC, DrupalCon
Anywhere else we can travel with a minimum of nausea
But mostly, we like
GETTING SITES BUILT.
And about that…
So...what is this “Bootstrap” thing and why should I care?
Twitter-sponsored Open Source Project
Framework = Common Language
Mobile First Grid System LESS-powered (Sass versions
available) Components (menus, buttons,
hero units etc.) Goodies (scrollspy, modals,
carousels)
Great! Let’s use it on my Drupal site.
Well...there’s a catch.
Drupal and Twitter Bootstrap
DON’T PLAY NICE
Unless you teach Drupal some manners.
Make sure classnames don’t collide
Insert Bootstrap classnames into Drupal elements
Create templates to use Bootstrap grid
Create Ctools plugins to recreate Bootstrap markup
Great, I (finally) have Bootstrap on my site. Now what? How do I position content?
Blocks? Context? Panels? Display Suite? Template file?
All of the above?
We just want to build a Drupal site.
Where does this leave us?
Code Rage!!!
What if you could use one tool?
Hi There.
Kalatheme
http://www.drupal.org/project/kalatheme
Core Philosophy
Accessible and Intuitive Flexible and Powerful
More specifically
Keep it simple.
Twitter Bootstrap
Libraries APIUse any library
Responsive classes
Upgrade pathway
Code Cleanse
Hi There.
Kalatheme
One RegionNo more blocks!
No more regions!
Panels layoutsWay Way Less
filesHi There.
Kalatheme
ResponsivePanopoly layouts
Kalatheme layouts
Views gridsResponsive
Toggling
Hi There.
Kalatheme
Site Builder Tools
Responsive ToolsStyle Plugins
Hi There.
Kalatheme
3.x FeaturesBootstrap 3.x
Bootstrap Importer
REAL Mobile FirstHi There.
Kalatheme
ExamplesKalamuna LLC
SocialCoding4Good
BillboardOpenASU
EwikaGreenBiz
ACPYou/More
Hi There.
Kalatheme
Hi There.
Kalatheme
http://www.drupal.org/project/kalatheme
IT’S DEMO TIME
Q & A
Alec Reynoldsd.o areynolds
twitter @reynoldsalec
email [email protected]
Mike Pirogd.o pirog
@pirogcommamike
email [email protected]
Hastingsd.o whastings
twitter @willhpower
email [email protected]
thanks!