34
Dapper Drupal Garrett Dawson John Ferris Photo Credit - http://www.flickr.com/people/24498687@N03/

Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

DapperDrupal

Garrett DawsonJohn Ferris

Photo Credit - http://www.flickr.com/people/24498687@N03/

Page 2: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 3: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 4: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 5: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Custom TailoredThemes

Photo Credit - http://www.flickr.com/photos/lac-bac/4574232863

Page 6: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Front-end Developer

Page 7: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Front-end Developer

HTML + CSS + JS

Page 8: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Front-end Developer

HTML + CSS + JS+ themes + base themes + starter themes + theme

functions + template files + render arrays + preprocess functions + process functions + alter

functions + theme hook suggestions + views + display suite +panels + cray cray

Page 9: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

HTML + CSS + JS

Themer

+ themes + base themes + starter themes + theme functions + template files + render arrays +

preprocess functions + process functions + alter functions + theme hook suggestions + views +

display suite +panels + cray cray

Page 10: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

What base themedo you use?

Page 11: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

It depends.

Page 12: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Measuring Up

What type of projects are you building?

Who maintains the site after launch?

What can be reused?

Where do you need to build in flexibility?

Page 13: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 14: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

7Staff Members

900+Websites

Stanford Web Services

Page 15: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Open Framework

Page 16: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Open Framework

Page 17: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Open Framework

Page 18: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Open Framework

Page 19: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 20: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Panopoly + Bootstrap

Kalatheme

drupal.org/project/kalatheme

Page 21: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 22: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

drupal.org/project/pure

Page 23: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 24: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

bit.ly/14VPriy

Page 25: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions
Page 26: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Centerdrupal.org/project/center

Page 27: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Prototypedrupal.org/project/prototype

Page 28: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

How do you begin to approach this?

Page 29: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Get your measurements.

Page 30: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Start building your own!

Page 31: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Continuos Improvement

Page 32: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Continuos Continuous

Improvement

Page 33: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

To Conclude:

Nobody knows you like you.Get you measurements.Build something.

Page 34: Dapper Drupal · Front-end Developer HTML + CSS + JS + themes + base themes + starter themes + theme functions + template files + render arrays + preprocess functions + process functions

Survey Says!!bit.ly/14DgkZ5