Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Which base theme for your Drupal project?

Talk at DrupalDay Rome 2012
by

Andrea Panisson

on 13 November 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Which base theme for your Drupal project?

This is me in 2004,
before
starting
Drupal theming...
...and this is me now.
Which base theme for
your Drupal project?

Andrea Panisson
@andypanix

as frontend developer
and Drupal themer
I work in
About Me
About You
Developers?
Themers?
Others?

What is a base
or starter theme?

Evaluating Base Themes
http://bit.ly/ddaytwin1
Emma Jane Hogbin
A base theme is
NOT
a finished product
but to build a particular theme
we may need the right bricks...
http://www.flickr.com/photos/madphysicist/4373620486/
http://www.flickr.com/photos/dunechaser/5043905192/
http://www.flickr.com/photos/38446022@N00/4866810612/
out of the box we have a lot of bricks...
http://www.flickr.com/photos/30751204@N06/7328288188/
with this bricks
we can build our theme
The Drupal
theme layer
is a series
of
overrides
The jungle of
starter themes

http://bit.ly/ddaytwin2
Drupal 7 Starter Themes
How many?
starter themes at least
According to this page http://drupal.org/node/323993
we have at least 38 starter themes. But there are lot more.
3 main categories
ADAPT
Themes that
improve
Drupal core’s markup and template variables
Zen
Boron
Mothership
Themes that
adopt non-Drupal frameworks
into Drupal
NineSixty
Square Grid
Boilerplate
Bootstrap
Mobile jQuery Theme
Themes that extends Drupal core with additional modules, adapts Drupal core markup (e.g. adds HTML5) and adopts a CSS grid-framework.
AdaptiveTheme
Fusion
Omega
http://bit.ly/ddaytwin1
38
Emma Jane identify 3 main categories of starter themes
And there are BIG differences
You can't compare directly two themes if they do not belong to the same "category".
ADOPT
Theme framework
ANNEX
Choosing a theme
WAIT!
Good!
If you are comfortable
with it,
stay
with it and
don't change!
...but, what about the community?
At least, if you think that it's great,
consider to give it to the community.
Welcome to the new
wonderfully-hand-made
starter theme...
I've mine wonderfully-hand-made theme
How to choose?
HTML5?
Responsive?
Accessibility?
RTL (right to left)?
Does I need an UI for theme configuration?
Need to be extensible? (future proof)
Need of specific library/framework
Customer specific requirements
Required level of customization
A theme is basically an override of Drupal default markup
(and modules...)
Evaluate
Identify the critical issues of the project
I'm a newbie!
I want to use CSS preprocessor (SASS)
I want to organize my CSS as I like!
I don't have time to learn something new
Whatever reason I want
How many people is using it?
Lot of people usually means less bug, better support and more features.
Check project stats
Am I rewriting all the stuffs?
Am I writing CSS respecting theme logic and this isn't make me crazy?
Is the theme accelerating my development?
Am I happy?
Compare features
Considerations
Some case studies
www.antinori.it
Fluid
Responsive Images
Minimal Grid
Lot of different layouts (Delta)
Multi-language but no RTL
Lot of images and photos
Some sections have needed an heavily customized markup
Omega + Mothership
Somebody still uses HTML4?
Fixed or fluid layout
WCAG, WAI-ARIA
Arabian languages?
Documentation?
USAGE STATISTICS
Pick a theme and give it a try
PROJECT INFO
Check open issues
Check project status (is it live?)
Check usage statistics...
OBJECTIVE REASONS
My coding styles
and skills
SUBJECTIVE REASONS
but please, don't reinvent the wheel...
http://www.aqpl43.dsl.pipex.com/MUSEUM/TRANSPORT/motorwhl/motorwhl4.htm#mcl
http://en.wikipedia.org/wiki/Tarsier
http://www.flickr.com/photos/matthijs/1414777160/
We can have multiple choices too:
http://drupal.org/project/bootstrap
https://openframework.stanford.edu
Mothership
http://drupal.org/project/mothership
Omega
http://drupal.org/project/omega
FIRST LOOK
Do a quick check
on the most
important features
(relatively to your project)
i.e. check markup, grid, default zones and regions, settings available in UI, template folder
But if you are a newbie and really you don't know were to start, try to pick a theme like Omega, Fusion and some of their subthemes (like Gamma or Respond for Omega, Acquia Marina or Acquia Slate for Fusion).
Or you can try Adaptative Theme (the latest one offers a lot of styled subthemes like Sky, Corolla, Pixture Reloaded).
If you need something less "complicated" and you are happy with a three columns layout, then give Zen a try.
But please do not ask for the better theme. It depends.
So, which base theme to use?
IT DEPENDS!
Is Was the right choice?
Singlepage
No grid
Heavily customized markup
With hindsight probably Omega wasn't the right choice
www.lemortelle.it
Mothership
http://drupal.org/project/mothership
drupal.org/project/omega
http://drupal.org/project/mothership
politicheambientali.provincia.venezia.it
Fixed width
Strong Grid
Low budget
Omega
http://drupal.org/project/omega
HU!
HU!
Full transcript