Online Portfolio

Sunday, January 27, 2013

Online Portfolio

1. FLOWCHART

2. IMAGE

Each image cannot be larger than 250KB

Must optimize image in Photoshop

Photoshop > File > Save as Web {tutorial}

Maximum file size for single file: 700px width x 900px height.

Recommended Size: 650 x 433px, 72ppi (3:2 Ratio)

Uploading file types: .JPG, .GIF, .PNG, .SWF, .MOV.

3. DOMAIN & HOSTING

Buy a domain name and setting.

Go Daddy

Registering a Domain Name and Setting Up Website Hosting:
http://youtu.be/k8DlIvat7m4
Setting Up Your Webhosting with your Domain Name:
http://youtu.be/-r5dRMXX8Co
Uploading Your Website (Dreamweaver):
http://youtu.be/ZCF4lmwuNlc

Setting a custom domain

4. DESIGN & USABILITY {Problem Solving}

Position {menu}

[–] http://laurenschimming.com/Curious-Advice
[+] http://kaitlinkall.com

Ordering {menu}

[–] http://cargocollective.com/emilycomfort
[+] http://crdimalla.com/
[+] http://excites.co.uk

Grouping {menu}

[–] http://jordangraycreative.com/77291/674456/work/life-uncommon-photography
[+, –] http://crdimalla.com/
[+] http://daikoku.ndc.co.jp
[+] http://whynotsmile.com

Designer Name & Identity {home}

Description + Naming {works}

[+] http://crdimalla.com/
[+] http://kaitlinkall.com/project/tad-business-cards/
[–] http://educ.jmu.edu/~praughbm/csagi.html
[+: des. –: title] http://jordangraycreative.com/77291/674445/work/synchronized-sleeping

Credits

Saturday, January 26, 2013

Web Font Choice

Web Font Choice {html&css: p. 277~278}
https://typekit.com
www.fontex.org
www.fontsquirrel.com
www.openfontlibrary.org
------------------------------------
Google Web Fonts: www.google.com/webfonts
Google Developer: https://developers.google.com/webfonts/docs/getting_started

A Designer's guide to Webfonts:
http://www.fontshop.com/education/pdf/webfonts.pdf
------------------------------------

> Example
Textbook: Chap.12 (p.277)

CSS:

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('fonts/chunkfive.eot');}
  
 h1, h2 {
    font-family: ChunkFiveRegular, Georgia, serif;}


HTML:

 <h1>Briards</h1>

  <p>The brie is a large breed of dog traditionally used as a herder and guardian of sheep.</p>

<h2>Breed History</h2>

  <p>The briard, which is believed to have originated in France, has been bred for centuries to herd and to protect sheep.</p>

Friday, January 25, 2013

The en dash, n dash, n-rule, or "nut" (–) is traditionally half the width of an em dash.[2][3] In modern fonts, the length of the en dash is not standardized, and the en dash is often more than half the width of the em dash.[4] The widths of en and em dashes have also been specified as being equal to those of the upper-case letters N and M respectively,[5][6] and at other times to the widths of the lower-case letters.[4][7]

Ranges of values

The en dash is commonly used to indicate a closed range of values, meaning a range with clearly defined and non-infinite upper and lower boundaries. This may include ranges such as those between dates, times, or numbers.[8][9][10][11] Examples of this usage may include:

June–July 1967
1:00–2:00 p.m.
For ages 3–5
pp. 38–55
President Jimmy Carter (1977–1981)

Em dash {Opt + Shift + -}

The em dash (—), m dash, m-rule, or "mutton," often demarcates a break of thought or some similar interpolation stronger than the interpolation demarcated by parentheses, such as the following from Nicholson Baker's The Mezzanine:

For Example:

At that age I once stabbed my best friend, Fred, with a pair of pinking shears in the base of the neck, enraged because he had been given the comprehensive sixty-four-crayon Crayola box—including the gold and silver crayons—and would not let me look closely at the box to see how Crayola had stabilized the built-in crayon sharpener under the tiers of crayons.

	glyph	HTML character entity reference	HTML/XML numeric character references	Mac OS X key combination
en dash	–	–	– or –	⌥ Opt+-
em dash	—	—	— or —	⌥ Opt+⇧ Shift+-

>> http://en.wikipedia.org/wiki/Dash#cite_note-1

InDesign

1. Place your cursor in the location where you want to use the em dash.
2. Click on "Type" in the toolbar.
3. Scroll down to "insert special character" in the "type" menu.
4. A second menu will emerge from "insert special character." Select "hyphens and dashes."
5. From "hyphens and dashes," a third menu will appear. Select "em dash."."