Sources

PROJECTS ________________________________________________

SOURCES ________________________________________________

USEFUL ________________________________________________

You might take advantage of TypeTester website:

http://classic.typetester.org

TYPE FOUNDRIES ________________________________________________

Listed here are links to the few independent type foundries.
These will provide you with some fresh look at some font families.
The links are for your reference only. Feel free to explore more on web.

Emigre: emigre.com

Hoefler & Co: typography.com

House Industries: houseind.com

Just Another Foundry: justanotherfoundry.com Lineto: lineto.com

Neubau: neubauladen.com

t26: t26.com

a-2 type: a2-type.co.uk

Mock-ups ________________________________________________

Magazine mock-up [Here]

Black Cafe ________________________________________________

Logo in png format: [Here]

BLACK CAFE

The Coffee

The Black Cafe offers casual coffee and special fare in a relaxed atmosphere. The menu changes regularly to highlight the freshest local sources.

Menu

You have fun. We'll handle the cooking. Black Cafe Catering can handle events from snacks for a meetup to elegant corporate fundraisers.

Location and Hours

Fullerton, CA;

Monday through Thursday 11am to 9pm; Friday and Saturday, 11am to midnight

Black Cafe Recipe ________________________________________________

Tapenade (Olive Spread)

This is a really simple dish to prepare and it’s always a big hit at parties. My father recommends:

"Make this the night before so that the flavors have time to blend. Just bring it up to room temperature before you serve it. In the winter, try serving it warm."

Ingredients

1 8oz. jar sundried tomatoes

2 large garlic cloves

2/3 c. kalamata olives

1 t. capers

Instructions

Combine tomatoes and garlic in a food processor. Blend until as smooth as possible.

Add capers and olives. Pulse the motor a few times until they are incorporated, but still retain some

texture.

Serve on thin toast rounds with goat cheese and fresh basil garnish (optional).

American Typographers ________________________________________________

B

Elaine Makatura Bass

Saul Bass

Herbert Bayer

Edna Beilenson

Jill Bell

Ed Benguiat

Greg Bennett (graphic designer)

Paul Bennett (typographer)

John Benson (artisan)

Nicholas Benson

Linn Boyd Benton

Morris Fuller Benton

Charles Bigelow (type designer)

Charles Bluemlein

Joseph Blumenthal (printer)

Will H. Bradley

Sheila Levrant de Bretteville

Robert Brownjohn

Stefan G. Bucher

Jackson Burke

Matthew Butterick

C

Dan Carr

David Carson (graphic designer)

Rob Carter

Warren Chappell

Seymour Chwast

Thomas Maitland Cleland

Elizabeth Colwell

Vincent Connare

Oswald Bruce Cooper

Rick Cusick

D

Theodore Low De Vinne

Ernst F. Detterer

John Downer (sign painter)

William Addison Dwiggins

F

Pablo Ferro

Benjamin Franklin

Tobias Frere-Jones

Dan Friedman (graphic designer)

G

Sidney Gaunt

William S. Gillies

Bertha M. Goudy

Frederic Goudy

Jane Bissell Grabhorn

Chauncey H. Griffith

H

Victor Hammer

Ben Hanford

John Hegnauer

Sol Hess

Jessica Hische

Jonathan Hoefler

Andrew Hoyem

Gerard Huerta

J

Lawrence Johnson (type-founder)

Paul Johnston (printer)

K

Richard Kegler

Donald Knuth

Mike Kohnke

L

John Langdon (typographer)

Raph Levien

Harold Lohner

Herb Lubalin

M

P. Scott Makela

Jim Marcus

Steve Matteson

Douglas Crawford McMurtrie

R. Hunter Middleton

N

Berne Nadall

O

Henry Ohl Jr.

William Dana Orcutt

P

William Hamilton Page

Mike Parker (typographer)

Wadsworth A. Parker

Jim Parkinson

Dan Perri

Joseph W. Phinney

Frank Hinman Pierpont

R

Jesse Ragan

Will Ransom

Theo Rehak

Bruce Rogers (typographer)

Edward Rondthaler

Richard Price Rummonds

Rudolph Ruzicka

S

Mark Samuels Lasner

Mackey Saturday

Christian Schwartz

Peter Seitz

John W. Seybold

Mark Simonson

Robert Slimbach

Jack Stauffacher

Sumner Stone

Hannah Stouffer

Ilene Strizver

T

Atha Tehon

Tommy Thompson (type designer)

Miles Tinker

Carol Twombly

U

Daniel Berkeley Updike

W

Beatrice Warde

Frederic Warde

Jan V. White

Robert Wiebking

Y

Doyald Young

More on Tables ________________________________________________

1.

<table>

<tr>

<th>Calories</th>

</tr>

<tr>

<td>Chicken noodle soup</td>

</tr>

<tr>

<td>Caesar salad</td>

</tr>

</table>

________________________________________________

2.

<table>

<tr>

<th>Album</th>

</tr>

<tr>

<td>Rubber Soul</td>

</tr>

<tr>

<td>Revolver</td>

</tr>

<tr>

<td>Sgt. Pepper's</td>

</tr>

<tr>

<td>The White Album</td>

</tr>

<tr>

<td>Abbey Road</td>

<tr>

</table>

________________________________________________

3. Colspan

<table>

<tr>

</tr>

<tr>

<td>Saturated Fat (g)</td>

<td>Unsaturated Fat (g)</td>

</tr>

</table>v

________________________________________________

4.

<table>

<tr>

</tr>

<tr>

<td colspan="3">The Sunday Night Movie</td>

</tr>

<tr>

<td>Perry Mason</td>

<td>Candid Camera</td>

</tr>

<tr>

<td>Bonanza</td>

<td colspan="2">The Wackiest Ship in the Army</td>

</tr>

</table>

________________________________________________

5. Rowspan

<table>

<tr>

<th rowspan="3">Serving Size</th>

<td>Small (8oz.)</td>

</tr>

<tr>

<td>Medium (16oz.)</td>

</tr>

<tr>

<td>Large (24oz.)</td>

</tr>

</table>

________________________________________________

6.

<table>

<tr>

<td>apples</td>

<td rowspan="3">oranges</td>

<td>pears</td>

</tr>

<tr>

<td>bananas</td>

<td rowspan="2">pineapple</td>

</tr>

<tr>

<td>lychees</td>

</tr>

</table>

________________________________________________

7. Caption

<style>

td, th {border: 1px solid red;}

</style>

<table>

<caption>Black Cafe Nutritional Information</caption>

<tr>

<th>Calories</th>

</tr>

<tr>

<th>Burgers</th>

<td>Organic Grass-fed Beef</td>

<td>Black Bean Veggie</td>

</tr>

<tr>

<th>Fries</th>

<td>Hand-cut Idaho potato</td>

<td>Seasoned sweet potato</td>

</tr>

</table>

________________________________________________

8. Colgroup

<style>

table, th, td {

border: 1px solid black;

}

</style>

<table>

<caption>Black Cafe Deliery</caption>

</colgroup>

<tr>

<th>Day | Night</th>

</tr>

<tr>

<td>Only Night</td>

</tr>

<tr>

<td>Day & Night</td>

</tr>

</table>

________________________________________________

9. Table Challenge

Pay attention to the spans and border colors.

Start with the basic structure:

How many rows you may need?

<table>

</table>

Then start with the first row and create content (td and th) and any possible span:

The first cell (the one in the top-left corner) spans down the height of two rows, so it gets a rowspan attribute.

I’ll use a th here to keep it consistent with the rest of the row. This cell has no content:

<table>

<tr>

</tr>

The cell in the second column of the first row spans over the width of two columns, so it gets a colspan attribute:

<table>

<tr>

<th colspan="2">Catering Menu</th>

</tr>

The cell in the third column has been spanned over by the colspan we just added, so we don’t need to include it in the markup.

The cell in the fourth column also spans down two rows:

<table>

<tr>

<th colspan="2">Catering Menu</th>

</tr>

Now it’s your turn. Continue filling in the th and td elements for the remaining four rows of the table.

Here’s a hint: the first and last cells in the second row have been spanned over. Also, if it’s bold, make it a header.

There is no tfoot in this table.

There are two column groups: one column for headers, the rest for data.

________________________________________________

10. CSS

Selector / Declaration

selector { property: value; }

h1 { color: green; }

strong { color: red; font-style: italic; }

p { property: value; }

Example:

h2 { color: red;

font-size: 2em;

margin-left: 30px;

opacity: .5;

}

________________________________________________

11. CSS Comments

/* comment goes here */

Example:

body {

font-size: small;/* Call designer to fix the typo */

}

________________________________________________

12. Adding Styles to the Document

Embedded style sheets
Inline styles
External style sheets

___1. Embedded style sheets

<head>

<title>Black Café Restaurant</title>

<style>

/* style rules go here */

</style>

</head>

___2. Inline styles

<p style="font-size: large;">Our organic salad...</p>

You can add multiple properties by separating them with semicolons:

<h3 style="color: red; margin-top: 30px;">Lunch Menu</h3>

___3. External Style Sheets

Link OR import

Via link element in HTML:

<head>

<title>Black Café Restaurant</title>

</head>

OR

Via @import rule in a style sheet:

<head>

<title>Black Café Restaurant</title>

<style>

@import url("/path/example.css");

p {font-face: Verdana;}

</style>

</head>

________________________________________________

Thinking With Type

Thinking_with_Type_12-21

Thinking_with_Type_22-25

Thinking_with_Type_28-29

Thinking_with_Type_36-37

Thinking_with_Type_46-51

Thinking_with_Type_54-55

Thinking_with_Type_64-67

Thinking_with_Type_72-75

Thinking_with_Type_80-83

Thinking_with_Type_96-101

Thinking_with_Type_108-117

Thinking_with_Type_124-131

Thinking_with_Type_132-143

Thinking_with_Type_165-173

WEBSITE - MUSE

http://luckyrocker.xyz

http://danmartin.info

http://dmaun.info

http://theboring.site

http://hangtypo.site/

http://davidpadrondesign.site

http://duckduckduc.xyz

http://liliansan.site

http://jspellmandsgn.site

http://rosaliet.info

http://carolingbell.site

http://hannahjtorres.site

CAFE

HTML #2

CAFE
RECIPE 1

<style>

td, th {

border: 1px solid gray;

}

</style>

<style>

td, th { border: 1px solid lightblue; }

table { border: 1px solid red; }

</style>

<table>

<caption>Black Cafe</caption>

<thead>

<tr>

<th colspan="2">Catering Menu</th>

</tr>

<tr>

<th>Lunch</th>

<th>Dinner</th>

</tr>

</thead>

<tbody>

<tr>

<th>Economy</th>

</tr>

<tr>

<th>Premium</th>

</tr>

<tr>

<th>Luxury</th>

</tr>

</tbody>

</table>

AMERICAN
DESIGNERS

Glossary

ANTHONY
(CSS)

Anthony

APP
PROTOTYPE

BC APP

BLACK CAFE
WEBSITE

BC WEB

NAME

Alexis Lara

Daniel Martinez

Alyssa Maun

Christian Mortera

Hang Thu Nguyen

David Padron

Duc Tien Pham

Lilian San

Jared Splellman

Rosalie Talbott

Caroleen Suzuki

Hannah Torres

Harir Djavadi