Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Smashing Conference Live — Day 2

Today is the second and last day of the Smashing Conference1. As promised, we’ve collected insights, photos and highlights just for you — live from the conference venue. You can also track the tweets from the conference by following the hashtag #smashingconf2 and the permalink for live updates3.

4

Please note that no live stream is available, but all videos will be made available for free after the event. You might want to check out the schedule of the conferenceas well and the report from day 15.

Here are some of the highlights of Day 2:

Tuesday, September 10th 2013

08.15

Good morning everyone! Are you ready for Day 2?!

Hangover, you say? No worries, we’ve got fresh coffee ready for you! And some beautiful Bavarian accordion music:

But no, he is not the mystery speaker we had planned for the #smashingconf6 event. It’s only a foretaste of what’s to come! ;)

08.20

Unfortunately the weather isn’t really on our side this time (it has been raining all night and still is!)… Please don’t forget to bring along your coats and umbrellas as well as your attendee badges as you head back to the Smashing Conference venue10 this morning! :)

08.36

09.00

Have you guessed who the Mystery Speaker14 is yet? All we know is that his second name is “Klaus Schmidt”! But… WHO IS THIS KLAUS?

09.05

Dum dumm dummm dummmmmm… The moment we’ve all been waiting for… The mystery speaker is… *drumroll*… the one and only, Ethan Marcotte!

09.20

“We are getting away from pages and starting to think of small layout systems.” — Ethan M.

09.25

“We’re starting with the smallest piece of design. With every responsive process we work on we are building a new map of the Web. But we are only just beginning. Our map is far from complete.” — Ethan M.

09.34

“Something is always lost in translation. There is always a gap between a thing and the representation of it.” — Ethan M.

09.42

“How can we design more sustainably for the Web?” — Ethan M.

09.49

“Maybe some problems can’t necessarily solved with more code. And maybe we can invite our users in our design and let them help us solve our problems.” — Ethan M.

09.56

“We are designers and builders, but most of all we are map makers.” — Ethan M.

10.05

Jason Santa Maria on stage explaining how to get ideas out quickly through prototyping, sketching, and iteration. Not only can that help you work and test more quickly, but it can also help you to work smarter!

“Use whatever you need to tell your story… Actually holding type in my hand taught me how type reacts and made me understand type in whole different way. What if I could get people understand the physicality of type? What if I could get them that same idea?” — Jason S.M.

10.18

“Good design happens around good constraints.” — Jason S.M.

10.42

Jason S.M. refers to Wally Wood’s wisdom: “Never draw anything you can copy, never copy anything you can trace, never trace anything you can cut out and paste up.”

11.05

11.20

Designers use type families all the time, but what is the logic behind developing larger type families such as the ever-growing Skolar type system? David Březina discusses various approaches of making type families functional, easy to use, and cross-platform… and also how to stay sane while doing that! ;)

11.37

“I’m really bad at artistic freedom. I don’t know what to do if I don’t have my guidelines.” — David B.

11.46

“Sans are like T-Shirts. They are pretty much all the same.” — David B.

11.52

“What is great type for, if you cannot use it easily?” — David B.

12.00

“How do you test your type faces before you buy them? Do you actually test them? Did you hear of temporary licenses…? Or, what we did is we thought of test fonts. So you can just go and get the font from us and test how it works.” — David B.

12.10

The one and only Addy Osmani on stage now — yeeeehaw!!

12.19

“Become BFFs with how browsers work.” — Addy O.

12.26

“I’ve never built anything without a performance flaw of some kind. We all have to ship things. Face your performance demons! Don’t feel bad poking at pages. Don’t feel like you’re asshole looking at performance issues. It’s ok!” — Addy O.

12.27

12.51

“What defines a great web experience? For example, a consistent frame rate… Why should we care about it? The frame rate can directly impact engagement and conversion rate. It matter if you want engaged users.” — Addy O.

12.52

12.55

There’s no doubt that Addy Osmani rocked the stage — and this picture says it all!

13.05

Time for the lunch break everyone — we’ll be back at 2 PM!

14.00

Natalie Downe is on stage telling us all the story of Lanyrd90 from a two-week proof of concept to a fully-fledged startup, as well as the lessons learned along the way… Lessons like:

  • If you are not embarrassed by the first version of your product, you have launched too late
  • Learn how to take advice
  • Circle yourself with a circle of trust
  • Raise money to last for 18 months

14.21

14.27

If you’re a founder, Natalie suggests you to make an investor checklist including:

  • Elevator pitch
  • Executive summary
  • Pitch deck
  • Answers to common questions
  • Introductions
  • The phone number of a really good lawyer!

14.38

Check out the press pack95 that Lanyrd put together after LinkedIn shut down its events application.

14.44

“Trust your gut instinct.” – Natalie D.

14.55

Nicolas Gallagher starts out talking about CSS Application Architecture with some definitions:

  • Architecture – a plan about how you’re going to structure your application. Your design principles.
  • Framework – the implementation of an architecture. Like scaffolding it gives you something on which you can build out your application.
  • Toolkit – a collection of pre-built patterns that you assemble into an application.

15.05

“The freest human is the one who never has to choose.” Nicolas G cites John Gray in this article.96

15.19

15.21

Nicolas G provides design principles for effective CSS:

  • Single responsibility
  • Extension over modification
  • Composition over inheritance
  • Low coupling
  • Encapsulating
  • Documentation

15.28

“Nothing is perfect. Nothing lasts. Nothing is finished.” — Nicolas G.

15.34

And in the meantime…

16.25

Nishant Kothary is now on stage talking about everyone’s ability to understand and work with others — the project team, stakeholders, and users — that often determines the success of everyone’s work, as well as how they feel along the way.

16.42

16.50

“Logo re-design is like attacking an identity… What do people do if we fight people’s identity? They fight back. It’s normal.” — Nishant K.

17.05

17.06

A few of Nishant’s favorite cognitive biases:

  • Diagnosis bias
  • Loss aversion
  • Confirmation bias

17.06

17.12

17.24

17.28

Aaaand the last speaker of the conference… Welcome Jeremy Keith! Who just announced that he’s not going to use any slides today but instead share with us some of his failures and old works from the past.

17.33

17.38

17.50

18.04

18.30

Of course we were ALL fascinated by our one and only special speaker band and tried our best to convince them to sing another song… and they did! What a fantastic performance guys! Thank you once again — we sincerely appreciate it!

A standing ovation to Dan Rubin, Brad Frost, Nishant Kothary and Dan Mall! Y’all have melted many hearts that night!

Aaaaand… Cut! Link

Thanks again for coming everyone! It was indeed a SMASHING event — we couldn’t have done it without you! See you again next year, maybe? ;-)

Wi-Fi At The Conference:

A huuuuge Thank You to our technical team for taking care of the Wi-Fi. The attendees also sincerely appreciate it:

Feedback & Reviews Link

Here are a couple of thoughts and feedback of the Smashing Conference 2013 by some of the attendees:

Last But Not Least… Link

This year we had Elisabeth Irgens196 attending the Smashing Conference, and we’re so glad she did! Look at all these beauties she put on paper:


Inayaili de León Persson197: “The Most Important Part Of Your Job” (Image credits198)

Nishant Kothary199: “The Design of People” (Image credits200)

Natalie Downe201: “Startup Lessons Learned: From Idea To Exit” (Image credits202)

Luke Wroblewski203: “It’s a Write/Read (Mobile) Web” (Image credits204)

Ethan Marcotte205: “The Map Is Not The Territory” (Image credits206)

Elliot Jay Stocks207: “Where are we now, and from where have we come?”> (Image credits208)

David Březina209: “Rethinking Type Experience” (Image credits210)

Dan Mall211: “Responsive Web Design is Hard/Easy! Be Afraid/Don’t Worry!” (Image credits212)

Brad Frost217215213 Workshop Sketches (Image credits214)

Brad Frost217215213 Workshop Sketches (Image credits216)

Brad Frost217215213 Workshop Sketches (Image credits218)

Footnotes Link

  1. 1 http://www.smashingconf.com
  2. 2 https://twitter.com/search?q=%23smashingconf&src=typd&mode=realtime
  3. 3 /2013/09/10/smashing-conference-live-blog-day-2/
  4. 4
  5. 5 /2012/09/17/smashing-conference-live-blog-day-1
  6. 6 https://twitter.com/search?q=%23smashingconf&src=hash&f=realtime
  7. 7 https://twitter.com/search?q=%23smashingconf&src=hash
  8. 8 https://twitter.com/brad_frost
  9. 9 https://twitter.com/smashingconf/statuses/377330137588432896
  10. 10 http://smashingconf.com/2013/locations
  11. 11 https://twitter.com/search?q=%23smashingconf&src=hash
  12. 12 http://t.co/HP99rcPso9
  13. 13 https://twitter.com/Mrfredclay/statuses/376957374260846592
  14. 14 http://smashingconf.com/2013/speakers/the-mystery-speaker
  15. 15 https://twitter.com/smashingconf
  16. 16 https://twitter.com/beep
  17. 17 https://twitter.com/search?q=%23rwd&src=hash
  18. 18 https://twitter.com/search?q=%23smashingconf&src=hash
  19. 19 http://t.co/fhBpaCsV7t
  20. 20 https://twitter.com/rowdyrabouw/statuses/377327421818953728
  21. 21 https://twitter.com/Armstrong
  22. 22 https://twitter.com/brad_frost/statuses/377331708334317568
  23. 23 https://twitter.com/search?q=%23smashingconf&src=hash
  24. 24 http://t.co/fXDIGEg77p
  25. 25 https://twitter.com/rzierhofer/statuses/377327466135973888
  26. 26 https://twitter.com/search?q=%23smashingconf&src=hash
  27. 27 https://twitter.com/beep
  28. 28 https://twitter.com/relounge_gmbh/statuses/377330450681065472
  29. 29 https://twitter.com/beep
  30. 30 https://twitter.com/search?q=%23smashingconf&src=hash
  31. 31 http://t.co/sWKzCEzCBC
  32. 32 https://twitter.com/sortenke/statuses/377343467355381760
  33. 33 https://twitter.com/jasonsantamaria
  34. 34 https://twitter.com/search?q=%23smashingconf&src=hash
  35. 35 https://twitter.com/search?q=%23Ikea&src=hash
  36. 36 http://t.co/vfeD1fl8V6
  37. 37 https://twitter.com/edgarleijs/statuses/377341987554619392
  38. 38 https://twitter.com/search?q=%23Smashingconf&src=hash
  39. 39 https://twitter.com/awenro/statuses/377347792521666560
  40. 40 https://twitter.com/search?q=%23smashingconf&src=hash
  41. 41 https://twitter.com/smashingconf/statuses/377347752721518592
  42. 42 https://twitter.com/search?q=%23smashingconf&src=hash
  43. 43 http://t.co/xsE3BgmPVn
  44. 44 https://twitter.com/hofmannsven/statuses/377343772029636608
  45. 45 https://twitter.com/MrBrezina
  46. 46 https://twitter.com/search?q=%23smashingconf&src=hash
  47. 47 http://t.co/HK2hcAxTlT
  48. 48 https://twitter.com/ShiftCph/statuses/377361967574679552
  49. 49 https://twitter.com/search?q=%23smashingconf&src=hash
  50. 50 http://t.co/1XvFHzO1Vq
  51. 51 https://twitter.com/rzierhofer/statuses/377362475983065088
  52. 52 https://twitter.com/MrBrezina
  53. 53 https://twitter.com/search?q=%23smashingconf&src=hash
  54. 54 http://t.co/YsghpRiGNL
  55. 55 https://twitter.com/verpixelt/statuses/377373604583051266
  56. 56 https://twitter.com/MrBrezina
  57. 57 https://twitter.com/search?q=%23smashingconf&src=hash
  58. 58 http://t.co/Px0fW7iAdR
  59. 59 https://twitter.com/sortenke/statuses/377378873207689216
  60. 60 https://twitter.com/search?q=%23smashingconf&src=hash
  61. 61 https://twitter.com/addyosmani
  62. 62 http://t.co/ItbTYe7LA7
  63. 63 https://twitter.com/philjs/statuses/377374369989005312
  64. 64 https://twitter.com/search?q=%23smashingconf&src=hash
  65. 65 http://t.co/kScnYSrnbF
  66. 66 https://twitter.com/turkutuuli/statuses/377377856328044544
  67. 67 https://twitter.com/addyosmani
  68. 68 http://t.co/fs729MJI5e
  69. 69 https://twitter.com/rowdyrabouw/statuses/377382062338375680
  70. 70 https://twitter.com/addyosmani
  71. 71 https://twitter.com/search?q=%23smashingconf&src=hash
  72. 72 https://twitter.com/tkadlec/statuses/377384846538330112
  73. 73 https://twitter.com/addyosmani
  74. 74 https://twitter.com/search?q=%23smashingconf&src=hash
  75. 75 http://t.co/kcIlxHR3RA
  76. 76 https://twitter.com/rowdyrabouw/statuses/377400994721955840
  77. 77 https://twitter.com/search?q=%23smashingconf&src=hash
  78. 78 http://t.co/V2DCHdBOMf
  79. 79 https://twitter.com/smashingconf/statuses/377377432221020161
  80. 80 https://twitter.com/search?q=%23smashingconf&src=hash
  81. 81 https://twitter.com/studiowolf
  82. 82 https://twitter.com/smashingconf
  83. 83 http://t.co/3RVwU64wba
  84. 84 https://twitter.com/AljanScholtens/statuses/377412024436670464
  85. 85 https://twitter.com/search?q=%23smashingconf&src=hash
  86. 86 https://twitter.com/search?q=%23catcontent&src=hash
  87. 87 https://twitter.com/brad_frost
  88. 88 http://t.co/ys8ZSv9eDi
  89. 89 https://twitter.com/ixisio/statuses/377407774042652672
  90. 90 http://lanyrd.com/
  91. 91 https://twitter.com/Natbat
  92. 92 https://twitter.com/smashingconf
  93. 93 https://twitter.com/search?q=%23smashingconf&src=hash
  94. 94 https://twitter.com/danielmall/statuses/377406494402420736
  95. 95 http://lanyrd.com/about/press/linkedin/
  96. 96 http://nicolasgallagher.com/animal-virtues-choice-fetishism/
  97. 97 https://twitter.com/necolas
  98. 98 https://twitter.com/search?q=%23smashingconf&src=hash
  99. 99 https://twitter.com/Emanoule/statuses/377420977497714688
  100. 100 https://twitter.com/search?q=%23smashingconf&src=hash
  101. 101 http://t.co/N90IAHWUXv
  102. 102 https://twitter.com/smashingconf/statuses/377424891835727873
  103. 103 https://twitter.com/search?q=%23smashingconf&src=hash
  104. 104 http://t.co/dU4yQOzir9
  105. 105 https://twitter.com/craiginwales/statuses/377515077513281536
  106. 106 https://twitter.com/smashingconf
  107. 107 https://twitter.com/rainypixels
  108. 108 https://twitter.com/search?q=%23smashingconf&src=hash
  109. 109 https://twitter.com/beep/statuses/377442008023195648
  110. 110 https://twitter.com/search?q=%23smashingconf&src=hash
  111. 111 https://twitter.com/rainypixels
  112. 112 https://twitter.com/markodugonjic/statuses/377447733692338176
  113. 113 https://twitter.com/smashingconf
  114. 114 https://twitter.com/rainypixels
  115. 115 https://twitter.com/search?q=%23smashingconf&src=hash
  116. 116 https://twitter.com/beep/statuses/377448001092202497
  117. 117 https://twitter.com/rainypixels
  118. 118 http://t.co/ZdZW6dkNNy
  119. 119 https://twitter.com/search?q=%23smashingconf&src=hash
  120. 120 https://twitter.com/brad_frost/statuses/377449624862068736
  121. 121 https://twitter.com/search?q=%23smashingconf&src=hash
  122. 122 https://twitter.com/rainypixels
  123. 123 http://t.co/wciQ3jqS0F
  124. 124 https://twitter.com/sortenke/statuses/377457317891276800
  125. 125 https://twitter.com/search?q=%23smashingconf&src=hash
  126. 126 http://t.co/HVdrC3qrIT
  127. 127 https://twitter.com/EugeneTerehov/statuses/377452510539415552
  128. 128 https://twitter.com/search?q=%23Smashingconf&src=hash
  129. 129 http://t.co/vBzQaKXPci
  130. 130 https://twitter.com/TimSluis/statuses/377452856397553664
  131. 131 https://twitter.com/adactio
  132. 132 https://twitter.com/search?q=%23smashingconf&src=hash
  133. 133 https://twitter.com/g16n/statuses/377454812721197056
  134. 134 https://twitter.com/adactio
  135. 135 https://twitter.com/search?q=%23smashingconf&src=hash
  136. 136 https://twitter.com/rainypixels/statuses/377455393623912448
  137. 137 https://twitter.com/adactio
  138. 138 https://twitter.com/search?q=%23smashingconf&src=hash
  139. 139 https://twitter.com/beep/statuses/377456143955947520
  140. 140 https://twitter.com/adactio
  141. 141 https://twitter.com/search?q=%23smashingconf&src=hash
  142. 142 https://twitter.com/nagare_ip/statuses/377459024696193024
  143. 143 https://twitter.com/adactio
  144. 144 https://twitter.com/search?q=%23smashingconf&src=hash
  145. 145 https://twitter.com/brad_frost/statuses/377459046929805312
  146. 146 https://twitter.com/adactio
  147. 147 https://twitter.com/search?q=%23smashingconf&src=hash
  148. 148 https://twitter.com/Emanoule/statuses/377462550541398017
  149. 149 https://twitter.com/search?q=%23smashingconf&src=hash
  150. 150 https://twitter.com/smashingconf/statuses/377573793301946368
  151. 151 https://twitter.com/search?q=%23smashingconf&src=hash
  152. 152 https://twitter.com/smashingconf/statuses/377474444039442434
  153. 153 https://twitter.com/smashingconf
  154. 154 https://twitter.com/search?q=%23smashingconf&src=hash
  155. 155 https://twitter.com/jkphl/statuses/377022999767285760
  156. 156 https://twitter.com/search?q=%23smashingconf&src=hash
  157. 157 https://twitter.com/smashingmag
  158. 158 https://twitter.com/eblagonic/statuses/377041040244760576
  159. 159 https://twitter.com/search?q=%23smashingconf&src=hash
  160. 160 https://twitter.com/sebastiansebald/statuses/377060503715332096
  161. 161 https://twitter.com/WordPress
  162. 162 https://twitter.com/search?q=%23smashingconf&src=hash
  163. 163 https://twitter.com/alexhris/statuses/377127212014903296
  164. 164 https://twitter.com/search?q=%23Smashingconf&src=hash
  165. 165 https://twitter.com/awenro/statuses/377442363788259328
  166. 166 https://twitter.com/search?q=%23smashingconf&src=hash
  167. 167 http://t.co/ESp137qPPM
  168. 168 https://twitter.com/estereoeo/statuses/377523100411510784
  169. 169 https://twitter.com/search?q=%23SmashingConf&src=hash
  170. 170 http://t.co/2XZOsmEkig
  171. 171 https://twitter.com/ArinSime/statuses/377747708007550976
  172. 172 https://twitter.com/smashingconf
  173. 173 https://twitter.com/benmacgowan/statuses/377126203616137216
  174. 174 https://twitter.com/danielmall
  175. 175 https://twitter.com/lukew
  176. 176 https://twitter.com/search?q=%23smashingconf&src=hash
  177. 177 https://twitter.com/nimius_design/statuses/377146240670400512
  178. 178 https://twitter.com/search?q=%23smashingconf&src=hash
  179. 179 https://twitter.com/search?q=%23freiburg&src=hash
  180. 180 http://t.co/4rarjddnnl
  181. 181 https://twitter.com/search?q=%23smashingconf&src=hash
  182. 182 https://twitter.com/klickreflex/statuses/377471850169004033
  183. 183 https://twitter.com/search?q=%23smashingconf&src=hash
  184. 184 https://twitter.com/nagare_ip/statuses/377545863721410560
  185. 185 https://twitter.com/search?q=%23smashingconf&src=hash
  186. 186 https://twitter.com/CodeDivision/statuses/377552989700882432
  187. 187 https://twitter.com/search?q=%23smashingconf&src=hash
  188. 188 https://twitter.com/lblagonic/statuses/378074854651871232
  189. 189 https://twitter.com/smashingconf
  190. 190 http://t.co/f4NSYW8dfp
  191. 191 https://twitter.com/search?q=%23smashingconf&src=hash
  192. 192 https://twitter.com/DanHarrisFilms/statuses/377515157909671937
  193. 193 https://twitter.com/search?q=%23smashingconf&src=hash
  194. 194 http://t.co/xR1jtGgwC0
  195. 195 https://twitter.com/hofmannsven/statuses/377728642274455552
  196. 196 http://elisabethirgens.no/
  197. 197 http://smashingconf.com/2013/speakers/inayaili
  198. 198 https://twitter.com/sortenke/status/377024107474604032
  199. 199 http://smashingconf.com/2013/speakers/nishant-kothary
  200. 200 https://twitter.com/sortenke/status/377457317891276800
  201. 201 http://smashingconf.com/2013/speakers/natalie-downe
  202. 202 https://twitter.com/sortenke/status/377424812903530496
  203. 203 http://smashingconf.com/2013/speakers/luke-wroblewski
  204. 204 https://twitter.com/sortenke/status/377093032866512896
  205. 205 http://smashingconf.com/2013/speakers/ethan-marcotte
  206. 206 https://twitter.com/sortenke/status/377343467355381760
  207. 207 http://smashingconf.com/2013/speakers/elliot-jay-stocks
  208. 208 https://twitter.com/sortenke/status/376983957780586496
  209. 209 http://smashingconf.com/2013/speakers/david-brzezina
  210. 210 https://twitter.com/sortenke/status/377378873207689216
  211. 211 http://smashingconf.com/2013/speakers/dan-mall
  212. 212 https://twitter.com/sortenke/status/377000168199290880
  213. 213 http://smashingconf.com/2013/workshops/frost
  214. 214 https://twitter.com/sortenke/status/376690657689366529
  215. 215 http://smashingconf.com/2013/workshops/frost
  216. 216 https://twitter.com/sortenke/status/376723399881814016
  217. 217 http://smashingconf.com/2013/workshops/frost
  218. 218 https://twitter.com/sortenke/status/376646722367520769
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

    So many impressive speakers! *shakes fists at impressive speakers* Impart that wisdom you scum bums! Impart it! 8:)

    I’m in the middle of re-reading Ethan Marcotte’s Responsive Web Design book. A great starting place to throw you into the fast-changing world of modern web design.

    Osami’s adage is spot on. This field changes so much, that many times we’re left to learn things on our own, and in the process, we do it wrong. But then we figure out the technology and utilize it properly. And from there, we’re always tinkering with taking that to the next step. Such a fun process!

    0
  2. 2

    Hi! When the videos of the Smashing Conference 2013 will be available and where? Thanks ;)

    0

↑ Back to top