Istep 12851418093338 Phpapp01
-
Upload
tarun-pahuja -
Category
Health & Medicine
-
view
398 -
download
3
description
Transcript of Istep 12851418093338 Phpapp01
![Page 1: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/1.jpg)
Designer vs
developer the eternal struggle of ego tripping
søndag den 6. februar 2011
![Page 2: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/2.jpg)
@mortendk
søndag den 6. februar 2011
![Page 3: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/3.jpg)
respect!
i love the drupal
developerS!søndag den 6. februar 2011
![Page 4: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/5.jpg)
DeveloperThose who work with the
functionality & wanna have it to work epic
søndag den 6. februar 2011
![Page 6: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/6.jpg)
søndag den 6. februar 2011
![Page 7: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/8.jpg)
søndag den 6. februar 2011
![Page 9: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/9.jpg)
fugly
søndag den 6. februar 2011
![Page 10: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/10.jpg)
fugly
• Designer says “this looks ugly“
søndag den 6. februar 2011
![Page 11: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/11.jpg)
fugly
• Designer says “this looks ugly“
• Developer hears “My code is ugly”
søndag den 6. februar 2011
![Page 12: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/12.jpg)
code you can count on
søndag den 6. februar 2011
![Page 13: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/13.jpg)
code you can count on
• We can measure code
søndag den 6. februar 2011
![Page 14: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/17.jpg)
measure design
søndag den 6. februar 2011
![Page 18: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/18.jpg)
measure design
• green is better than blue
søndag den 6. februar 2011
![Page 19: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/19.jpg)
measure design
• green is better than blue
• this makes me feel good
søndag den 6. februar 2011
![Page 20: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/21.jpg)
different mindset
søndag den 6. februar 2011
![Page 22: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/22.jpg)
different mindset
• we look at the stuff differently
søndag den 6. februar 2011
![Page 23: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/24.jpg)
frontend hell
søndag den 6. februar 2011
![Page 25: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/25.jpg)
søndag den 6. februar 2011
![Page 26: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/26.jpg)
Drupal Core
themeModule
theme
site
Module
Module
Module
everyone’s packing css
søndag den 6. februar 2011
![Page 27: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/31.jpg)
css filesdont make it harder than it is
søndag den 6. februar 2011
![Page 32: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/33.jpg)
søndag den 6. februar 2011
![Page 34: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/34.jpg)
epicmodule.admin.css
• epicmodule.admin.css
• For all you admin love stuff
søndag den 6. februar 2011
![Page 35: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/37.jpg)
right to left
• epicmodule.xxxx.-rtl.css
søndag den 6. februar 2011
![Page 38: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/38.jpg)
repeat!
• epicmodule.admin.css
• epicmodule.base.css
• epicmodule.theme.css
søndag den 6. februar 2011
![Page 39: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/39.jpg)
stop adding crap!
søndag den 6. februar 2011
![Page 40: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/41.jpg)
communicationmaking your self understandable
søndag den 6. februar 2011
![Page 42: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/42.jpg)
display suitez
søndag den 6. februar 2011
![Page 43: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/46.jpg)
time response
søndag den 6. februar 2011
![Page 47: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/47.jpg)
søndag den 6. februar 2011
![Page 48: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/48.jpg)
the sventel case
• display suite:
• http://drupal.org/node/1032882
søndag den 6. februar 2011
![Page 49: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/49.jpg)
ego tripping
søndag den 6. februar 2011
![Page 50: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/50.jpg)
ego tripping
• you Design what i Developed!
søndag den 6. februar 2011
![Page 51: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/51.jpg)
ego tripping
• you Design what i Developed!
• you Develop what i Design!
søndag den 6. februar 2011
![Page 52: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/52.jpg)
we share the pain
søndag den 6. februar 2011
![Page 53: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/53.jpg)
søndag den 6. februar 2011
![Page 54: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/54.jpg)
søndag den 6. februar 2011
![Page 55: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/html5/thumbnails/55.jpg)
drupal design campberlin sommer 2011
june 24-25
søndag den 6. februar 2011
![Page 56: Istep 12851418093338 Phpapp01](https://reader034.fdocuments.us/reader034/viewer/2022052600/5576feaed8b42a0e058b4a7d/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