-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspeakers.php
243 lines (186 loc) · 11.6 KB
/
speakers.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<?php $thisPage = 'speakerspage'; ?>
<?php $pageTitle = 'Speakers'; ?>
<?php include("includes/pageHeader.php"); ?>
<body id="wrapper" class="vevent home">
<?php include("includes/header.php"); ?>
<div class="main-content">
<?php include("includes/nav.php"); ?>
<section class="speakers-container" id="erik-spiekermann">
<div class="speaker-copy" >
<h1>Keynote</h1>
<p></p>
<h2>Erik Spiekermann</h2>
<p class="speaker-bio">Erik Spiekermann is information architect, type designer and author of books and articles on type and typography. Two of his typefaces, FF Meta and ITC Officina, are considered to be modern classics. In 1979 he founded MetaDesign and in 1989 FontShop. Today he is managing partner and creative director of Edenspiekermann. He is also Honorary Royal Designer for Industry in Britain.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/spiekermann">@espiekermann</a></li>
<li><a href="http://spiekermann.com/">spiekermann.com</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section><!-- ######## END SPIEKERMANN ###### -->
<section class="speakers-container" id="mark-boulton">
<div class="speaker-copy" >
<h1>Typography in Responsive Design</h1>
<p>Drawing on all the tools we currently have at our disposal, Mark will take you through the decisions you can make to make your typography as responsive as your layout.</p>
<h2>Mark Boulton</h2>
<p class="speaker-bio">Mark Boulton is a web designer and author, and member of the ISTD. He is the founder of Mark Boulton Design, and co-founder of indie publisher Five Simple Steps. Sometimes outspoken, always passionate, Mark is obsessed with applying the fundamentals of good typographic design on the web. Mark lives in South Wales with his wife and daughter, a small collection of neglected bonsai and a guitar he wish he owned when he was 18.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/markboulton">@markboulton</a></li>
<li><a href="http://www.markboulton.co.uk">www.markboulton.co.uk</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<section class="speakers-container" id="gerry-leonidas">
<div class="speaker-copy" >
<h1>The Newest New Typography</h1>
<p>It takes four seconds to make up your mind about a typeface, and about eight minutes to explain why, in detail. It takes about ten years, give or take a couple, to figure out why all the print typographers moan that there's more to Good Typography than a nice typeface; they'd say it would take as much to explain the whole thing. Gerry will attempt to do it in 44 minutes, leaving just enough time for a joke about old typographers.</p>
<h2>Gerry Leonidas</h2>
<p class="speaker-bio">Gerry Leonidas is a Senior Lecturer in Typography at the University of Reading. He teaches, supervises, and lectures on typography, typeface design, and typographic education. The rest of his time is taken with enterprise and consultancy projects, and a fair amount of pushing paper. He is mostly associated with the MA Typeface Design course, for which he is the Programme Director.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/@gerryleonidas">@gerryleonidas</a></li>
<li><a href="http://www.twitter.com/@typefacedesign">@typefacedesign</a></li>
<li><a href="http://leonidas.org/">leonidas.org</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<section class="speakers-container" id="ben-terrett">
<div class="speaker-copy" >
<h1>Designing GOV.UK</h1>
<p></p>
<h2>Ben Terrett</h2>
<p class="speaker-bio">Ben is Head of Design at the Government Digital Service, in the Cabinet Office for the UK Government where GOV.UK has just won Design of the Year at the Design Museum Awards. Before that he was Design Director at Wieden & Kennedy London. Ben has spoken about design on Radio 4’s Today programme and has been a D&AD judge several times.</p>
<h2>Chris Heathcote</h2>
<p class="speaker-bio">Chris is creative lead at GDS. He’s one of the most inspirational thinkers in the UK design community, and talks passionately about the intersection between the digital and the physical worlds.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/@benterrett">@benterrett</a></li>
<li><a href="http://www.benterrett.com">BenTerrett.com</a></li>
<li><a href="http://noisydecentgraphics.typepad.com/">noisydecentgraphics.typepad.com</a></li>
</ul>
<ul>
<li><a href="http://www.twitter.com/@antimega">@antimega</a></li>
<li><a href="http://anti-mega.com/">anti-mega.com</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<section class="speakers-container" id="kutlu-canlioglu">
<div class="speaker-copy" >
<h1>Designing BBC World Service</h1>
<p></p>
<h2>Kutlu Çanlıoğlu</h2>
<p class="speaker-bio">Kutlu is Creative Director of BBC iPlayer where he leads the user experience and design team. Before leading the iPlayer team, Kutlu was the Creative Director for the BBC’s Global Experience Language and responsible for championing the role of craftsmanship around typography. </p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/@kutluc">@kutluc</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<section class="speakers-container" id="nina-stoessinger">
<div class="speaker-copy" >
<h1>Being Ernestine</h1>
<p>What does it mean to design a professional typeface? Nina will tell the short tale of the long journey towards completing her first typeface design; a musing on fun and frustration, on learning to draw and learning to see, on passion and perseverance – on being earnest, and making FF Ernestine.</p>
<h2>Nina Stössinger</h2>
<p class="speaker-bio">Nina originally started out as a web designer, discovered her love of type at design school, and has since been working mostly in graphic design, typography, and book design. Nina sometimes speaks and writes, and has taught an introductory class in screen typography at FH Dresden. Most frequently her nights and weekends are spent working on typeface designs, resulting in the release of her first commercial typeface in 2011.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/@ninastoessinger">@ninastoessinger</a></li>
<li><a href="http://ninastoessinger.com">NinaStoessinger.com</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<section class="speakers-container" id="andy-hume">
<div class="speaker-copy" >
<h1>Web Fonts as a Progressive Enhancement</h1>
<p>Progressive enhancement attempts to ensure that content is delivered to all web users regardless of technology. How do web fonts fit into this methodology? What and where are the possible pitfalls, and how might we work around them? Andy will look at some learnings from implementing web fonts on high performance and high availability sites including the Guardian.</p>
<p><a href="http://ampersand.s3.amazonaws.com/2013/ampersand2013-hume.mp3">Audio (20.8Mb)</a></p>
<h2>Andy Hume</h2>
<p class="speaker-bio">Andy is a frontend engineer at Twitter. He has previously been frontend architect at the Guardian and a consultant at Clearleft working on projects for the BBC, Channel 4, NBC, Fontdeck, Mozilla and eBay.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/@andyhume">@andyhume</a></li>
<li><a href="http://andyhume.net/">AndyHume.net</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<section class="speakers-container" id="jenn-lukas">
<div class="speaker-copy" >
<h1>On Icon Fonts & Working with Designers</h1>
<p>Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Let’s examine type and icon fonts through a developer lense and see how to work together to get everyone on the same page!</p>
<h2>Jenn Lukas</h2>
<p class="speaker-bio">Jenn Lukas is a web developer working with Happy Cog in Philadelphia. She writes for The Nerdary and has a regular column in .net magazine. When she’s not crafting sites with the finest of web standards, Jenn teaches HTML and CSS for GirlDevelopIt and runs <a href="http://ladiesintech.com">ladiesintech.com</a>.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/@jennlukas">@jennlukas</a></li>
<li><a href="http://jennlukas.com/">JennLukas.com</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<section class="speakers-container" id="christian-schwartz">
<div class="speaker-copy" >
<h1>Webfonts are Just Fonts</h1>
<h2>Christian Schwartz</h2>
<p class="speaker-bio">Christian Schwartz is a type designer and typography consultant. Christian is one half of Commercial Type, a joint venture with Paul Barnes, with whom he has collaborated since 2004 on various typeface projects, most notably the award winning Guardian Egyptian.</p>
</div> <!-- END SPEAKER-BIO -->
<div class="speaker-more">
<ul>
<li><a href="http://www.twitter.com/@commercialtype">@commercialtype</a></li>
<li><a href="http://www.christianschwartz.com/">ChristianSchwartz.com</a></li>
</ul>
</div><!-- END MORE-BIO -->
</section>
<div class="speaker-nav">
<h2>Speakers & Sessions</h2>
<ul>
<li><a href="#erik-spiekermann">Erik Spiekermann</a></li>
<li><a href="#mark-boulton">Mark Boulton</a></li>
<li><a href="#gerry-leonidas">Gerry Leonidas</a></li>
<li><a href="#ben-terrett">Ben Terrett & Chris Heathcote</a></li>
<li><a href="#kutlu-canlioglu">Kutlu Çanlıoğlu</a></li>
<li><a href="#nina-stoessinger">Nina Stössinger</a></li>
<li><a href="#andy-hume">Andy Hume</a></li>
<li><a href="#jenn-lukas">Jenn Lukas</a></li>
<li><a href="#christian-schwartz">Christian Schwartz</a></li>
</ul>
</div><!-- END SPEAKER-NAV -->
</div>
<?php include("includes/footer.php"); ?>
<script src="http://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function () {
var top = $('.speaker-nav').offset().top - parseFloat($('.speaker-nav').css('marginTop').replace(/auto/, 0));
$(window).scroll(function (event) {
// what the y position of the scroll is
var y = $(this).scrollTop();
// whether that's below the form
if (y >= top) {
// if so, ad the fixed class
$('.speaker-nav').addClass('fixed');
} else {
// otherwise remove it
$('.speaker-nav').removeClass('fixed');
}
});
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash;
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 500, 'swing', function () {
window.location.hash = target;
});
});
});
</script>
</body>
</html>