Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

typography/Curriculum.html

Go to file
 
 
Cannot retrieve contributors at this time
132 lines (125 sloc) 8.93 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html>
<head>
<title>Curriculum</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="bear-note-unique-identifier" content="001D76C7-3CB4-4123-AE11-B3D43B6ADAAE-6218-0001270BE465BB30">
<meta name="created" content="2021-02-18T13:26:23-0500"/>
<meta name="modified" content="2021-03-20T10:52:01-0400"/>
<meta name="tags" content="school, school/dmd5015, school/thesis"/>
<meta name="last device" content="Gideon’s iMac"/>
</head>
<body>
<div class="note-wrapper">
<h1 id="Curriculum">Curriculum</h1>
<h2 id="The origins of western writing">The origins of western writing</h2>
<h3 id="4th Century - 1st Century BC">4th Century - 1st Century BC</h3>
<ul><li> <b>Early letterform development and evolution</b>
<ul><li> Phoenician to Roman
</li></ul></li><li> Writing direction
</li><li> Capital letters and stone carving
</li></ul>
<p> </p>
<h2 id="The spread of written language & transition to modern forms">The spread of written language & transition to modern forms</h2>
<h3 id="100 BC-500 AD">100 BC-500 AD</h3>
<ul><li> <b>Capitals transition to Rustic capitals</b>
<ul><li> majuscules and miniscules
</li></ul></li><li> Roman cursive
<ul><li> ligatures
</li></ul></li><li> Anatomy of the letterform, pt 1.
<ul><li> Stroke
<ul><li> Stem & spine
</li><li> Arms & legs
</li><li> Cross-bar vs. cross-stroke
</li><li> Ear
</li><li> Tail
</li><li> Terminal
</li></ul></li><li> Serif
<ul><li> Barb & beak
</li><li> Bracket
</li><li> Finial
</li><li> Spur
</li></ul></li><li> Apex / vertex & crotch
</li><li> Bowl vs. counter
<ul><li> Shoulder
</li></ul></li><li> Baseline & x-height
</li></ul></li><li> Other writing systems (Chinese)
</li><li> Numerals
<ul><li> Upper & lowercase numerals
</li></ul>
</li></ul>
<p> </p>
<h2 id="The era of hand script">The era of hand script</h2>
<h3 id="500-1400">500-1400 </h3>
<ul><li> Uncials & half uncials
<ul><li> Bicameral writing system
</li><li> Magiscules & minuscules
</li></ul></li><li> Grids & grid systems
<ul><li> Margin
</li></ul></li><li> Carolinian minuscules
</li><li> Blackletter
</li><li> Italian script
<ul><li> Italics
</li></ul>
</li></ul>
<p> </p>
<h2 id="Movable type and the printing press">Movable type and the printing press</h2>
<h3 id="1440-1700">1440-1700</h3>
<ul><li> Gutenberg
</li><li> <b>Lead type and presses</b>
<ul><li> Ligatures
</li><li> Uppercase & lowercase
</li><li> Blackletter lead
</li><li> Type-casting
</li></ul></li><li> Old-style
<ul><li> <b>Anatomy of the letterform, pt. II</b>
</li><li> form / counterform
</li><li> ascender & descender
</li><li> ascender, descender, and cap height
</li><li> Em & en
</li><li> link & loop
</li><li> Stress
</li><li> Swash
</li></ul></li><li> <b>Leading & texture</b>
</li><li> Kerning / tracking / letter-spacing
</li><li> Paragraphs, widows, and orphans
</li><li> Proportions & heirarchy
</li></ul>
<p> </p>
<h2 id="Innovations and refinements">Innovations and refinements</h2>
<h3 id="1700-1900">1700-1900</h3>
<ul><li> Caslon & Baskerville
</li><li> Transitional
</li><li> Modern
</li><li> Display face
</li><li> Boldface
</li><li> Egyptian
</li><li> Sans-serif
</li></ul>
<br>
<h2 id="Rise of sans-serif and the digital era">Rise of sans-serif and the digital era</h2>
<h3 id="1900-Today">1900-Today </h3>
<ul><li> Modernism
</li><li> Gill, Renner, Frutiger
</li><li> Digital typography
</li><li> Variable typefaces
</li></ul>
<br>
<p><span class='hashtag'>#school/dmd5015</span></p>
<p><span class='hashtag'>#school/thesis</span></p>
</div>
<script type="text/javascript">
(function() {
var doc_ols = document.getElementsByTagName("ol");
for ( i=0; i<doc_ols.length; i++) {
var ol_start = doc_ols[i].getAttribute("start") - 1;
doc_ols[i].setAttribute("style", "counter-reset:ol_counter " + ol_start + ";");
}
})();
</script>
<style>
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:87.5%;line-height:1.57143em}html{font-size:14px;line-height:1.6em;-webkit-text-size-adjust:100%}body{background:#fcfcfc;color:#545454;text-rendering:optimizeLegibility;font-family:"AvenirNext-Regular"}a{color:#de4c4f;text-decoration:none}h1{font-family:"AvenirNext-Medium";color:#333;font-size:1.6em;line-height:1.3em;margin-bottom:.78571em}h2{font-family:"AvenirNext-Medium";color:#333;font-size:1.3em;line-height:1em;margin-bottom:.62857em}h3{font-family:"AvenirNext-Medium";color:#333;font-size:1.15em;line-height:1em;margin-bottom:.47143em}p{margin-bottom:1.57143em;hyphens:auto}hr{height:1px;border:0;background-color:#dedede;margin:-1px auto 1.57143em auto}ul,ol{margin-bottom:.31429em}ul ul,ul ol,ol ul,ol ol{margin-bottom:0px}ol{counter-reset:ol_counter}ol li:before{content:counter(ol_counter) ".";counter-increment:ol_counter;color:#e06e73;text-align:right;display:inline-block;min-width:1em;margin-right:0.5em}b,strong{font-family:"AvenirNext-Bold"}i,em{font-family:"AvenirNext-Italic"}code{font-family:"Menlo-Regular"}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf_code_string,.sf_code_selector,.sf_code_attr-name,.sf_code_char,.sf_code_builtin,.sf_code_inserted{color:#D33905}.sf_code_comment,.sf_code_prolog,.sf_code_doctype,.sf_code_cdata{color:#838383}.sf_code_number,.sf_code_boolean{color:#0E73A2}.sf_code_keyword,.sf_code_atrule,.sf_code_rule,.sf_code_attr-value,.sf_code_function,.sf_code_class-name,.sf_code_class,.sf_code_regex,.sf_code_important,.sf_code_variable,.sf_code_interpolation{color:#0E73A2}.sf_code_property,.sf_code_tag,.sf_code_constant,.sf_code_symbol,.sf_code_deleted{color:#1B00CE}.sf_code_macro,.sf_code_entity,.sf_code_operator,.sf_code_url{color:#920448}.note-wrapper{max-width:46em;margin:0px auto;padding:1.57143em 3.14286em}.note-wrapper.spotlight-preview{overflow-x:hidden}u{text-decoration:none;background-image:linear-gradient(to bottom, rgba(0,0,0,0) 50%,#e06e73 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 1.05em}s{color:#878787}p{margin-bottom:0.1em}hr{margin-bottom:0.7em;margin-top:0.7em}ul li{text-indent:-0.35em}ul li:before{content:"•";color:#e06e73;display:inline-block;margin-right:0.3em}ul ul{margin-left:1.25714em}ol li{text-indent:-1.45em}ol ol{margin-left:1.25714em}blockquote{display:block;margin-left:-1em;padding-left:0.8em;border-left:0.2em solid #e06e73}.todo-list ul{margin-left:1.88571em}.todo-list li{text-indent:-1.75em}.todo-list li:before{content:"";display:static;margin-right:0px}.todo-checkbox{text-indent:-1.7em}.todo-checkbox svg{margin-right:0.3em;position:relative;top:0.2em}.todo-checkbox svg #check{display:none}.todo-checkbox.todo-checked #check{display:inline}.todo-checkbox.todo-checked+.todo-text{text-decoration:line-through;color:#878787}.code-inline{display:inline;background:white;border:solid 1px #dedede;padding:0.2em 0.5em;font-size:0.9em}.code-multiline{display:block;background:white;border:solid 1px #dedede;padding:0.7em 1em;font-size:0.9em;overflow-x:auto}.hashtag{display:inline-block;color:white;background:#b8bfc2;padding:0.0em 0.5em;border-radius:1em;text-indent:0}.hashtag a{color:#fff}.address a{color:#545454;background-image:linear-gradient(to bottom, rgba(0,0,0,0) 50%,#0da35e 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 1.05em}.address svg{position:relative;top:0.2em;display:inline-block;margin-right:0.2em}.color-preview{display:inline-block;width:1em;height:1em;border:solid 1px rgba(0,0,0,0.3);border-radius:50%;margin-right:0.1em;position:relative;top:0.2em;white-space:nowrap}.color-code{margin-right:0.2em;font-family:"Menlo-Regular";font-size:0.9em}.color-hash{opacity:0.4}.ordered-list-number{color:#e06e73;text-align:right;display:inline-block;min-width:1em}.arrow svg{position:relative;top:0.08em;display:inline-block;margin-right:0.15em;margin-left:0.15em}.arrow svg #rod{stroke:#545454}.arrow svg #point{fill:#545454}mark{color:inherit;display:inline;padding:0.2em 0.5em;background-color:#fcffc0}img{max-width:100%;height:auto}
</style>
</body>
</html>