Class Wednesday, April 8th & Friday, April 10th

0.  Today’s featured website:

http://www.retroj.am/

1.  Helpful code here (please be careful not to delete it)!  Feel free to add your own helpful code if you did something cool you want to share with others.

http://www.codeshare.io/YJQOd

Code here for:

– changing your page structure

– adding/removing a page

– adding an image

– adding back and home buttons to your header

2.  Adding pictures

a.  Find pictures from bing.com (image search, license free to share and use) or try this site (go down to free section, you will also need free account to download these)

b. Resize your pictures on Pixlr.com

c.  SAVE them with a short name as a PNG and make sure to save them in your folder (Local Disk, Users, Web Student, Sites, Your Name, Test Mobile Site 1)

d. Now you can add mypicture.png or whatever it’s called to your site; see our Code Share link above for the code

3.  Helpful links

jQuery Mobile code examples from W3Schools.com

List of jQuery Mobile data icons (your home and back buttons include these)

jQuery CSS classes