Over the next two days, we’ll be bringing you all of the insights, photos, and highlights from the Smashing Conference — live from the conference venue. Our team will be posting updates from the early morning to the late evening on both days to bring you as close to the conference as possible. You can also track the tweets from the conference by following the hashtag #smashingconf
and permalink for live updates.
Bookmark this page to follow the auto-updates in real time. 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 the schedule of the conference as well.
Here are some of the highlights of Day 1:
Monday, September 9th 2013
01.37
We're about to pick the winners of the first posters! It might be your lucky day ;-) Keep instagraming and tweeting! #smashingconf
— Smashing Conference (@smashingconf) September 9, 2013
We gave away five Startup Vitamins posters to 5 SmashingConf attendees who’ve shared some really eye-catching #smashingconf snapshots — wouldn’t you agree? :)
07.00
Getting things ready for Smashing Conference 2013. It’s a beautiful day in Freiburg — the sun is shining and there’s barely a cloud in the sky. Everyone is up, bright and breezy, and we can’t wait to welcome everyone at the Kaufhaus.
“Cloud Nine.” Image credits — conceived:
07.15
We’re getting the Smashing Conference flags ready to hang outside the Kaufhaus:
And here they are! Look out for them blowing in the breeze. Join the queues of designers and developers and watch out for the Smashing Crew in orange handing out t-shirts, attendee bags and goodies! Exciting!
Good morning everyone! We are back again for #smashingconf in Freiburg. Good times. pic.twitter.com/rvG9lVr9L7
— 14islands (@14islands) September 9, 2013
Attendee badges and goodie bags are all set and ready to go (and, of course, full of surprises!):
OMG the #smashingconf swag bag is filled with stickers–can't wait to put them on my bike!
— Patty Delgado (@pattydelgado) September 9, 2013
08.00
Good morning everyone! The doors have opened! We have coffee waiting for you, and here is the #smashingconf venue: https://t.co/V9J2SyOgbl
— Smashing Conference (@smashingconf) September 9, 2013
Starting soon! #fnotes #smashingconf pic.twitter.com/F0wFEjzbJS
— Frantic (@franticcom) September 9, 2013
08.30
A couple of balloons in smashing colors this year ;)
“Party vibes at #smashingconf this morning.” Image credits — davidroessli:
Image credits — rebeccaac12:
08.38
#smashingconf pic.twitter.com/qv4Vm5OHl3
— Anders Jönsson (@anjonsson) September 9, 2013
Loving the illustrations at #smashingconf pic.twitter.com/a9IsagSyzS
— Kalpita Kothary (@thatpita) September 9, 2013
08.51
Let's go! #smashingconf @vreewijs pic.twitter.com/l3FlNb1U7m
— TomHudders (@TomHudders) September 9, 2013
08.53
#smashingconf does everything right… powercords, wlan, goodies,… and nice music. Love it allready
— Roman Kuba (@Codebryo) September 9, 2013
This venue is gorgeous, everyone take a minute to look up! #smashingconf
— Patty Delgado (@pattydelgado) September 9, 2013
09.00
It's on! #smashingconf about to start very soon pic.twitter.com/bdahI6PMJn
— Kostas Papageorgiou (@k_papageo) September 9, 2013
All ready to go #smashingconf pic.twitter.com/9K419RzinH
— ajara (@nagare_ip) September 9, 2013
09.05
What a surprise! The world’s first and best Web design boy band perform Bruce Lawson’s “Like a Rounded Corner”. We’ve got Dan Mall on keyboard, Nishant Kothary and Brad Frost on guitar, and Dan Rubin singing — what a performance!
The #smashingconf Boy Band: pic.twitter.com/BNJyhaLRIt
— Maximilian Schalch (@designrDevelopr) September 9, 2013
Who needs an intro video when you got speakers who can play/sing? Haha, brilliant #smashingconf
— Jonas Fredin (@hellofredin) September 9, 2013
@brucel It was a live performance of us playing your song. Me and @rainypixels on guitar, @danielmall on keys, and @danrubin singing!
— Brad Frost (@brad_frost) September 9, 2013
@danrubin starting the @smashingconf off with a CSS inspired cover of Rhinestone Cowboy #smashingconf pic.twitter.com/EbJvuO0O90
— Kieran Malone (@cable_ready), September 9, 2013
“What a way to open a conference! #smashingconf!” thatpita.
Of course, photos weren’t enough — we just had to record!
09.15
Elliot Jay Stocks tells us his story, walking us through his flash websites with their on-load music, pixel fonts, and other crimes against the Web. But what’s been important are his side projects. Your side projects represent your passion and you never know what can grow from them. They can have a huge impact on your career.
Image credits — maratz:
"It's about the journey. Not about the final project" @elliotjaystocks #smashingconf
— Franz Dumfart (@vogrim) September 9, 2013
@elliotjaystocks "your side projects does not have to necessary remain side projects". Great demonstration #smashingconf
— Pascal (@PascalThuet) September 9, 2013
"It's not necessary the finished product that matters, it's the journey." – @elliotjaystocks #smashingconf
— Jonas Fredin (@hellofredin) September 9, 2013
Your side projects are what define you #smashingconf
— Patty Delgado (@pattydelgado) September 9, 2013
my notes about Elliot Jay Stocks talk at the #smashingconf http://t.co/80OFENDahZ
— Kevin Lorenz (@verpixelt) September 9, 2013
Lets not say "here's what your site will look like" to clients, but "here's what your site will *feel* like". @danielmall #smashingconf
— Brad Frost (@brad_frost) September 9, 2013
My sketchnotes from @elliotjaystocks’ talk at #smashingconf. Really enjoyed seeing all his old work, thanks! pic.twitter.com/EbtzY0ojKG
— Elisabeth Irgens (@sortenke) September 9, 2013
09.44
Awesome venue for @smashingconf pic.twitter.com/QVLkSW6eqr
— Thorsten Blum (@toblux) September 9, 2013
10.20
Dan Mall talks about creating a visual inventory. Present your client with a bunch of websites that have solutions to the problem that you are having. Use these to ask questions that start conversations. Solve your clients’ problems using the successes and failures of others.
When you get to the point of fighting your tools, you aren't expressive anymore. Great @danielmall #smashingconf pic.twitter.com/KZ8W26GYz3
— Alexander Woerndl (@awenro) September 9, 2013
Let's change the phrase "designing in the browser" to "deciding in the browser". @danielmall #smashingconf
— Jonas Fredin (@hellofredin) September 9, 2013
#smashingconf Brilliant talk by @danielmall, I may have caught 5% of all the smart stuff in my sketchnotes. pic.twitter.com/H3vGoelPGD
— Elisabeth Irgens (@sortenke) September 9, 2013
Had a great time speaking at @smashingconf! @lukew wrote up some great notes: http://t.co/awjbAHvH0d #smashingconf
— Dan Mall (@danielmall) September 9, 2013
Hey @smashingconf! For anyone interested in my slides, here you go: https://t.co/o5T3EjZbNn Enjoy! #smashingconf
— Dan Mall (@danielmall) September 10, 2013
10.38
So, here it is, our new @WallOfTweets for #smashingconf feat @danielmall among others :) pic.twitter.com/ehsFFaHrwl
— Wall Of Tweets (@WallOfTweets) September 9, 2013
10.44
Inagine how your site could be. @danielmall at #smashingconf pic.twitter.com/QiYHrR1CiK
— Jan Kraus (@jankraus) September 9, 2013
11.10
Grab a snack, have come coffee, and make sure to chat to all of the other attendees. When we come back Tim Kadlec will be talking about “Deliberate Performance” and Inayaili de León Persson about “The Most Important Part of your Job”.
Need some directions? Cat shows the way to the Smashing Lounge.
If you need to chill out on some sofas, buy some Smashing Magazine books, or you just want to meet Cody, come along and say “Hi!”
Pass by the Smashing Lounge and flip through our Smashing books and eBooks… or just for a chat! ;-) #smashingconf pic.twitter.com/YZfxOeZgmZ
— Iris (@smash_it_on), September 9, 2013
And if you need some help or have some questions, speak to the crew. You can’t miss those orange t-shirts!
11.15
Make sure you say “Hi!” to our wonderful sponsors. They’re the guys that make it possible! Here are some of them in person:
11.17
Hey, I mean it's eleven o'clock… about time for some tasty local products. Prost #smashingconf pic.twitter.com/Qos57EhRYB
— Alexander Woerndl (@awenro) September 9, 2013
11.19
Behold! The mighty Ding Dong of Vitaly! #smashingconf http://t.co/rhANM1N65l
— Manuel Fritsch (@manuel_fritsch) September 9, 2013
11.20
Tim Kadlec talks about the importance of performance:
He’s given some great advice on setting a performance budget. Make sure that your page doesn’t go over that budget. This gives you a framework to decide whether you include a feature in your site or not. For example, your client wants you to add a carousel – to stay within budget you can decide to either:
- Optimize – optimize the carousel
- Remove – remove something else from the website
- Don’t include it at all. If something isn’t important enough to replace something there then it doesn’t need to be on your website.
This framework gives you something tangible to talk about with your boss or clients and helps you to make decisions.
Tim Kadlec über performance by design #smashingconf pic.twitter.com/EZVslL2jSy
— Robert Zierhofer (@rzierhofer) September 9, 2013
Webpage test http://t.co/NmhCvXucOV screenshot your site's performance and visualize your performance problems. Via @tkadlec #smashingconf
— Brad Frost (@brad_frost) September 9, 2013
Bad performance is bad business. @tkadlec #smashingconf
— Jonas Fredin (@hellofredin) September 9, 2013
Respect the people that come to your site:
- respect their time, don’t make them waste their time waiting for your website to load.
- respect their money – people on a mobile network can get charged a lot of money to download your website.
- respect their desire for content.
And embrace constraints!
"If your application is slow, people won't use it" #smashingconf
— Kostas Papageorgiou (@k_papageo) September 9, 2013
#smashingconf @tkadlec Performance means respecting the user’s time.
— Marko Dugonjić (@markodugonjic) September 9, 2013
Keep people busy so they don't complain about long waiting times. Really love the Airport example. #smashingconf
— Roman Kuba (@Codebryo) September 9, 2013
My personal notes from Tim Kadlec’s talk – “Deliberate performance” http://t.co/VLyQmCY4sL #smashingconf
— Kevin Lorenz (@verpixelt) September 9, 2013
12.20
If you’re working from home, Inayaili de León has got some great advice. Stay in touch with your team, share news with other people, use Skype and Google Hangouts. Pick up the phone.
Interesting talk by Inayaili de León Persson about communication and working remotely. #smashingconf
— Andreas Eldh (@eldh) September 9, 2013
Create human moments when working remotely… #smashingconf pic.twitter.com/sq7xGV0bEk
— Robert Zierhofer (@rzierhofer) September 9, 2013
Human moments are the basis of healthy relating in digital age – create a human moment a day @yaili #smashingconf
— ajara (@nagare_ip) September 9, 2013
#smashingconf @yaili “It’s not my fault” — even criminals rationalize their actions.
— Marko Dugonjić (@markodugonjic) September 9, 2013
"We overvalue our own ideas." @yaili – another take-away from #smashingconf to remind ourself from time to time. pic.twitter.com/RTsQWZ8l28
— Alexander Woerndl (@awenro) September 9, 2013
"If people need to be in the project, include them early." – @yaili #smashingconf
— Joonas Salovaara (@sarukuku) September 9, 2013
@yaili "Listen. Understand emotions. Find a shared vocabulary. Always hire the best writers. Build better relationships" #smashingconf
— Pascal (@PascalThuet) September 9, 2013
“The man who does not read has no advantage over the man who cannot read.” —Mark Twain via @yaili #smashingconf
— Gunnar Bittersmann (@g16n) September 9, 2013
More sketchnotes! @yaili talking about communication and really making us all think new thoughts at #smashingconf. pic.twitter.com/RGVbVJBmXK
— Elisabeth Irgens (@sortenke) September 9, 2013
13.00
Lunch time! Be sure to try out the Freiburger Wurst at the Münsterplatz! Highly recommendable! ;)
Best Currywurst in Freiburg #smashingconf pic.twitter.com/VobqwvDJyG
— Thorsten Schneider (@tj_schneider) September 9, 2013
beautiful location #smashingconf pic.twitter.com/p2wTZ6JrYo
— Sebastian Scherieble (@webninjaa) September 9, 2013
14.05
How do you find your passion and follow it? Should we take jobs that we aren’t passionate about? Is it possible to pay attention to detail in something you don’t care about? Dan Rubin explains…
What is your motivation? Dan Rubin #smashingconf pic.twitter.com/Rv7Fp12HJ2
— Robert Zierhofer (@rzierhofer) September 9, 2013
”Creative doesn't mean you paint nice pictures. It means you solve problems.“ –Dan Rubin #smashingconf
— Fabian Fabian (@filtercake) September 9, 2013
Every job I've taken just for the money didn't worked out. — @danrubin #smashingconf
— Nishant Kothary (@rainypixels) September 9, 2013
Follow your heart means unicorns, rainbows, clouds,.. #smashingconf
— Nicki Uhlbach (@nimius_design) September 9, 2013
To find out what you’re passionate about — try. (@danrubin at #smashingconf)
— Andreas Eldh (@eldh) September 9, 2013
If your decisions are motivated by money, quality will be sacrificed at crossroads between the two. @danrubin #smashingconf
— Jonas Fredin (@hellofredin) September 9, 2013
Treat profit as a byproduct of doing great things. #smashingconf
— Andreas Eldh (@eldh) September 9, 2013
"Life isn't a rehearsal. It's a live show, one night only, so take risks while you have the stage." – @danrubin #smashingconf
— Sebastian Sebald (@sebastiansebald) September 9, 2013
15.03
A few insights into Andy Hume’s talk on “Real Life Responsive Design”:
The Guardian's CMS architecture, via @andyhume #smashingconf pic.twitter.com/nhVDDfjCDg
— Brad Frost (@brad_frost) September 9, 2013
“Remaining on m dot is not was responsive is about.” —@andyhume #smashingconf
— Gunnar Bittersmann (@g16n) September 9, 2013
cutting the mustard with @andyhume #smashingconf pic.twitter.com/JmmzYwbqyK
— ajara (@nagare_ip) September 9, 2013
#smashingconf Resilience means Widerstandsfähigkeit in German http://t.co/JG2wvU5OO7
— Achim Schlemmer (@achim_schlemmer) September 9, 2013
Making websites work without JavaScript is not for the users with JavaScript turned off. —@andyhume #smashingconf
— Gunnar Bittersmann (@g16n) September 9, 2013
#smashingconf @andyhume Put basic CSS rules into the document’s head to provide the basic style at the first http request.
— Marko Dugonjić (@markodugonjic) September 9, 2013
Image credits — klickreflex:
15.56
Afternoon break! Grab a pretzel everyone, and play some good ol’ football:
Remember to help yourselves to some snacks… and yummy popcorn next to the kicker table! #smashingconf pic.twitter.com/lyC7SSeMS5
— Smashing Conference (@smashingconf) September 9, 2013
16.30
What lessons can we learn from the Web’s inner workings as we move to a mobile-driven, multi-device internet? Luke Wroblewski up on stage talking about where we need to focus our efforts on and to share lots of practical advice on how as well.
16.35
At what point does mobile use overtake traditional web use? At the mobile moment!
THE Magic mobile moment! #smashingconf pic.twitter.com/viofxYDaeh
— Eugene Terehov (@EugeneTerehov) September 9, 2013
Nice stat from #smashingconf: 75% of monthly Facebook users are mobile. 60% of all twitter users are mobile. 40% of Youtube views are mobile
— Benjamin Rush (@realbenrush) September 9, 2013
How do you use your smartphone? I'm in the Crackberry camp :) how about you? #smashingconf pic.twitter.com/HkCFeJ0Vv0
— Kostas Papageorgiou (@k_papageo) September 9, 2013
How people hold the smartphone – luke wrobleski – #smashingconf pic.twitter.com/noP5WpUVCf
— ducdebreme (@ducdebreme) September 9, 2013
70% of mobile use is happening at home @lukew #smashingconf
— ajara (@nagare_ip) September 9, 2013
The mobile web isn't a nice place for thumbless. 75% of interactions with smartphones are thumb-based according to @lukew at #smashingconf
— Alexander Woerndl (@awenro) September 9, 2013
This guy @lukew is a human, walking, mobile enyclopedia. Didn't expect anything less. Good talk on #smashingconf
— Emanuel Blagonic (@eblagonic) September 9, 2013
At #smashingconf we are now all convinced that we need to design for one handed use, thanks to @lukew’s talk. pic.twitter.com/fJxcmQnCMS
— Elisabeth Irgens (@sortenke) September 9, 2013
17.16
Here’s that Chrome Racer that Luke W. showed off. All from inside the browser – incredible!
17.22
The question isn’t just “How do we design for mobile creation?”… it’s “How do we design for multi-device creation?” — Luke W.
@lukew is killing it up on stage with his talk about #mobile – best and funniest keynote today at #smashingconf pic.twitter.com/6OnJdq13g1
— Kostas Papageorgiou (@k_papageo) September 9, 2013
17.30
Jake Archibald rocks the stage with a couple of simple snippets of HTML and JavaScript… aaaand proves to be a Games of Thrones fan ;)
Some #GoT playing today at #smashingconf but with a twist ;) https://t.co/7U6bsrw6j0
— Kostas Papageorgiou (@k_papageo) September 9, 2013
Too funny, @jaffathecake making Game of thrones intro out of google earth for his hometown #smashingconf
— Primož Cigler (@primozcigler) September 9, 2013
Lovely voodoo magic is being worked on stage by @jaffathecake at #smashingconf.
— Dan Rubin (@danrubin) September 9, 2013
Quiz time with @jaffathecake #smashingconf pic.twitter.com/eo6OHy4nv1
— ajara (@nagare_ip) September 9, 2013
He did it again! @jaffathecake had me in stitches while teaching us amazing things on browser behaviour. Thanks! #smashingconf
— David Roessli (@roessli) September 9, 2013
Really inspiring how @jaffathecake is keeping us on our toes at #smashingconf using a live quiz with Qs like… pic.twitter.com/BTkVxh4sJC
18.30
It’s time for our last break… Let’s get back in an hour, grab some cold beer (provided, of course!) and join the evening talk!
If you want to head right to the party, that’s cool, too. Here is the map: http://www.smashed.by/confmap — the doors open around 9 PM.
Someone’s excited #smashingconf pic.twitter.com/hqnikp0Nkg
— Flo Gächter (@neither1nor0) September 9, 2013
Free beer? I'll take it! #smashingconf pic.twitter.com/KNfKfqRS14
— TomHudders (@TomHudders) September 9, 2013
19.35
The evening session with @indiegamemovie just kicked off, everyone has a cold beer in their hands… and it’s only the first day, folks! ;-)
evening session on an amazing first day at #smashingconf pic.twitter.com/oMYvr3CXhW
— mika. (@diemika) September 9, 2013
The talk I was most looking forward to at #smashingconf has just began pic.twitter.com/ZNiE9XBKVt
— Reda Lemeden (@kaishin) September 9, 2013
Watching @brad_frost interview @lisannepajot and @jamesswirsky, the creators of ‘Indie Game: The Movie’. Awesome folks. #smashingconf
— Elliot Jay Stocks (@elliotjaystocks) September 9, 2013
21.00
And now we’re all off to the attendee party — yaaay! A huuuge thank you once again to @wordpressdotcom for hosting tonight’s party — everyone is in for a truly fantastic evening! :-)
Thank you, dear attendees, for all your tweets, snapshots and wonderful feedback — we sincerely appreciate it! We look very much forward to seeing you tomorrow! Rock on!
Ready for Day 2 of the Smashing Conference?