RPS 9 UI Workshop get your hands dirty
(hidden)  Agenda  <ul><ul><li>The thing (RPS 9) </li></ul></ul><ul><ul><li>Libs, Framework, our beloved host </li></ul></u...
RPS 9
Libs, Framework & our beloved host DOM destroyer Widgets & other UI helpers Javascript The organizer So long IE6
Files & Folders apps config/rps.js controllers doc lib models override resources stylesheets stylesheetsimages test views ...
Override <ul><ul><li>Replace only what's required not whole files </li></ul></ul><ul><ul><li>Available for : </li></ul></u...
Dissecting the UI <ul><ul><li>Background </li></ul></ul><ul><ul><li>Layout </li></ul></ul><ul><ul><ul><li>Header </li></ul...
Tools & Debugging Live change of CSS, HTML & DOM Javascript breakpoint, console & log Homemade log console Only a bandaid ...
Tools & Debugging Homemade log console Only a bandaid on alert hell inside rps
Upcoming SlideShare
Loading in...5
×

RPS 9 UI Worfkshop

129

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
129
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Load and Play a bit with it What&apos;s is web, what is not
  • A web inspector is such an important tool in web development that all major browser now have their own.
  • 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×