Picasso Pirate

Transcript

1. A  pirate’s  life  for  me.   Derik  Strattan  
3. I  want  a  great   looking  website,   but  I  don’t  want   to  pay  for  it!  
4. blog.mlin.net    
5. Caveat:  Stealing  is  stealing.  Check   licenses,  and  buy  if  you  can.   •  Designers  worked  hard  to  make  these  designs,  and  if   you  can  pay,  then  do  so.     •  Using  a  pay-­‐for  template  WITHOUT  paying  will  land   you  on  Hacker  News.  And  it  won’t  be  to  say  how   awesome  your  app  is.  Basically:               DON’T BE A DOUCHE.
6. Two  Words:  Live  Preview.    THEMES:   http://themeforest.net/   http://bootswatch.com/2/   http://code.divshot.com/themestrap/  
7. Click  Live  Preview  
8. Right  click  -­‐  View  Page   Source  
9. Select  all  html,  copy/paste   to  index.html.erb  
10. Right  click,  Inspect  Element  
11. Right  pane,  inspect  CSS  
12. Pane:  Style  Editor   Notice  the  multiple  CSS  stylesheets  
13. Sublime  Editor  –  Create  file   in  app/assets/stylesheets  
14. Inspector  pane:  Select  CSS  file  name,  copy/ paste  as  name  of  newly  created  CSS  file.    
15. Back  to  Pane:  Style  Editor   Copy  all  these  rules.  
16. Sublime  Editor  –  Paste  copied  CSS   rules  in  new  CSS  file  
17. Rinse  and  Repeat  for  ALL  CSS   stylesheets    
18. Copying  Javascript:  Right   click,  View  Page  Source       Holy!  It’s  clickable!  Do  it.  
19. Sweet,  Sweet  Javascript.   Copy  everything  here.   Check  license.  MIT  or  Apache   =  use  it.  
20. Sublime  –  Make  a  new  file  in   app/assets/javascripts  
21. Name  .JS  file  exactly  as  View   Page  Source.  Paste  in  JS  
22. Rinse/Repeat  for  all  custom   JS  files.   www.wonacottpr.com  
23. Go  forth  and  conquer,  my   Droogies.