NIH Public Access a,b,* Kristen A. Lindquist Eric Anderson ...
Eric b project03
-
Upload
eric-bernzweig -
Category
Technology
-
view
53 -
download
0
description
Transcript of Eric b project03
![Page 1: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/1.jpg)
LOCAT
IVE M
EDIA
PR
OJ E
CT
3
![Page 2: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/2.jpg)
DECISIONS, DECISIONS…
![Page 3: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/3.jpg)
STRUCK-STRIKE-BOWLING, Get it?..
![Page 4: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/4.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/5.jpg)
SAN MATEO COUNTY ALLEYS:
![Page 6: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/6.jpg)
OOOH, PRETTY COLORS!
![Page 7: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/8.jpg)
LOCATION INFO
Address/Contact
Hours of Operation
Prices
![Page 9: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/9.jpg)
LET’S GET THINGS “ROLLING”
![Page 10: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/11.jpg)
PHONE VS DESKTOP…FIGHT!
DESKTOP:
-Multiple Columns
-Display more content on one screen
Top heading larger
![Page 12: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/12.jpg)
STRUGGLES
-Content shown depending on device.
-More vs less.
![Page 13: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/13.jpg)
STRUGGLES PART 2
-How to arrange content based on the device.
![Page 14: Eric b project03](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/14.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022062418/5563b2afd8b42ac70d8b4ca1/html5/thumbnails/15.jpg)
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)