-
Notifications
You must be signed in to change notification settings - Fork 0
/
speakers.html
190 lines (165 loc) · 7.63 KB
/
speakers.html
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
<! DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Styles Conference | Speakers</title>
<link rel="stylesheet" href="assets/stylesheets/main.css">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400"
rel="stylesheet">
</head>
<body>
<header class="primary-header container clearfix">
<h1 class="logo">
<a href="index.html">Styles<br>Conference</a>
</h1>
<h3 class="tagline">August 24–26th — Chicago, IL</h3>
<nav class="nav primary-nav">
<ul><!-- main menu
--><li><a href="index.html">Home</a></li><!--
--><li><a href="speakers.html">Speakers</a></li><!--
--><li><a href="schedule.html">Schedule</a></li><!--
--><li><a href="venue.html">Venue</a></li><!--
--><li><a href="register.html">Register</a></li>
</ul>
</nav>
</header>
<section class="row-alt">
<div class="lead container">
<h1>Speakers</h1>
<p>
We’re happy to welcome over twenty speakers to present on the industry’s latest technologies. Prepare for an inspiration extravaganza.
</p>
</div>
</section>
<section class="row">
<div class="grid">
<section class="speaker" id="bermon-painter">
<div class="col-2-3">
<h2>Bermon Painter</h2>
<h5>Death to Wireframes: Long Live Rapid Prototyping</h5>
<p>
Static wireframes are a drag on the whole design process.
Prototyping makes things a little better by allowing you to stitch together static wireframes or mockups while adding basic
interactions. Rapid prototyping with HTML, CSS, and JavaScript is
even better and faster; it increases collaboration and improves
the iteration process. Kill your wireframes. Long live rapid prototyping.
</p>
<h5>About Bermon</h5>
<p>
Bermon is the organizer of various community groups for user experience designers and front-end developers, and the organizer
of Blend Conference, a three-day, multi-track event for user experience strategists, designers and developers. He also leads
the user experience team for Cardinal Solutions’ Charlotte
office, where he consults with large enterprise clients on
interesting problems across user experience, design and front-end development.
</p>
</div><!--
--><aside class="col-1-3">
<div class="speaker-info">
<img src="assets/images/speakers/bermon-painter.jpg"
alt="Bermon Painter">
<ul>
<li>
<a href="https://twitter.com/bermonpainter">@bermonpainter</a>
</li>
<li>
<a href="http://bermonpainter.com/">bermonpainter.com</a>
</li>
</ul>
</div>
</aside>
</section>
<section class="speaker" id="shay-howe">
<div class="col-2-3">
<h2>Shay Howe</h2>
<h5>Less Is More: How Constraints Cultivate Growth</h5>
<p>
By setting constraints, we force ourselves to be more productive.
They help us make decisions, creating focus around the problem we
are trying to solve. They improve our consistency, which provides
a better experience for our users. And they help us grow, a
valuable asset in times of innovation.
</p>
<h5>About Shay</h5>
<p>
As a designer and front-end developer, Shay Howe has a passion for solving problems while building creative and intuitive products.
Shay specializes in product design and interface development,
specialties which he regularly writes and speaks about.
</p>
</div><!--
--><aside class="col-1-3">
<div class="speaker-info">
<img src="assets/images/speakers/shay-howe.jpg"
alt="Shay Howe">
<ul>
<li>
<a href="https://twitter.com/shayhowe">@shayhowe</a>
</li>
<li>
<a href="http://learn.shayhowe.com/">learn.shayhowe.com</a>
</li>
</ul>
</div>
</aside>
</section>
<section id="zoe-mickley-gillenwater">
<div class="col-2-3">
<h2>Zoe Mickley Gillenwater</h2>
<h5>Leveling up with Flexbot</h5>
<p>By now, you’ve probably heard of “flexbox,” short for the CSS
Flexible Box Layout module and the most fully developed and well
supported of CSS3’s wide array of new layout mechanisms. Flexbox
allows you to create fluid, responsive layouts without having to
worry about all those pesky float layout quirks we’ve dealt with
for over a decade. But with cross-browser support still
incomplete, you’ve probably relegated flexbox to the “one day”
pile of web design tricks.
It’s time to stop waiting. In this talk, Zoe aims to convince you
that it’s a good idea to start learning and using flexbox today.
You’ll learn how to take your designs—and web design skills—to
the next level as we use flexbox as practical progressive
enhancement, adding it in bits and pieces on individual page
components with graceful fallbacks.
</p>
<h5>About Zoe</h5>
<p>
Zoe Mickley Gillenwater is a web designer and developer who loves creating sites that work for as many people and devices as
possible. She wrote an entire book on fluid web sites two years
before “responsive web design” had a name (<cite><a
href="http://www.flexiblewebbook.com/">Flexible Web Design:
Creating Liquid and Elastic Layouts with CSS</a></cite>), and has
also authored the book <cite><a
href="http://www.stunningcss3.com/">Stunning CSS3: A Project-based
Guide to the Latest in CSS</a></cite> and the video training title
<cite><a href="http://zomigi.com/publications/#pub-accessibility">
Web Accessibility Principles</a></cite> for lynda.com. Zoe
currently works as a UX designer for <a
href="http://www.booking.com/">Booking.com</a>.
</p>
</div><!--
--><aside class="col-1-3">
<div class="speaker-info">
<img src="assets/images/speakers/zoe-mickley-gillenwater.jpg"
alt="Zoe Mickley Gillenwater">
<ul>
<li><a href="https://twitter.com/zomigi">@zomigi</a></li>
<li><a href="http://zomigi.com/">zomigi.com</a></li>
</ul>
</div>
</aside>
</section>
</div>
</section>
<footer class="primary-footer container clearfix">
<small>© Styles Conference</small>
<nav class="nav">
<ul><!-- footer menu
--> <li><a href="index.html">Home</a></li><!--
--><li><a href="speakers.html">Speakers</a></li><!--
--><li><a href="schedule.html">Schedule</a></li><!--
--><li><a href="venue.html">Venue</a></li><!--
--><li><a href="register.html">Register</a></li>
</ul>
</nav>
</footer>
</body>
</html>