SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
Sustainable theming
  Its actually not just about theming.
What is it?
Sustainable Theming
        is...
 developing a site that does not rely on you.
 You being the key word.

 process for multi-person development teams.

 keeping the team healthy.

 streamlining your business processes.

 patience.
It is not...
  about you.
It is not...
CSS built before data architecture plan or development

CSS built before content types

CSS built before Views

CSS built before proliferated content

CSS built before fiddling with the TPLs

About writing HTML

Limited to theming
It’s about relying on
     what’s there
The markup structure that is coming from the
system.

Using the markup provided by modules like
Views and CCK.

And if you have a problem with the markup,
get involved in making it better, in core, and
not rewriting it yourself.
It may not be for...

a solo web developer

a person who will never update a site.

mortendk ;)

unless we can get him drunk enough
Who is it for?
And it’s not about
 the technique
So why should
  you do it?
So You Don’t Get
   Burned!!!
So you can take a
    vacation!
and...

Avoid having to start from scratch every time.

Easier to work in parallel with other teams.

So the client/maintainer can extend the
site...without you, or a developer, or CSS
additions, or HTML modifications, or TPL
tweaking.
Why can’t we...
put the power in the hands of the user?

make ourselves replaceable?

make things easier on the maintainer?
Palantir’s
Approach
Palantir’s Approach
There is no stylistic approach to HTML or CSS

Re-arranging markup first, rarely removing or
modifying markup

Admin before TPL

Consider ease of workflow over ease of
theming
Why we use Zen
Because we have          Layout method for
commit access            markup source
                         reordering
CSS broken out by task
                         Common starting
Semantic markup          point

Paint by numbers CSS     Flexible and complex
                         designs, predictable
Logic based CSS          markup and CSS
classes
Why we transitioned
So we could support sites 6+ months after release.

So our clients could extend their own sites.

So our clients could adopt their sites as their own.

So we could have multiple themers on a project.

So we could streamline our process.
Streamline your
business process

design process

development process

Q/A

knowledge transfer
Drupal is not a
   website.
Drupal is a
  content
management
  system
Just because it works doesn’t mean it’s right.




         http://thereifixedit.com/2009/08/17/epic-kludge-photo-now-with-twice-the-windows/

Weitere ähnliche Inhalte

Was ist angesagt?

Business Models for WordPress Designers & Developers
Business Models for WordPress Designers & DevelopersBusiness Models for WordPress Designers & Developers
Business Models for WordPress Designers & Developers
bcasel
 
2009_09_11_Grid960
2009_09_11_Grid9602009_09_11_Grid960
2009_09_11_Grid960
LightSpeed
 

Was ist angesagt? (20)

WP Engine Customer Inspired: Innovation Showcase
WP Engine Customer Inspired: Innovation ShowcaseWP Engine Customer Inspired: Innovation Showcase
WP Engine Customer Inspired: Innovation Showcase
 
Business Models for WordPress Designers & Developers
Business Models for WordPress Designers & DevelopersBusiness Models for WordPress Designers & Developers
Business Models for WordPress Designers & Developers
 
A Beginner's Guide To Web Design
A Beginner's Guide To Web DesignA Beginner's Guide To Web Design
A Beginner's Guide To Web Design
 
AWS Summit Auckland 2014 | Click, Click, Cloud! Really! - Session Sponsored b...
AWS Summit Auckland 2014 | Click, Click, Cloud! Really! - Session Sponsored b...AWS Summit Auckland 2014 | Click, Click, Cloud! Really! - Session Sponsored b...
AWS Summit Auckland 2014 | Click, Click, Cloud! Really! - Session Sponsored b...
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
 
2009_09_11_Grid960
2009_09_11_Grid9602009_09_11_Grid960
2009_09_11_Grid960
 
Html5 & css3
Html5 & css3 Html5 & css3
Html5 & css3
 
Fundamentals of Premum Plugin Development
Fundamentals of Premum Plugin DevelopmentFundamentals of Premum Plugin Development
Fundamentals of Premum Plugin Development
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
 
Nav test
Nav testNav test
Nav test
 
Dreamweaver Templates
Dreamweaver TemplatesDreamweaver Templates
Dreamweaver Templates
 
CMs presentation March 2010
CMs presentation March 2010CMs presentation March 2010
CMs presentation March 2010
 
WordCamp Miami 2011 - Building a business on wp
WordCamp Miami 2011 - Building a business on wpWordCamp Miami 2011 - Building a business on wp
WordCamp Miami 2011 - Building a business on wp
 
The basics of web design
The basics of web designThe basics of web design
The basics of web design
 
DhruvaClasses@Pune
DhruvaClasses@PuneDhruvaClasses@Pune
DhruvaClasses@Pune
 
SEO copywriting for WordPress - WordCamp Kathmandu 2016
SEO copywriting for WordPress - WordCamp Kathmandu 2016SEO copywriting for WordPress - WordCamp Kathmandu 2016
SEO copywriting for WordPress - WordCamp Kathmandu 2016
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 
Branding Office 365 ESPC15
Branding Office 365 ESPC15Branding Office 365 ESPC15
Branding Office 365 ESPC15
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of Tomorrow
 
Delivering For Clients: Improving ROI with Enterprise WordPress
Delivering For Clients: Improving ROI with Enterprise WordPress Delivering For Clients: Improving ROI with Enterprise WordPress
Delivering For Clients: Improving ROI with Enterprise WordPress
 

Andere mochten auch (8)

Boost your theming skills
Boost your theming skillsBoost your theming skills
Boost your theming skills
 
Gim plywanie
Gim plywanieGim plywanie
Gim plywanie
 
Make Your Site Faster: How to Improve Front-End Performance Strategy
Make Your Site Faster: How to Improve Front-End Performance StrategyMake Your Site Faster: How to Improve Front-End Performance Strategy
Make Your Site Faster: How to Improve Front-End Performance Strategy
 
Blog
BlogBlog
Blog
 
Drupal theming tips and tricks
Drupal theming tips and tricksDrupal theming tips and tricks
Drupal theming tips and tricks
 
2015 In Review
2015 In Review2015 In Review
2015 In Review
 
Urun Gami 3
Urun Gami 3Urun Gami 3
Urun Gami 3
 
Make Your Site Faster: How to Improve Front-End Performance Strategy
Make Your Site Faster: How to Improve Front-End Performance StrategyMake Your Site Faster: How to Improve Front-End Performance Strategy
Make Your Site Faster: How to Improve Front-End Performance Strategy
 

Ähnlich wie Sustainable Theming

Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and EndsVisual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
Miami University
 
Html:css crash course (4:5)
Html:css crash course (4:5)Html:css crash course (4:5)
Html:css crash course (4:5)
Thinkful
 
Web Designing Course in Panchkula
Web Designing Course in PanchkulaWeb Designing Course in Panchkula
Web Designing Course in Panchkula
Webtech Learning
 

Ähnlich wie Sustainable Theming (20)

Important factors to consider while designing your website !
Important factors to consider while designing your website !Important factors to consider while designing your website !
Important factors to consider while designing your website !
 
Evolution for your company- Web design.pdf
Evolution for your company- Web design.pdfEvolution for your company- Web design.pdf
Evolution for your company- Web design.pdf
 
Evolution for your company- Web design
Evolution for your company- Web designEvolution for your company- Web design
Evolution for your company- Web design
 
Tailwind CSS - KanpurJS
Tailwind CSS - KanpurJSTailwind CSS - KanpurJS
Tailwind CSS - KanpurJS
 
Website designing company in noida
Website designing company in noidaWebsite designing company in noida
Website designing company in noida
 
Creating a Business Oriented UI in APEX
Creating a Business Oriented UI in APEXCreating a Business Oriented UI in APEX
Creating a Business Oriented UI in APEX
 
arixstudio l virtual web design academy
arixstudio l virtual web design academyarixstudio l virtual web design academy
arixstudio l virtual web design academy
 
SEO Best Practice for Every Designers
SEO Best Practice for Every DesignersSEO Best Practice for Every Designers
SEO Best Practice for Every Designers
 
Custom WordPress Development Company USA
Custom WordPress Development Company USACustom WordPress Development Company USA
Custom WordPress Development Company USA
 
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and EndsVisual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
 
Web designing services in chandigar1
Web designing services in chandigar1Web designing services in chandigar1
Web designing services in chandigar1
 
Css masterclass book
Css masterclass bookCss masterclass book
Css masterclass book
 
The Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint BrandingThe Pragmatist's Approach to SharePoint Branding
The Pragmatist's Approach to SharePoint Branding
 
Preparing for a website redesign
Preparing for a website redesignPreparing for a website redesign
Preparing for a website redesign
 
A Beginner’s Guide to HubSpot CMS - Make a Website for Your Business With No ...
A Beginner’s Guide to HubSpot CMS - Make a Website for Your Business With No ...A Beginner’s Guide to HubSpot CMS - Make a Website for Your Business With No ...
A Beginner’s Guide to HubSpot CMS - Make a Website for Your Business With No ...
 
Scalable front-end architecture with Bootstrap 3 + Atomic CSS
Scalable front-end architecture with Bootstrap 3 + Atomic CSSScalable front-end architecture with Bootstrap 3 + Atomic CSS
Scalable front-end architecture with Bootstrap 3 + Atomic CSS
 
How Does SSL Affect Your Search Engine Optimization
How Does SSL Affect Your Search Engine OptimizationHow Does SSL Affect Your Search Engine Optimization
How Does SSL Affect Your Search Engine Optimization
 
Html:css crash course (4:5)
Html:css crash course (4:5)Html:css crash course (4:5)
Html:css crash course (4:5)
 
Web Designing Course in Panchkula
Web Designing Course in PanchkulaWeb Designing Course in Panchkula
Web Designing Course in Panchkula
 
We
WeWe
We
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Kürzlich hochgeladen (20)

08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 

Sustainable Theming

  • 1. Sustainable theming Its actually not just about theming.
  • 3. Sustainable Theming is... developing a site that does not rely on you. You being the key word. process for multi-person development teams. keeping the team healthy. streamlining your business processes. patience.
  • 4. It is not... about you.
  • 5. It is not... CSS built before data architecture plan or development CSS built before content types CSS built before Views CSS built before proliferated content CSS built before fiddling with the TPLs About writing HTML Limited to theming
  • 6. It’s about relying on what’s there The markup structure that is coming from the system. Using the markup provided by modules like Views and CCK. And if you have a problem with the markup, get involved in making it better, in core, and not rewriting it yourself.
  • 7. It may not be for... a solo web developer a person who will never update a site. mortendk ;) unless we can get him drunk enough
  • 8. Who is it for?
  • 9. And it’s not about the technique
  • 10. So why should you do it?
  • 11. So You Don’t Get Burned!!!
  • 12. So you can take a vacation!
  • 13. and... Avoid having to start from scratch every time. Easier to work in parallel with other teams. So the client/maintainer can extend the site...without you, or a developer, or CSS additions, or HTML modifications, or TPL tweaking.
  • 14. Why can’t we... put the power in the hands of the user? make ourselves replaceable? make things easier on the maintainer?
  • 16. Palantir’s Approach There is no stylistic approach to HTML or CSS Re-arranging markup first, rarely removing or modifying markup Admin before TPL Consider ease of workflow over ease of theming
  • 17. Why we use Zen Because we have Layout method for commit access markup source reordering CSS broken out by task Common starting Semantic markup point Paint by numbers CSS Flexible and complex designs, predictable Logic based CSS markup and CSS classes
  • 18. Why we transitioned So we could support sites 6+ months after release. So our clients could extend their own sites. So our clients could adopt their sites as their own. So we could have multiple themers on a project. So we could streamline our process.
  • 19. Streamline your business process design process development process Q/A knowledge transfer
  • 20. Drupal is not a website.
  • 21. Drupal is a content management system
  • 22. Just because it works doesn’t mean it’s right. http://thereifixedit.com/2009/08/17/epic-kludge-photo-now-with-twice-the-windows/