Smashing Conference Live — Day 1


Over the next two days, we’ll be bringing you all of the insights, photos, and highlights from the Smashing Conference1 — 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 #smashingconf2 and permalink for live updates3.

smashing conference live day 14

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 conference5 as well.

Here are some of the highlights of Day 1:

Monday, September 9th 2013


We gave away five Startup Vitamins8 posters to 5 SmashingConf attendees who’ve shared some really eye-catching #smashingconf snapshots — wouldn’t you agree? :)

Image credits — oliviernt1679:

Beautiful conference location #smashingconf10

Image credits — gkreimer13611:

Taking pictures of people taking pictures of people taking pictures. #smashingconf #meta13712

Image credits — polarpure13:

Mixing the epoches #smashingconf14

Image credits — lefronk3033115:

Nice Butt ;) #smashingconf16

Image credits — janjadud17:


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.

Sunny Freiburg18

“Cloud Nine.” Image credits — conceived2119:


We’re getting the Smashing Conference flags ready to hang outside the Kaufhaus:

smashing mag flags20

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!

Image credits — conceived2119:

Morning Glory #smashingconf22

Image credits — sladjanamiljanovic23:

They are coming #smashingconf24

Image credits — neonix25:

Leaving Freiburg. See you next year #smashingconf people!26

Image credits — scottwhitebread32527:

Attendee badges and goodie bags are all set and ready to go (and, of course, full of surprises!):

Image credits — lefronk3033115:

Image credits — heyerlein32:

Love to do html&css 4 living @ #smashingconf33



A couple of balloons in smashing colors this year ;)

“Party vibes at #smashingconf this morning.” Image credits — davidroessli43:

Image credits — rebeccaac1244:






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!

“What a way to open a conference! #smashingconf!” Image credits — thatpita80:

What a way to open a conference! #smashingconf81

Of course, photos weren’t enough — we just had to record!


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 — maratz82:



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.




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”.

Or just take some pictures of people taking pictures of people taking pictures:

Image credits — gkreimer13611:

Taking pictures of people taking pictures of people taking pictures. #smashingconf #meta13712

Need some directions? Cat shows the way to the Smashing Lounge.

smashing lounge138

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!”

And if you need some help or have some questions, speak to the crew. You can’t miss those orange t-shirts!

smashing crew142


Make sure you say “Hi!” to our wonderful sponsors. They’re the guys that make it possible! Here are some of them in person:


rukzuk sponsors144

Inline Manual145

inline manual146








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:

  1. Optimize – optimize the carousel
  2. Remove – remove something else from the website
  3. 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.

Image credits — oliviernt1679:

@tkadlec "the web is getting fat!" #smashingconf168

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 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.

Image credits — blumenberg354317179:

#smashingconf … @yaili speaking180


Lunch time! Be sure to try out the Freiburger Wurst209 at the Münsterplatz! Highly recommendable! ;)

Image credits — jacobsurber213:

Lunch #smashingconf #vscocam214


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…


A few insights into Andy Hume’s talk on “Real Life Responsive Design”:

Image credits — klickreflex352259:


Afternoon break! Grab a pretzel everyone, and play some good ol’ football:

Image credits — manuspielt260:

"Tischkicker: That's a thing in germany" @ #smashingconf261

Image credits — jankraus265:

Smashingpretzels at #smashingconf266


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.


At what point does mobile use overtake traditional web use? At the mobile moment!


Here’s that Chrome Racer that Luke W. showed off. All from inside the browser – incredible!


The question isn’t just “How do we design for mobile creation?”… it’s “How do we design for multi-device creation?” — Luke W.


Jake Archibald rocks the stage with a couple of simple snippets of HTML and JavaScript… aaaand proves to be a Games of Thrones fan ;)

Image credits — blumenberg354317179:

«Your Browser Is Talking Behind Your Back» by @jaffathecakeat the #smashingconf318

Image credits — alexwoerndl319:

Watching Vitaly watching virtual Vitaly at #smashingconf320


Here are the winners of the second poster giveaway — just beautiful!

Image credits — msabai321:

Image credits — horttcore323:


Image credits — scottwhitebread32527:

Lunch at #smashingconf !326

Image credits — nerolapis327:

Outside the windows at #smashingconf328

Image credits — emanuelblagonic329:

Quack, quack. #smashingconf330


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: — the doors open around 9 PM.

Image credits — hachecephoto338:

Or for that one :D #smashingconf339


The evening session with @indiegamemovie340 just kicked off, everyone has a cold beer in their hands… and it’s only the first day, folks! ;-)

Image credits — klickreflex352259:

8:36pm - Evening talk at #smashingconf about Indie Game - The Movie353

Image credits — blumenberg354317179:

Q&A w/ the makers of «Indie Games : The Movie» at #smashingconf355


And now we’re all off to the attendee party — yaaay! A huuuge thank you once again to @wordpressdotcom356 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 2357 of the Smashing Conference?

↑ Back to topShare on Twitter

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

  1. 1

    Looks like an awesome conference. Wish I could be there.

  2. 2

    Wow, four of my Instagram photos from made it on this page. Thanks. And if you could add the right credits I would be happier :)

    • 3

      Hi Yoram,

      Thank you for the fantastic photos! ;-) As usual, all photos are linked to and image credits are provided for each and every one.

      Thanks for attending this year! :-)


  3. 4

    Wish I had brought tickets to this now! Looks epic.

  4. 5

    Wondering if these talks (and their slides) are going to be made public?


Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top

↑ Back to top
↑ Back to top