Top Banner
LOCATIVE MEDIA PRO JECT 3
15

Eric b project03

May 26, 2015

Download

Technology

Eric Bernzweig

Locative Media Project 3 in Digital Literacy - Responsive bootstrap Bowling Website
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Eric b project03

LOCAT

IVE M

EDIA

PR

OJ E

CT

3

Page 2: Eric b project03

DECISIONS, DECISIONS…

Page 3: Eric b project03

STRUCK-STRIKE-BOWLING, Get it?..

Page 4: Eric b project03

STARTING UP…

-Began working from “scratch” (column.css and reset.css)

After Monday’s critique ----------------------------------------------

-Scrapped the stylesheets.

-Synced jquery and javascrpt demos.

Page 5: Eric b project03

SAN MATEO COUNTY ALLEYS:

Page 6: Eric b project03

OOOH, PRETTY COLORS!

Page 7: Eric b project03

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

Page 8: Eric b project03

LOCATION INFO

Address/Contact

Hours of Operation

Prices

Page 9: Eric b project03

LET’S GET THINGS “ROLLING”

Page 10: Eric b project03

PHONE VS DESKTOP…. FIGHT!

-Single Column takes up entire row.

-Divide “Home” and “About” from location links.

-Large, easy to press buttons.

PHONE:

Page 11: Eric b project03

PHONE VS DESKTOP…FIGHT!

DESKTOP:

-Multiple Columns

-Display more content on one screen

Top heading larger

Page 12: Eric b project03

STRUGGLES

-Content shown depending on device.

-More vs less.

Page 13: Eric b project03

STRUGGLES PART 2

-How to arrange content based on the device.

Page 14: Eric b project03

THE + SIDE

-Stronger understanding of jquery

-How to work with bootstrap and letting go of column and reset stylesheets

-Adjust to rows with columns

Page 15: Eric b project03

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)