PageSourceSearch

http://designishistory.com/1450/gutenberg/

html designishistory.com collected 2026-10-02 06:16:27 UTC 19,603 bytes, 319 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'><head>
5<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
6<meta name='keywords' content='Graphic, Design, History, history of graphic design, typography, printing, advertising, Art History, Gutenberg, Book History, Poster History, Bauhaus, Art and Crafts, Digital Design, Macintosh, Modernism, Swiss, International, style, Post Modern, Deconstruction, New Wave, Avant Garde, Constructivism,'/>
7<meta name='author' content='Dominic Flask'/>
8<meta name='copyright' content='(c) 2010 Dominic Flask'/>
9<meta name="google-site-verification" content="zrolZEmBaEpANskyfGNAlt5ETHRAx8-250X2ClfaImI" />
10<meta name='description' content='History of Graphic Design, Graphic Designers, Art and Design Movements, Motion Graphics, Typography, Color, Design, graphic, Design, Reference, Referenced, A collection of information intended to be used as a primer and a reference tool in relation to the history of graphic design'/>
11
12
13<title>Gutenberg : Design Is History</title>
14<link rel="icon" type="image/png" href="/favicon.ico" >
15<link rel='stylesheet' href='http://designishistory.com/ndxz-studio/site/sample/style.css' type='text/css' />
16<link rel="stylesheet" type="text/css" href="/css/lightview.css" />
17<!--[if lte IE 6]>
18<link rel='stylesheet' href='http://designishistory.com/ndxz-studio/site/sample/ie.css' type='text/css' />
19<![endif]-->
20<script type='text/javascript' src='http://designishistory.com/ndxz-studio/site/js/jquery.js'></script>
vendor: 1 bytes, line 20
20
21<script type='text/javascript'> var $j = jQuery.noConflict(); </script>
vendor: 1 bytes, line 21
21
22<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js'></script>
vendor: 1 bytes, line 22
22
23<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js'></script>
23
24
25
26<style type='text/css'>
27.grow { float:left; margin-bottom: 18px; }
28	.thumb {  padding:0; text-align:left; display: table; height: 220px; #position: relative; overflow: hidden; width: 220px; }
29
30	.grow strong { margin-top: 3px; text-align: left; display: block; font-weight: normal; text-align: center; }
31	.grow em { font-style: normal; display: none; text-align: center; }
32	
33	.thumb-it { #position: absolute; _top: 50%; display: table-cell; vertical-align: middle; text-align: left; }
34	.thumb-img { #position: relative; width: 220px; display:block; }
35</style>
36
37<script type='text/javascript' src='http://designishistory.com/ndxz-studio/site/js/grow.vaska.js'></script>
37
38
39
40<!--Lightview-->
41<script type='text/javascript' src='/js/lightview.js'></script>
41
42
43<!--Expanding Menus-->
44<script type='text/javascript' src='http://designishistory.com/ndxz-studio/site/js/cookie.js'></script>
vendor: 1 bytes, line 44
44
45<script type='text/javascript'>
46
47function expandingMenu(num) {
48	var speed = 500;
49	
50	var item_title = $j("#menu ul").eq(num).children(":first");
51	var items = $j("#menu ul").eq(num).children().filter(function (index) { return index > 0; });
52	
53	/* hide items if not active */
54	if (items.is(".active") == false) {
55		items.hide();
56	}
57
58	/* add click functions + pointer to title */
59	item_title.css({cursor:"pointer"}).toggle(
60		function () {
61			items.show(speed);
62		}, function () {
63			items.hide(speed);
64		}
65	)
66}
67
68path = 'http://designishistory.com/files/gimgs/';
69
70$j(document).ready(function()
71{
72	setTimeout('move_up()', 1);
73	expandingMenu(0);
74	expandingMenu(1);
75	expandingMenu(2);
76	expandingMenu(3);
77	expandingMenu(4);
78	expandingMenu(5);
79	expandingMenu(6);
80	expandingMenu(7);
81	expandingMenu(8);
82	expandingMenu(9);
83	expandingMenu(10);
84});
85
86</script>
86
87
88
89<!--TypeKit-->
90<script type="text/javascript" src="http://use.typekit.com/llf3ohn.js"></script>
vendor: 1 bytes, line 90
90
91<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
91
92
93
94
95<style type='text/css'>
96body { background-color: #120700; }
97</style>
98
99<script type="text/javascript">
100
101  var _gaq = _gaq || [];
102  _gaq.push(['_setAccount', 'UA-17086718-1']);
103  _gaq.push(['_trackPageview']);
104
105  (function() {
106    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
107    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
108    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
109  })();
110
111</script>
111
112
113</head>
114
115<body class='section-5'>
116<div id='menu'>
117<div class='container'>
118
119<p><a href="http://www.designishistory.com" ><img src="/images/bookmark.png"></a></p>
120<ul>
121<li class='section-title'>1450</li>
122<li><a href='http://designishistory.com/design/early-typographers/' onclick="do_click();">Early Typographers</a></li>
123<li class='active'><a href='http://designishistory.com/1450/gutenberg/' onclick="do_click();">Gutenberg</a></li>
124<li><a href='http://designishistory.com/1450/printing-techniques/' onclick="do_click();">Printing Techniques</a></li>
125<li><a href='http://designishistory.com/1450/type-classification/' onclick="do_click();">Type Classification</a></li>
126</ul>
127
128<ul>
129<li class='section-title'>1850</li>
130<li><a href='http://designishistory.com/1850/arts--crafts/' onclick="do_click();">Arts & Crafts</a></li>
131<li><a href='http://designishistory.com/1850/peter-behrens/' onclick="do_click();">Peter Behrens</a></li>
132<li><a href='http://designishistory.com/1850/art-nouveau/' onclick="do_click();">Art Nouveau</a></li>
133<li><a href='http://designishistory.com/1850/posters/' onclick="do_click();">Posters</a></li>
134<li><a href='http://designishistory.com/1850/van-de-velde/' onclick="do_click();">Van de Velde</a></li>
135<li><a href='http://designishistory.com/1850/futurism/' onclick="do_click();">Futurism</a></li>
136<li><a href='http://designishistory.com/1850/dada/' onclick="do_click();">Dada</a></li>
137</ul>
138
139<ul>
140<li class='section-title'>1920</li>
141<li><a href='http://designishistory.com/1920/suprematism/' onclick="do_click();">Suprematism</a></li>
142<li><a href='http://designishistory.com/1920/constructivism/' onclick="do_click();">Constructivism</a></li>
143<li><a href='http://designishistory.com/1920/el-lissitzky/' onclick="do_click();">El Lissitzky</a></li>
144<li><a href='http://designishistory.com/1920/aleksander-rodchenko/' onclick="do_click();">Aleksander Rodchenko</a></li>
145<li><a href='http://designishistory.com/1920/varvara-stepanova/' onclick="do_click();">Varvara Stepanova</a></li>
146<li><a href='http://designishistory.com/1920/kurt-schwitters/' onclick="do_click();">Kurt Schwitters</a></li>
147<li><a href='http://designishistory.com/1920/lucian-bernhard/' onclick="do_click();">Lucian Bernhard</a></li>
148<li><a href='http://designishistory.com/1920/de-stijl/' onclick="do_click();">De Stijl</a></li>
149<li><a href='http://designishistory.com/1920/theo-van-doesberg/' onclick="do_click();">Theo Van Doesberg</a></li>
150<li><a href='http://designishistory.com/1920/the-bauhaus/' onclick="do_click();">The Bauhaus</a></li>
151<li><a href='http://designishistory.com/1920/laszlo-moholy-nagy/' onclick="do_click();">Laszlo Moholy-Nagy</a></li>
152<li><a href='http://designishistory.com/1920/herbert-bayer/' onclick="do_click();">Herbert Bayer</a></li>
153<li><a href='http://designishistory.com/1920/am-cassandre/' onclick="do_click();">A.M. Cassandre</a></li>
154<li><a href='http://designishistory.com/1920/jan-tschichold/' onclick="do_click();">Jan Tschichold</a></li>
155<li><a href='http://designishistory.com/1850/wa-dwiggins/' onclick="do_click();">W.A. Dwiggins</a></li>
156<li><a href='http://designishistory.com/1920/piet-zwart/' onclick="do_click();">Piet Zwart</a></li>
157</ul>
158
159<ul>
160<li class='section-title'>1940</li>
161<li><a href='http://designishistory.com/1940/joseph-albers/' onclick="do_click();">Joseph Albers</a></li>
162<li><a href='http://designishistory.com/1940/gyorgy-kepes/' onclick="do_click();">Gyorgy Kepes</a></li>
163<li><a href='http://designishistory.com/home/swiss/' onclick="do_click();">Swiss Design</a></li>
164<li><a href='http://designishistory.com/1940/emil-ruder/' onclick="do_click();">Emil Ruder</a></li>
165<li><a href='http://designishistory.com/1940/armin-hofmann/' onclick="do_click();">Armin Hofmann</a></li>
166<li><a href='http://designishistory.com/1940/joseph-mueller-brockmann/' onclick="do_click();">Joseph Müller-Brockmann</a></li>
167<li><a href='http://designishistory.com/1940/walter-herdeg/' onclick="do_click();">Walter Herdeg</a></li>
168<li><a href='http://designishistory.com/1940/alvin-lustig/' onclick="do_click();">Alvin Lustig</a></li>
169<li><a href='http://designishistory.com/1940/herbert-matter/' onclick="do_click();">Herbert Matter</a></li>
170<li><a href='http://designishistory.com/1940/will-burtin/' onclick="do_click();">Will Burtin</a></li>
171<li><a href='http://designishistory.com/1940/lester-beall/' onclick="do_click();">Lester Beall</a></li>
172<li><a href='http://designishistory.com/1940/alex-steinweiss/' onclick="do_click();">Alex Steinweiss</a></li>
173<li><a href='http://designishistory.com/1940/erik-nitsche/' onclick="do_click();">Erik Nitsche</a></li>
174<li><a href='http://designishistory.com/1940/ladislav-sutnar/' onclick="do_click();">Ladislav Sutnar</a></li>
175<li><a href='http://designishistory.com/1940/adrian-frutiger/' onclick="do_click();">Adrian Frutiger</a></li>
176<li><a href='http://designishistory.com/1940/alexey-brodovitch/' onclick="do_click();">Alexey Brodovitch</a></li>
177<li><a href='http://designishistory.com/1940/robert-brownjohn/' onclick="do_click();">Robert Brownjohn</a></li>
178</ul>
179
180<ul>
181<li class='section-title'>1960</li>
182<li><a href='http://designishistory.com/1960/otl-aicher/' onclick="do_click();">Otl Aicher</a></li>
183<li><a href='http://designishistory.com/1960/wim-crouwel/' onclick="do_click();">
183Wim Crouwel</a></li>
184<li><a href='http://designishistory.com/1960/bradbury-thompson/' onclick="do_click();">Bradbury Thompson</a></li>
185<li><a href='http://designishistory.com/1960/wolfgang-weingart/' onclick="do_click();">Wolfgang Weingart</a></li>
186<li><a href='http://designishistory.com/1960/corporate-id/' onclick="do_click();">Corporate ID</a></li>
187<li><a href='http://designishistory.com/1960/paul-rand/' onclick="do_click();">Paul Rand</a></li>
188<li><a href='http://designishistory.com/1960/saul-bass/' onclick="do_click();">Saul Bass</a></li>
189<li><a href='http://designishistory.com/1960/george-lois/' onclick="do_click();">George Lois</a></li>
190<li><a href='http://designishistory.com/1960/lou-dorfsman/' onclick="do_click();">Lou Dorfsman</a></li>
191<li><a href='http://designishistory.com/1960/yusaku-kamekura/' onclick="do_click();">Yusaku Kamekura</a></li>
192<li><a href='http://designishistory.com/1960/ikko-tanaka/' onclick="do_click();">Ikko Tanaka</a></li>
193<li><a href='http://designishistory.com/1960/chermayeff--geismar/' onclick="do_click();">Chermayeff & Geismar</a></li>
194<li><a href='http://designishistory.com/1960/herb-lubalin/' onclick="do_click();">Herb Lubalin</a></li>
195<li><a href='http://designishistory.com/1960/fact-eros--avant-garde/' onclick="do_click();">Eros, Fact, Avant Garde</a></li>
196<li><a href='http://designishistory.com/1960/ulc/' onclick="do_click();">U&lc</a></li>
197<li><a href='http://designishistory.com/1960/shigeo-fukuda/' onclick="do_click();">Shigeo Fukuda</a></li>
198<li><a href='http://designishistory.com/1960/first-things-first/' onclick="do_click();">First Things First</a></li>
199<li><a href='http://designishistory.com/1960/seymour-chwast/' onclick="do_click();">Seymour Chwast</a></li>
200<li><a href='http://designishistory.com/1960/tadanori-yokoo/' onclick="do_click();">Tadanori Yokoo</a></li>
201<li><a href='http://designishistory.com/1960/milton-glaser/' onclick="do_click();">Milton Glaser</a></li>
202<li><a href='http://designishistory.com/1960/massimo-vignelli/' onclick="do_click();">Massimo Vignelli</a></li>
203</ul>
204
205<ul>
206<li class='section-title'>1980</li>
207<li><a href='http://designishistory.com/1980/new-ideas-/' onclick="do_click();">New Ideas </a></li>
208<li><a href='http://designishistory.com/1980/the-macintosh/' onclick="do_click();">The Macintosh</a></li>
209<li><a href='http://designishistory.com/1980/peter-saville/' onclick="do_click();">Peter Saville</a></li>
210<li><a href='http://designishistory.com/1980/april-greiman/' onclick="do_click();">April Greiman</a></li>
211<li><a href='http://designishistory.com/1980/emigre/' onclick="do_click();">Emigre</a></li>
212<li><a href='http://designishistory.com/1980/ray-gun/' onclick="do_click();">Ray Gun</a></li>
213<li><a href='http://designishistory.com/1980/david-carson/' onclick="do_click();">David Carson</a></li>
214<li><a href='http://designishistory.com/1980/tibor-kalman/' onclick="do_click();">Tibor Kalman</a></li>
215<li><a href='http://designishistory.com/1980/chip-kidd/' onclick="do_click();">Chip Kidd</a></li>
216<li><a href='http://designishistory.com/1980/the-face/' onclick="do_click();">The Face</a></li>
217<li><a href='http://designishistory.com/1980/neville-brody/' onclick="do_click();">Neville Brody</a></li>
218<li><a href='http://designishistory.com/1980/eye/' onclick="do_click();">Eye</a></li>
219<li><a href='http://designishistory.com/1980/rick-poynor/' onclick="do_click();">Rick Poynor</a></li>
220<li><a href='http://designishistory.com/1980/louise-fili/' onclick="do_click();">Louise Fili</a></li>
221<li><a href='http://designishistory.com/1980/the-designers-republic/' onclick="do_click();">The Designers Republic</a></li>
222<li><a href='http://designishistory.com/1980/paula-scher/' onclick="do_click();">Paula Scher</a></li>
223<li><a href='http://designishistory.com/1980/bruce-mau/' onclick="do_click();">Bruce Mau</a></li>
224<li><a href='http://designishistory.com/1980/ed-fella/' onclick="do_click();">Ed Fella</a></li>
225<li><a href='http://designishistory.com/1980/barbara-kruger/' onclick="do_click();">Barbara Kruger</a></li>
226<li><a href='http://designishistory.com/1980/rick-valicenti/' onclick="do_click();">Rick Valicenti</a></li>
227</ul>
228
229<ul>
230<li class='section-title'>2000</li>
231<li><a href='http://designishistory.com/2000/under-consideration/' onclick="do_click();">Under Consideration</a></li>
232<li><a href='http://designishistory.com/2000/michael-bierut/' onclick="do_click();">Michael Bierut</a></li>
233<li><a href='http://designishistory.com/2000/sagmeister/' onclick="do_click();">Sagmeister</a></li>
234<li><a href='http://designishistory.com/2000/michael-johnson/' onclick="do_click();">Michael Johnson</a></li>
235<li><a href='http://designishistory.com/2000/experimental-jetset/' onclick="do_click();">Experimental Jetset</a></li>
236<li><a href='http://designishistory.com/2000/wolff-olins/' onclick="do_click();">Wolff Olins</a></li>
237<li><a href='http://designishistory.com/2000/ellen-lupton/' onclick="do_click();">Ellen Lupton</a></li>
238<li><a href='http://designishistory.com/2000/daniel-eatock/' onclick="do_click();">Daniel Eatock</a></li>
239<li><a href='http://designishistory.com/2000/winterhouse/' onclick="do_click();">
239Winterhouse</a></li>
240<li><a href='http://designishistory.com/2000/debbie-millman/' onclick="do_click();">Debbie Millman</a></li>
241<li><a href='http://designishistory.com/2000/marian-bantjes/' onclick="do_click();">Marian Bantjes</a></li>
242</ul>
243
244<ul>
245<li class='section-title'>Design</li>
246<li><a href='http://designishistory.com/design/advertising/' onclick="do_click();">Advertising</a></li>
247<li><a href='http://designishistory.com/design/identity-and-branding/' onclick="do_click();">Identity and Branding</a></li>
248<li><a href='http://designishistory.com/design/illustration/' onclick="do_click();">Illustration</a></li>
249<li><a href='http://designishistory.com/design/editorial-design/' onclick="do_click();">Editorial Design</a></li>
250<li><a href='http://designishistory.com/design/typography/' onclick="do_click();">Typography</a></li>
251<li><a href='http://designishistory.com/design/infographics/' onclick="do_click();">Infographics</a></li>
252<li><a href='http://designishistory.com/design/packaging/' onclick="do_click();">Packaging</a></li>
253<li><a href='http://designishistory.com/design/posters/' onclick="do_click();">Posters</a></li>
254<li><a href='http://designishistory.com/design/environmental/' onclick="do_click();">Environmental</a></li>
255<li><a href='http://designishistory.com/design/motion-graphics/' onclick="do_click();">Motion Graphics</a></li>
256<li><a href='http://designishistory.com/design/interactive/' onclick="do_click();">Interactive</a></li>
257<li><a href='http://designishistory.com/design/socially-responsible/' onclick="do_click();">Socially Responsible</a></li>
258</ul>
259
260<ul>
261<li class='section-title'>About</li>
262<li><a href='http://designishistory.com/this-site/' onclick="do_click();">The Site</a></li>
263<li><a href='http://designishistory.com/legend/' onclick="do_click();">Legend</a></li>
264<li><a href='http://designishistory.com/bibliography/' onclick="do_click();">Bibliography</a></li>
265<li><a href='http://designishistory.com/credits/' onclick="do_click();">Credits</a></li>
266</ul>
267
268
269
270
271</div>	
272</div>	
273
274<div id='content'>
275<div class='page'>
276
277<!-- text and image -->
278<div id='gutenberg'><div id='headline'><br />
279Johannes Gutenberg<br />
280</div><br />
281<img src="/images/gutenberg/bible.jpg"><br />
282<div id='left'><br />
283Born in 1398 in Germany, Johannes Gutenberg is best known for his invention of movable mechanized type, which played an important role in the development of the Renaissance, the Reformation and the Scientific Revolution. Movable type was a massive improvement of the handwritten manuscript and allowed for much faster production of printed materials. Movable type was also invented in China at approximately the same time that Gutenberg developed his invention. However, Gutenberg was instrumental in spreading its use across Europe and the World. <br/><br />
284Gutenberg's major publication was a Bible, which is referred to as the <i>42-line Bible</i>, the <i>Mazarin Bible</i> or the <i>Gutenberg Bible</i>. The book first appeared in 1455, although it is thought to have undergone production starting in 1454, and there were approximately 180 copies produced, of which 21 complete copies still exist. The book set many of the printing standards for future publications and is still referenced for its quality in production and typography. <br/><br />
285</div><br />
286<div id='right'>Image compiled from the digital version of the Gutenberg bible located at the <a href="http://www.bl.uk/treasures/gutenberg/homepage.html" target="_blank">British Library</a>.<br />
287</div><br />
288<div id='links'><br />
289<div id='external'>References and More Information:</div><div id='linkage'><a href="http://en.wikipedia.org/wiki/Johannes_Gutenberg" target="_blank">Wikipedia</a><br />
290<a href="http://www.gutenberg-museum.de/index.php?id=29&#38;L=1" target="_blank">The Gutenberg Museum</a><br />
291<a href="http://www.hrc.utexas.edu/exhibitions/permanent/gutenberg/project/" target="_blank">The Digital Gutenberg Project</a><br />
292</div><br />
293<div style='clear:left'><br />
294<link rel="stylesheet" type="text/css" href="/css/1450/gutenberg.css" /><br />
295</div>
296<div class='cl'><!-- --></div>
297
298<!-- end text and image -->
299
300<!-- Google CSE 
301<div id='search'>
302<div id="cse" style="width: 100%;">Loading</div>
303<script src="http://www.google.com/jsapi" type="text/javascript"></script>
vendor: 1 bytes, line 303
303
304<script type="text/javascript">
305  google.load('search', '1', {language : 'en'});
306  google.setOnLoadCallback(function() {
307    var customSearchControl = new google.search.CustomSearchControl('014380253244603972131:dfmx_g9xtcw');
308    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
309    customSearchControl.draw('cse');
310  }, true);
311</script>
311
312<link rel="stylesheet" href="/css/search.css" type="text/css" />
313</div>-->
314
315</div>
316</div>
317
318</body>
319</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.