Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designer-Friendly EE

Designer-Friendly EE

Designer-friendly tips and tricks for working with ExpressionEngine and making your clients happy. Presentation for 3rd annual Engine Summit

Emily Lewis

May 30, 2012
Tweet

More Decks by Emily Lewis

Other Decks in Technology

Transcript

  1. Designer-Friendly EE Engine Summit  Web Designer Writer Instructor emilylewisdesign.com

    Co-host, EE Podcast ee-podcast.com Author, Microformats Made Simple microformatsmadesimple.com Contributing author, HTML5 Cookbook oreilly.com/catalog/0636920016038 Email: [email protected] Blog: ablognotlimited.com Twitter: @emilylewis
  2. Designer-Friendly EE Engine Summit  • User-friendly interfaces • Standards-based

    front-end • Organization and planning What I’m Good At
  3. Designer-Friendly EE Engine Summit  • User-friendly interfaces • Standards-based

    front-end • Organization and planning What I’m Good At What I’m Not • Programming • Databases • Servers and hosting
  4. Designer-Friendly EE Engine Summit  • User-friendly interfaces • Standards-based

    front-end • Organization and planning What I’m Good At What I’m Not • Programming • Databases • Servers and hosting ✓ ✓ ✓ OB OB OB
  5. Designer-Friendly EE Engine Summit Documentation  • Process - installation,

    configuration, go-live • EE dev - channels, custom fields, categories ... everything • Server environment, version control My Tools of Choice • Basecamp - basecamp.com • Dev Docs - devot-ee.com/add-ons/dev-docs
  6. Designer-Friendly EE Engine Summit Basecamp  • Installation • Configuration

    • Go live • Everything in between To-do List Templates & Projects Project Management
  7. Designer-Friendly EE Engine Summit Dev Docs  • Naming conventions

    • Server environment • Channels • Custom fields • Categories • Templates Project-specific Development • Snippets • Global Variables • Add-ons • File manager upload preferences • Control panel customizations eeinsider.com/articles/the-dreaded-documentation/
  8. Designer-Friendly EE Engine Summit Installing/Upgrading  • Remove files you

    don’t need ee-podcast.com/episodes/time-saving-tips-techniques • Upload compressed file ee-spotlight.com/tutorials/a-better-way-to-ftp-your- expressionengine-site-use-zip-files • Expansion script ngenworks.com/blog/ee-upgrade-script/
  9. Designer-Friendly EE Engine Summit Security  Post-Installation Best Practices •

    Rename system directory • Move system directory above the web root • Rename admin.php expressionengine.com/user_guide/installation/best_practices.html
  10. Designer-Friendly EE Engine Summit Templates & Groups  • Chunking

    train-ee.com/.../02-chunking-up-the- main-template-into-a-collection-of- embedded-templates • Limit embeds, try out Snippets and Global Variables* loweblog.com/downloads/ee-parse- order.pdf
  11. Designer-Friendly EE Engine Summit Templates & Groups  • Smart

    conditionals devot-ee.com/add-ons/ifelse derekallard.com/blog/post/simple-vs-complex-conditionals-in- expressionengine-templates • Organization and naming conventions
  12. Designer-Friendly EE Engine Summit Text Editors  • v2.5 Rich

    Text Editor* vimeo.com/37280018 • Wygwam devot-ee.com/add-ons/wygwam
  13. Designer-Friendly EE Engine Summit Custom Fields  • HTML allowed

    • Instructions on steriods ee-garage.com/nsm-publish-hints Better Publish Forms Good Field Labels & Instructions
  14. Designer-Friendly EE Engine Summit Custom Fields  • VZ Address

    devot-ee.com/add-ons/vz-address Better Publish Forms The Right Fieldtype for Your Client
  15. Designer-Friendly EE Engine Summit Publish Layouts  Better Publish Forms

    eeinsider.com/blog/help-troubleshoot-publish-layouts/
  16. Designer-Friendly EE Engine Summit Title & Title URL Labels 

    Better Publish Forms devot-ee.com/add-ons/mx-title-control
  17. Designer-Friendly EE Engine Summit Title & Title URL Labels 

    Better Publish Forms devot-ee.com/add-ons/mx-title-control
  18. Designer-Friendly EE Engine Summit  • Modified install/upgrade • Security

    changes • Good templating practices • Add-ons • Dev Docs • Matrix • MX Title Control* • VZ Address • Wygwam* • Devot:ee Monitor* What I Will Always Do What I Might Do • Low Variables • Playa • Single Entry • NavEE/Structure
  19. Designer-Friendly EE Engine Summit Know Your Project! • Budget •

    Timeline • Functionality requirements • Content authors - number, skill • Publishing workflows • Your own skill level 
  20. Designer-Friendly EE Engine Summit  • Document, document, document •

    Plan, plan, plan • Get out of your comfort zone • Try add-ons • Focus on user experience http://flic.kr/p/5WrMdi
  21. Designer-Friendly EE Engine Summit More Info • NSM config bootstrap

    ee-garage.com/nsm-config-bootstrap • ExpressionEngine Site Strategy with Dev Docs expressionengine.com/blog/entry/ expressionengine_site_strategy_with_dev_docs • EE, Faster speakerdeck.com/u/jacobrussell/p/ee-faster • Parse Order and Low Variables gotolow.com/blog/parse-order-and-low-variables  ☺
  22. Designer-Friendly EE Engine Summit More Info • Relationships with Playa

    mijingo.com/products/screencasts/playa-relationships-expressionengine/ • Switchee devot-ee.com/add-ons/switchee • NSM override.css ee-garage.com/override-css • Nerdery Theme github.com/litzinger/Nerdery-Theme  ☺