Developer vs. Designer
-
date post
17-Oct-2014 -
Category
Technology
-
view
23.878 -
download
2
description
Transcript of Developer vs. Designer
![Page 1: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/1.jpg)
Designer vs
developer the eternal struggle of ego tripping
søndag den 6. februar 2011
![Page 2: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/2.jpg)
@mortendk
søndag den 6. februar 2011
![Page 3: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/3.jpg)
respect!
i love the drupal
developerS!søndag den 6. februar 2011
![Page 4: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/4.jpg)
“Designer”Those who work with the
frontend & wanna have it to look epic
søndag den 6. februar 2011
![Page 5: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/5.jpg)
DeveloperThose who work with the
functionality & wanna have it to work epic
søndag den 6. februar 2011
![Page 6: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/6.jpg)
søndag den 6. februar 2011
![Page 7: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/7.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/8.jpg)
søndag den 6. februar 2011
![Page 9: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/9.jpg)
fugly
søndag den 6. februar 2011
![Page 10: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/10.jpg)
fugly
• Designer says “this looks ugly“
søndag den 6. februar 2011
![Page 11: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/11.jpg)
fugly
• Designer says “this looks ugly“
• Developer hears “My code is ugly”
søndag den 6. februar 2011
![Page 12: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/12.jpg)
code you can count on
søndag den 6. februar 2011
![Page 13: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/13.jpg)
code you can count on
• We can measure code
søndag den 6. februar 2011
![Page 14: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/15.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/17.jpg)
measure design
søndag den 6. februar 2011
![Page 18: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/18.jpg)
measure design
• green is better than blue
søndag den 6. februar 2011
![Page 19: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/19.jpg)
measure design
• green is better than blue
• this makes me feel good
søndag den 6. februar 2011
![Page 20: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/20.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/21.jpg)
different mindset
søndag den 6. februar 2011
![Page 22: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/22.jpg)
different mindset
• we look at the stuff differently
søndag den 6. februar 2011
![Page 23: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/23.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/24.jpg)
frontend hell
søndag den 6. februar 2011
![Page 25: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/25.jpg)
søndag den 6. februar 2011
![Page 26: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/26.jpg)
Drupal Core
themeModule
theme
site
Module
Module
Module
everyone’s packing css
søndag den 6. februar 2011
![Page 27: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/27.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/28.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/29.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/30.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/31.jpg)
css filesdont make it harder than it is
søndag den 6. februar 2011
![Page 32: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/32.jpg)
css files
• Stop adding crap!
• only add if its nessesary
• it looks pretty ?
søndag den 6. februar 2011
![Page 33: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/33.jpg)
søndag den 6. februar 2011
![Page 34: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/34.jpg)
epicmodule.admin.css
• epicmodule.admin.css
• For all you admin love stuff
søndag den 6. februar 2011
![Page 35: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/35.jpg)
epicmodule.base.css
• epicmodule.base.css
• for all you basic needs - ajax hotness
søndag den 6. februar 2011
![Page 36: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/36.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/37.jpg)
right to left
• epicmodule.xxxx.-rtl.css
søndag den 6. februar 2011
![Page 38: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/38.jpg)
repeat!
• epicmodule.admin.css
• epicmodule.base.css
• epicmodule.theme.css
søndag den 6. februar 2011
![Page 39: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/39.jpg)
stop adding crap!
søndag den 6. februar 2011
![Page 40: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/40.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/41.jpg)
communicationmaking your self understandable
søndag den 6. februar 2011
![Page 42: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/42.jpg)
display suitez
søndag den 6. februar 2011
![Page 43: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/43.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/44.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/45.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/46.jpg)
time response
søndag den 6. februar 2011
![Page 47: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/47.jpg)
søndag den 6. februar 2011
![Page 48: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/48.jpg)
the sventel case
• display suite:
• http://drupal.org/node/1032882
søndag den 6. februar 2011
![Page 49: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/49.jpg)
ego tripping
søndag den 6. februar 2011
![Page 50: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/50.jpg)
ego tripping
• you Design what i Developed!
søndag den 6. februar 2011
![Page 51: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/51.jpg)
ego tripping
• you Design what i Developed!
• you Develop what i Design!
søndag den 6. februar 2011
![Page 52: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/52.jpg)
we share the pain
søndag den 6. februar 2011
![Page 53: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/53.jpg)
søndag den 6. februar 2011
![Page 54: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/54.jpg)
søndag den 6. februar 2011
![Page 55: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/55.jpg)
drupal design campberlin sommer 2011
june 24-25
søndag den 6. februar 2011
![Page 56: Developer vs. Designer](https://reader033.fdocuments.in/reader033/viewer/2022051311/5441bf6cb1af9f034c8b47ff/html5/thumbnails/56.jpg)
resources
• @mortendk
• http://morten.dk
• http://drupal.org/project/mothership
• http://jacine.net/post/1099051638/how-weve-started-to-clean-up-css-in-drupals-system
søndag den 6. februar 2011