Tuesday, November 2, 2010

Fonts and Typeface

Current Site:
Phoenix College
11px/normal Arial, sans-serif
Titles: Times New Roman 18px Serif

New Site Recommend:  Verdana 12px for body  (line height 20px has a lot of white space around it)
Titles:  Georgia
Example:  www.Alistapart.com

RIO: 
Link Bar: 14px/Arial, Helvetica, sans-serif
Self-Serve Title:  20px Arial

Estrella
The whole page Body: Verdana, Tahoma, 'DejaVu Sans', sans-serif

Gateway:  Link Bar Verdana 13px (H1) 14px Verdana, sans-serif; (H2) Verdana 12px

AZ Central.com  Title: Arial, Helvetica, sans-serif

SERIF FONT
Examples of serif fonts are Times New Roman, Georgia, Book Antiqua, Palatino and Garamond. They aren’t heavily used on the web.

Suitable for the Web: Serif (Title): If you’d like to use a serifed font then Georgia is a popular choice. It looks nice, particularly at around 14 pixels.

SANS SERIF
Well-known sans-serif fonts include Helvetica (known as Arial on Windows), Trebuchet MS, Lucida Grande, and the ever-popular Verdana. All of these fonts are clean and will usually work well even at small sizes. Below is an example of text set in Trebuchet MS:

Sans Serif:  Verdana — it’s probably the most-used font on the web.  Helvetica/Arial and their variations are nice fonts, but are rarely specified as they don’t look quite as cool as Verdana. Trebuchet MS is nice, has similar spacing to Helvetica, and adds a distinctive edge since it is so rarely used.

Slab Serif:  Courier New, and Rockwell

Web Fonts compatibility chart (lists Windows/Mac font equivalents):
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Arial  
Arial
(Verdana)

Arial
(Tahoma)
Arial   (Trebuchet)

Sunday, August 1, 2010

SKINS AND BACKGROUNDS

Blackboard Skin on the Blog: http://blogs.loyno.edu/students/

Color

002b5e

http://www.colorcombos.com/color-scheme-183.html

http://www.colorcombos.com/color-scheme-161.html

http://www.colorcombos.com/color-scheme-183.html

http://www.colorcombos.com/color-scheme-227.html

http://www.colorcombos.com/color-scheme-276.html

http://www.colorcombos.com/color-scheme-273.html

http://osc4.template-help.com/wt_29648/index.html#



College Websites Using Blue and Gold - some bad and some good.  Really like the use of the darker blue with minimal gold (high bright yellow - not the darker mustard) and some lime green accents with a bit of brick

http://www.umich.edu/current.php (just like ours...yuck)

http://www.wvu.edu (not bad)

http://berkeley.edu/students (gold looks bad)

http://www.kent.edu/index.cfm

http://www.edustyle.net/site.php?site=3508

http://www.nd.edu/

*** http://www.coker.edu (blue with white lettering and just a little gold and some light green)

Nice redesign of color:  http://www.pdx.edu  ( I like the clean white small use of brick in a tab)  Look at 2007 preview:  http://www.edustyle.net/site.php?site=391


Green and Gold
http://www.msu.edu/  nice gold and the grey has a hint of green to it.

PICTURE TRANSITION IS INTERESTING!

Student Life

Indian East University
Clean, Nicely Laid Out
Good Use of Colors
Minimal but Important Information
Good side navigation Headers and secondary pages
Good use of social media:  Flickr
http://www.iue.edu/campuslife/resources/http://www.iue.edu/campuslife/resources/

Sunday, May 23, 2010

COLOR

http://www.deeside.ac.uk/about-us/
Main Colors:  Blue (two tones), Gold
Secondary: Purple, Green
Drop Down Menu: Grey with Yellow Headlines

Hillsdale  (same color scheme)

Kent State http://www.kent.edu/index.cfm

Athletics

Middlebury (A+)
http://www.middlebury.edu/athletics/
See Scoreboard (right hand column)

Team Photo
Wasn't sure where to put the team photo, since it seems kind of barren to place it on a page all by itself, and where this photo goes wasn't addressed in any of the documentation. Talked with Samantha Ezell, and she said the roster page would be a good place for the team photo, [since the roster is a list of the individuals on a team, so both the team photos, and its players would be shown here, and these both relate to an academic year].
Updated: 8/17/2011

Schedule/Results
Video Link/Feed
In the future, if required, the schedule/results pages (the Drupal content type) could be expanded to include a Video link (Embedded Media Field) so that if a game were videotaped, a direct link to the video for this game could be placed here by pasting in the the YouTube URL.
Photo Link/Feed
Additionally, a Flickr or Smugmug field (Embedded Media Field) could be added to this content type to display photos from a particular game.
Note about Smugmug: Michael Burm takes many pictures of PC Sports, and publishes his work on Smugmug, thus the note about Smugmug as a photo link or feed. Of course, this would need to be discussed ahead of time with Mr. Burm if it were to be considered. http://www.mjbphoto.smugmug.com/
Link Field
A link field could be added in the future, so each game could link to somewhere, such as a news article about the game.
These would be game-specific links and fields, not general links. At this time, it's not needed and would be additional content to manage, but would not be too difficult to set up if athletics wanted to use it at a later time.

Results Column
Samantha Ezell explained that if a game is not played yet (no score entered), the score should be completely blank. If a game HAS been played and the score is tied, this can be called a Draw ("D"). A draw can be 0-0, 1-1, 2-2, or any game where the score is tied, even if it's tied at 0-0. Wins and Losses can be labeled "W" and "L", respectively.
Updated: 8/17/2011