SlideShare uma empresa Scribd logo
1 de 56
Baixar para ler offline
Designer
                                 vs
                             developer
                             the eternal struggle of ego tripping



søndag den 6. februar 2011
@mortendk

søndag den 6. februar 2011
respect!

                              i love the
                                drupal
                             developerS!
søndag den 6. februar 2011
“Designer”
               Those who work with the
              frontend & wanna have it to
                      look epic




søndag den 6. februar 2011
Developer
            Those who work with the
         functionality & wanna have it to
                    work epic




søndag den 6. februar 2011
søndag den 6. februar 2011
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
søndag den 6. februar 2011
fugly




søndag den 6. februar 2011
fugly


                     • Designer says “this looks ugly“



søndag den 6. februar 2011
fugly


                     • Designer says “this looks ugly“
                     • Developer hears “My code is ugly”


søndag den 6. februar 2011
code you can count on




søndag den 6. februar 2011
code you can count on

                     • We can measure code




søndag den 6. februar 2011
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
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
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
measure design




søndag den 6. februar 2011
measure design

                     • green is better than blue




søndag den 6. februar 2011
measure design

                     • green is better than blue
                     • this makes me feel good



søndag den 6. februar 2011
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
different mindset




søndag den 6. februar 2011
different mindset


                     • we look at the stuff differently



søndag den 6. februar 2011
different mindset


                     • we look at the stuff differently
                     • we talk different dialects of geek


søndag den 6. februar 2011
frontend hell




søndag den 6. februar 2011
søndag den 6. februar 2011
Module
                                             theme


                                                     theme
                                  Module
    Drupal
     Core
                                                             site
                                  Module




                                  Module




                             everyone’s packing css
søndag den 6. februar 2011
css
 css           css

                     css
          css
                              css
   css          css
                                    Module
                                             theme


                                                     theme
                                    Module
    Drupal
     Core
                                                             site
                                    Module




                                    Module




                             everyone’s packing css
søndag den 6. februar 2011
css
                             css      css         css
 css           css
                                    css             css
                     css
          css                               css
                              css                       css
   css          css                   css
                                                  css
                                          Module
                                                              theme


                                            css
                                          Module
                                                                      theme

    Drupal
     Core                                 css
                                                                              site
                                          Module
                                      css
                                          Module        css




                             everyone’s packing css
søndag den 6. februar 2011
css     css
                             css      css         css
                                                                        css
 css           css                                            css
                                    css             css
                     css                                              css
          css                               css               css             css
                              css                       css
   css          css                   css
                                                  css
                                          Module
                                                              theme


                                            css
                                          Module
                                                                            theme

    Drupal
     Core                                 css
                                                                                    site
                                          Module
                                      css
                                          Module        css




                             everyone’s packing css
søndag den 6. februar 2011
css
                                                                                    css
                                                        css     css                                css
                                                                                         css css
                             css      css         css
                                                                        css           css          css
 css           css                                            css                             css
                                    css             css                               css          css
                     css                                              css                   css
          css                               css               css                             css css
                                                                              css     css
                              css                       css
                                                                                                    css
   css          css                   css                                                css css
                                                  css
                                          Module                                       css         css
                                                              theme
                                                                                               css
                                            css                             theme     css           css
                                          Module
    Drupal                                                                                  css
     Core                                 css                                          css         css
                                                                                            site
                                          Module
                                      css                                                  css
                                                                                               css
                                          Module        css                           css css
                                                                                    css        css
                                                                                           css
                                                                                    css        css
                                                                                         css
                             everyone’s packing css                                 css        css
søndag den 6. februar 2011
css files
                             dont make it harder than it is




søndag den 6. februar 2011
css files

                     • Stop adding crap!
                     • only add if its nessesary
                     • it looks pretty ?


søndag den 6. februar 2011
søndag den 6. februar 2011
epicmodule.admin.css


                     • epicmodule.admin.css
                     • For all you admin love stuff


søndag den 6. februar 2011
epicmodule.base.css


                     • epicmodule.base.css
                     • for all you basic needs - ajax hotness


søndag den 6. februar 2011
epicmodule.theme.css


                     • epicmodule.theme.css
                     • if you really need colors & pretty stuff this
                             is the palce




søndag den 6. februar 2011
right to left


                     • epicmodule.xxxx.-rtl.css



søndag den 6. februar 2011
repeat!

                     • epicmodule.admin.css
                     • epicmodule.base.css
                     • epicmodule.theme.css


søndag den 6. februar 2011
stop adding
                                crap!
søndag den 6. februar 2011
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
communication
                              making your self understandable




søndag den 6. februar 2011
display suite
                                   z




søndag den 6. februar 2011
my question


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




søndag den 6. februar 2011
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
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
time response




søndag den 6. februar 2011
søndag den 6. februar 2011
the sventel case


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


søndag den 6. februar 2011
ego tripping




søndag den 6. februar 2011
ego tripping


                     • you Design what i Developed!



søndag den 6. februar 2011
ego tripping


                     • you Design what i Developed!
                     • you Develop what i Design!


søndag den 6. februar 2011
we share the pain




søndag den 6. februar 2011
søndag den 6. februar 2011
søndag den 6. februar 2011
drupal design camp
                              berlin sommer 2011
                                   june 24-25




søndag den 6. februar 2011
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

Mais conteúdo relacionado

Destaque

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Destaque (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

Developer vs. Designer

  • 1. Designer vs developer the eternal struggle of ego tripping søndag den 6. februar 2011
  • 3. respect! i love the drupal developerS! søndag den 6. februar 2011
  • 4. “Designer” Those who work with the frontend & wanna have it to look epic søndag den 6. februar 2011
  • 5. Developer Those who work with the functionality & wanna have it to work epic søndag den 6. februar 2011
  • 6. søndag den 6. februar 2011
  • 7. 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
  • 8. søndag den 6. februar 2011
  • 9. fugly søndag den 6. februar 2011
  • 10. fugly • Designer says “this looks ugly“ søndag den 6. februar 2011
  • 11. fugly • Designer says “this looks ugly“ • Developer hears “My code is ugly” søndag den 6. februar 2011
  • 12. code you can count on søndag den 6. februar 2011
  • 13. code you can count on • We can measure code søndag den 6. februar 2011
  • 14. 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
  • 15. 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
  • 16. 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
  • 17. measure design søndag den 6. februar 2011
  • 18. measure design • green is better than blue søndag den 6. februar 2011
  • 19. measure design • green is better than blue • this makes me feel good søndag den 6. februar 2011
  • 20. 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
  • 21. different mindset søndag den 6. februar 2011
  • 22. different mindset • we look at the stuff differently søndag den 6. februar 2011
  • 23. different mindset • we look at the stuff differently • we talk different dialects of geek søndag den 6. februar 2011
  • 24. frontend hell søndag den 6. februar 2011
  • 25. søndag den 6. februar 2011
  • 26. Module theme theme Module Drupal Core site Module Module everyone’s packing css søndag den 6. februar 2011
  • 27. css css css css css css css css Module theme theme Module Drupal Core site Module Module everyone’s packing css søndag den 6. februar 2011
  • 28. css css css css css css css css css css css css css css css css css Module theme css Module theme Drupal Core css site Module css Module css everyone’s packing css søndag den 6. februar 2011
  • 29. css css css css css css css css css css css css css css css css css css css css css css css Module theme css Module theme Drupal Core css site Module css Module css everyone’s packing css søndag den 6. februar 2011
  • 30. css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css css Module css css theme css css theme css css Module Drupal css Core css css css site Module css css css Module css css css css css css css css css everyone’s packing css css css søndag den 6. februar 2011
  • 31. css files dont make it harder than it is søndag den 6. februar 2011
  • 32. css files • Stop adding crap! • only add if its nessesary • it looks pretty ? søndag den 6. februar 2011
  • 33. søndag den 6. februar 2011
  • 34. epicmodule.admin.css • epicmodule.admin.css • For all you admin love stuff søndag den 6. februar 2011
  • 35. epicmodule.base.css • epicmodule.base.css • for all you basic needs - ajax hotness søndag den 6. februar 2011
  • 36. epicmodule.theme.css • epicmodule.theme.css • if you really need colors & pretty stuff this is the palce søndag den 6. februar 2011
  • 37. right to left • epicmodule.xxxx.-rtl.css søndag den 6. februar 2011
  • 38. repeat! • epicmodule.admin.css • epicmodule.base.css • epicmodule.theme.css søndag den 6. februar 2011
  • 39. stop adding crap! søndag den 6. februar 2011
  • 40. 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
  • 41. communication making your self understandable søndag den 6. februar 2011
  • 42. display suite z søndag den 6. februar 2011
  • 43. my question • So off course the next question is: How to make this work with subthemes ? søndag den 6. februar 2011
  • 44. 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
  • 45. 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
  • 46. time response søndag den 6. februar 2011
  • 47. søndag den 6. februar 2011
  • 48. the sventel case • display suite: • http://drupal.org/node/1032882 søndag den 6. februar 2011
  • 49. ego tripping søndag den 6. februar 2011
  • 50. ego tripping • you Design what i Developed! søndag den 6. februar 2011
  • 51. ego tripping • you Design what i Developed! • you Develop what i Design! søndag den 6. februar 2011
  • 52. we share the pain søndag den 6. februar 2011
  • 53. søndag den 6. februar 2011
  • 54. søndag den 6. februar 2011
  • 55. drupal design camp berlin sommer 2011 june 24-25 søndag den 6. februar 2011
  • 56. 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