Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

RPS 9 UI Worfkshop

261 views

Published on

  • Be the first to comment

  • Be the first to like this

RPS 9 UI Worfkshop

  1. 1. RPS 9 UI Workshop get your hands dirty
  2. 2. (hidden) Agenda <ul><ul><li>The thing (RPS 9) </li></ul></ul><ul><ul><li>Libs, Framework, our beloved host </li></ul></ul><ul><ul><li>Files and Folder </li></ul></ul><ul><ul><li>Override </li></ul></ul><ul><ul><li>Dissecting the UI </li></ul></ul><ul><ul><li>Tools & Debugging </li></ul></ul>
  3. 3. RPS 9
  4. 4. Libs, Framework & our beloved host DOM destroyer Widgets & other UI helpers Javascript The organizer So long IE6
  5. 5. Files & Folders apps config/rps.js controllers doc lib models override resources stylesheets stylesheetsimages test views index.html
  6. 6. Override <ul><ul><li>Replace only what's required not whole files </li></ul></ul><ul><ul><li>Available for : </li></ul></ul>(except for images, HTML/ejs) CSS Images Views Controllers Libs Strings Config
  7. 7. Dissecting the UI <ul><ul><li>Background </li></ul></ul><ul><ul><li>Layout </li></ul></ul><ul><ul><ul><li>Header </li></ul></ul></ul><ul><ul><ul><li>Breadcrumbs </li></ul></ul></ul><ul><ul><ul><li>Left side </li></ul></ul></ul><ul><ul><ul><li>Main </li></ul></ul></ul><ul><ul><li>Services </li></ul></ul><ul><ul><li>System Status </li></ul></ul>
  8. 8. Tools & Debugging Live change of CSS, HTML & DOM Javascript breakpoint, console & log Homemade log console Only a bandaid on alert hell inside rps
  9. 9. Tools & Debugging Homemade log console Only a bandaid on alert hell inside rps

×