developer vs. designer

56
Designer vs developer the eternal struggle of ego tripping søndag den 6. februar 2011

Post on 17-Oct-2014

23.889 views

Category:

Technology


2 download

DESCRIPTION

Good advice to Drupal developers from a Drupal front end geek.The session was given at the Drupal Developer Days in Brussels 2011

TRANSCRIPT

Page 1: Developer vs. Designer

Designer vs

developer the eternal struggle of ego tripping

søndag den 6. februar 2011

Page 2: Developer vs. Designer

@mortendk

søndag den 6. februar 2011

Page 3: Developer vs. Designer

respect!

i love the drupal

developerS!søndag den 6. februar 2011

Page 4: Developer vs. Designer

“Designer”Those who work with the

frontend & wanna have it to look epic

søndag den 6. februar 2011

Page 5: Developer vs. Designer

DeveloperThose who work with the

functionality & wanna have it to work epic

søndag den 6. februar 2011

Page 6: Developer vs. Designer

søndag den 6. februar 2011

Page 7: Developer vs. Designer

brussels 5 years ago:

• “We are tired of designers coming and telling us that

drupal looks like shit” - 3:00 am friday DrupalCon Brussels

søndag den 6. februar 2011

Page 8: Developer vs. Designer

søndag den 6. februar 2011

Page 9: Developer vs. Designer

fugly

søndag den 6. februar 2011

Page 10: Developer vs. Designer

fugly

• Designer says “this looks ugly“

søndag den 6. februar 2011

Page 11: Developer vs. Designer

fugly

• Designer says “this looks ugly“

• Developer hears “My code is ugly”

søndag den 6. februar 2011

Page 12: Developer vs. Designer

code you can count on

søndag den 6. februar 2011

Page 13: Developer vs. Designer

code you can count on

• We can measure code

søndag den 6. februar 2011

Page 14: Developer vs. Designer

code you can count on

• We can measure code

• How long does it take for a functions to run

søndag den 6. februar 2011

Page 15: Developer vs. Designer

code you can count on

• We can measure code

• How long does it take for a functions to run

• 1 + 1 = 2

søndag den 6. februar 2011

Page 16: Developer vs. Designer

code you can count on

• We can measure code

• How long does it take for a functions to run

• 1 + 1 = 2

• Foo is faster than bar = foo is better

søndag den 6. februar 2011

Page 17: Developer vs. Designer

measure design

søndag den 6. februar 2011

Page 18: Developer vs. Designer

measure design

• green is better than blue

søndag den 6. februar 2011

Page 19: Developer vs. Designer

measure design

• green is better than blue

• this makes me feel good

søndag den 6. februar 2011

Page 20: Developer vs. Designer

measure design

• green is better than blue

• this makes me feel good

• i dont know what i like but i know what i dont!

søndag den 6. februar 2011

Page 21: Developer vs. Designer

different mindset

søndag den 6. februar 2011

Page 22: Developer vs. Designer

different mindset

• we look at the stuff differently

søndag den 6. februar 2011

Page 23: Developer vs. Designer

different mindset

• we look at the stuff differently

• we talk different dialects of geek

søndag den 6. februar 2011

Page 24: Developer vs. Designer

frontend hell

søndag den 6. februar 2011

Page 25: Developer vs. Designer

søndag den 6. februar 2011

Page 26: Developer vs. Designer

Drupal Core

themeModule

theme

site

Module

Module

Module

everyone’s packing css

søndag den 6. februar 2011

Page 27: Developer vs. Designer

Drupal Core

themeModule

theme

site

Module

Module

Module

everyone’s packing css

css

css

css

css

csscss

css css

søndag den 6. februar 2011

Page 28: Developer vs. Designer

Drupal Core

themeModule

theme

site

Module

Module

Module

everyone’s packing css

css css

css

css

css

css css

css css

csscss css

csscss

css css

css

css

css

css

css

søndag den 6. februar 2011

Page 29: Developer vs. Designer

Drupal Core

themeModule

theme

site

Module

Module

Module

everyone’s packing css

css css

css

css

css

css css

css css

csscss css

csscss

css css

css

css

css

css

css

css

css css

css

css

css

søndag den 6. februar 2011

Page 30: Developer vs. Designer

Drupal Core

themeModule

theme

site

Module

Module

Module

everyone’s packing css

css css

csscss

csscsscss

css

css

css css

css css

csscss css

csscss

css css

css

csscss

css

css

css

css css

css

csscsscss

css

css

css

css css

css

css

css

csscss

csscss

css

css

css

css css

css

csscss

csscss

csscss

css

css

css

css css

css

csscss

søndag den 6. februar 2011

Page 31: Developer vs. Designer

css filesdont make it harder than it is

søndag den 6. februar 2011

Page 32: Developer vs. Designer

css files

• Stop adding crap!

• only add if its nessesary

• it looks pretty ?

søndag den 6. februar 2011

Page 33: Developer vs. Designer

søndag den 6. februar 2011

Page 34: Developer vs. Designer

epicmodule.admin.css

• epicmodule.admin.css

• For all you admin love stuff

søndag den 6. februar 2011

Page 35: Developer vs. Designer

epicmodule.base.css

• epicmodule.base.css

• for all you basic needs - ajax hotness

søndag den 6. februar 2011

Page 36: Developer vs. Designer

epicmodule.theme.css

• epicmodule.theme.css

• if you really need colors & pretty stuff this is the palce

søndag den 6. februar 2011

Page 37: Developer vs. Designer

right to left

• epicmodule.xxxx.-rtl.css

søndag den 6. februar 2011

Page 38: Developer vs. Designer

repeat!

• epicmodule.admin.css

• epicmodule.base.css

• epicmodule.theme.css

søndag den 6. februar 2011

Page 39: Developer vs. Designer

stop adding crap!

søndag den 6. februar 2011

Page 40: Developer vs. Designer

what to do

• Make sure that the output is "themable"

• Themable is not css!

• Give us the markup

• Wrap<div class=”myepicmodule”>....</div>

• Add tpl files

• Dont hide theme functions

• make a README.txt

søndag den 6. februar 2011

Page 41: Developer vs. Designer

communicationmaking your self understandable

søndag den 6. februar 2011

Page 42: Developer vs. Designer

display suitez

søndag den 6. februar 2011

Page 43: Developer vs. Designer

my question

• So off course the next question is:How to make this work with subthemes ?

søndag den 6. februar 2011

Page 44: Developer vs. Designer

Q

• And my question would be, how do subthemes work exactly, I'm a dev, not a themer, so a quick explanation would help me out on this :)

søndag den 6. februar 2011

Page 45: Developer vs. Designer

A

• What would be sweet was to be able to config my contenttype with the ds_layouts from the basetheme (mothership/foobar/whatever)then i dont have to copy code around & around. (yup im a lazy)Did that made sense :)

søndag den 6. februar 2011

Page 46: Developer vs. Designer

time response

søndag den 6. februar 2011

Page 47: Developer vs. Designer

søndag den 6. februar 2011

Page 48: Developer vs. Designer

the sventel case

• display suite:

• http://drupal.org/node/1032882

søndag den 6. februar 2011

Page 49: Developer vs. Designer

ego tripping

søndag den 6. februar 2011

Page 50: Developer vs. Designer

ego tripping

• you Design what i Developed!

søndag den 6. februar 2011

Page 51: Developer vs. Designer

ego tripping

• you Design what i Developed!

• you Develop what i Design!

søndag den 6. februar 2011

Page 52: Developer vs. Designer

we share the pain

søndag den 6. februar 2011

Page 53: Developer vs. Designer

søndag den 6. februar 2011

Page 54: Developer vs. Designer

søndag den 6. februar 2011

Page 55: Developer vs. Designer

drupal design campberlin sommer 2011

june 24-25

søndag den 6. februar 2011