Smashing Conference Live — Day 1

Door globecom op zo, 2014-12-28 14:28

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

https://twitter.com/smashingconf/status/377033064129376256

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

Image credits — oliviernt:

Image credits — gkreimer:

Image credits — polarpure:

Image credits — lefronk303:

Image credits — janjadud:

http://instagram.com/p/eCYd9_Faji/

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:

http://instagram.com/p/eCY5Lhtzyn/

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!

Image credits — conceived:

Image credits — sladjanamiljanovic:

Image credits — neonix:

Image credits — scottwhitebread:

http://instagram.com/p/eCgIZEzJis/

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!):

Image credits — lefronk303:

http://instagram.com/p/eCZlAWKvzX/

Image credits — heyerlein:

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

https://twitter.com/smashingconf/status/376948111869886465

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:

http://instagram.com/p/eB73lwpsGO/

Image credits — rebeccaac12:

http://instagram.com/p/eCATw2RnUn/

08.38

https://twitter.com/anjonsson/status/376957887790465024

Loving the illustrations at #smashingconf pic.twitter.com/a9IsagSyzS

— Kalpita Kothary (@thatpita) September 9, 2013

08.51

https://twitter.com/TomHudders/status/376961078800175104

08.53

https://twitter.com/Codebryo/status/376961462516076544

This venue is gorgeous, everyone take a minute to look up! #smashingconf

— Patty Delgado (@pattydelgado) September 9, 2013

09.00

https://twitter.com/k_papageo/status/376963534074413056

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!” Image credits — 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:

http://instagram.com/p/eCDRAxkrQR/

"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

https://twitter.com/toblux/status/376974474060783616

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

https://twitter.com/WallOfTweets/status/376987999013470208

10.44

https://twitter.com/jankraus/status/376989518806917120

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

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

Image credits — gkreimer:

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

https://twitter.com/awenro/status/376997830524948480

11.19

https://twitter.com/manuel_fritsch/status/376999909469462528

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

Image credits — oliviernt:

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.

Image credits — blumenberg:

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

Image credits — jacobsurber:

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:

http://instagram.com/p/eCmIJyHN5-/

15.56

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

Image credits — manuspielt:

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

Image credits — jankraus:

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

— Alexander Woerndl (@awenro) September 9, 2013

Image credits — blumenberg:

Image credits — alexwoerndl:

18.25

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

Image credits — msabai:
http://instagram.com/p/eCjL_BtUmn/

Image credits — horttcore:

Image credits — scottwhitebread:

Image credits — nerolapis:

Image credits — emanuelblagonic:

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

Image credits — hachecephoto:

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

Image credits — klickreflex:

Image credits — blumenberg:

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?

Image: