Locative Media Project 3 in Digital Literacy - Responsive bootstrap Bowling Website

2. DECISIONS, DECISIONS…

3. STRUCK-STRIKE-BOWLING,
Get it?..

4. STARTING UP…
-Began working from “scratch”
(column.css and reset.css)
After Monday’s critique ---------------------------------------------Scrapped the stylesheets.
-Synced jquery and javascrpt demos.

5. SAN MATEO COUNTY ALLEYS:

6. OOOH, PRETTY COLORS!

7. FONTS AND TYPEFACES
"Gill Sans", "Gill Sans MT", "Myriad
Pro", "DejaVu Sans
Condensed", Helvetica, Arial, sans-serif;
Paragraph
Healvetica Neue – Bold
Headings
Helvetica Neue
Links/Buttons

8. LOCATION INFO

9. LET’S GET THINGS “ROLLING”

10. PHONE VS DESKTOP…. FIGHT!
PHONE:
-Single Column takes up entire
row.
-Divide “Home” and “About” from
location links.
-Large, easy to press buttons.

11. PHONE VS DESKTOP…FIGHT!
DESKTOP:
-Multiple Columns
-Display more content on
one screen
Top heading larger

12. STRUGGLES
-Content shown depending on
device.
-More vs less.

13. STRUGGLES PART 2
-How to arrange content
based on the device.

14. THE + SIDE
-Stronger understanding of jquery
-How to work with bootstrap and letting go of column and reset stylesheets
-Adjust to rows with columns

15. DOWN THE ALLEY … -Hey, I think the saying goes “Down the road”
-Aware of display with device
-Hope to create helpful
device-specific features
(may involve javascript)