Exclusive Videos And Interviews (Part 1)

Advertisement

In September 2012 we ran the very first Smashing Conference1 — friendly, valuable and inspiring community event — in a beautiful medieval building in our home town Freiburg, Germany. The conference was a huge success, and we haven’t anticipated the fantastic feedback we’ve received during and after the event.

All conference tickets and workshop tickets were sold out within weeks, and to bring the event closer to everybody we blogged2 live3 from the venue, and captured all talks on video. We had the pleasure of welcoming and interviewing many top-class speakers and well-respected experts from the Web design industry.


Opening credits for the Smashing Conference4, created by the No-Domain5 design studio from Barcelona, Spain.

With the Holidays being so close we are happy to release videos of the talks along with exclusive interviews with speakers that we conducted during the conference. We are starting off with the first 3 talks – by Jeremy Keith, Rachel Andrew and Stephen Hay. More videos will be released in the next days, and we’ll feature them here, on Smashing Magazine as well.

The videos were taken by Frank Sippach, cut by Marc Thiele6, the co-organizer of the event, and the interviews were conducted by Esther Arends and Melanie Lang from the Smashing Editorial Team. Subscribe to our events mailing list287 to stay updated about the next Smashing Conference and other upcoming Smashing events!

Jeremy Keith: The Spirit of the Web

Jeremy Keith makes websites. He is responsible for the death of the trees used to print the books DOM Scripting, Bulletproof Ajax and, most recently, HTML5 for Web Designers. He also shot a man in Reno just to watch him die. Originally from Ireland, Jeremy now lives in Brighton, England, where he pretends to work with Clearleft. Peas grow there.


The Spirit Of The Web8, a talk by Jeremy Keith at the SmashingConf 2012.

The Interview

Question: Hey Jeremy, thanks for taking the time for an interview. You lived here in Freiburg early in your career. What brought you here?

Jeremy Keith: Before I went to Freiburg, I was playing music on the street, and I also went to art college for a bit back in Ireland, but I dropped out.

I came to Freiburg because a friend of mine studied here and told me that I should visit. So, I did and eventually moved here. That was around the early to mid ’90s. I was working in a German bakery selling bread, Brezels and all that good stuff. I really miss German baked goods. When I learned German, all of my vocabulary was bread-based. I knew German words for things which I couldn’t even name in English.

Question: Where was your flat?

Jeremy: It was just by the Stadtgarten. The address was Stadtstraße 1. It was a basement flat, which wasn’t pretty but very central.

Question: You also met your wife, Jessica, here, who is not originally from Freiburg either. How long did you live in Freiburg?

Jeremy: Jessica is American and came to Freiburg because she studied German and wanted to do her year abroad. We played in a band together. She extended for another year but then had to go back and finish her degree in the States for another year. I also went over to visit her, and when she was finished we moved back. So, I lived here around six years, but I also lived in the USA in between that.

Jeremy Keith at the Smashing Conference9
Jeremy Keith at the Smashing Conference. A photo by John Davey10.

Question: You also played music in Freiburg? What kind of music did you do?

Jeremy: The band was more rock but with a bit of folk influence. People didn’t really know what to make of it. Later, the band went with us to England, and we were much better there.

I was also playing bass in the best surf band of the Schwarzwald (Black Forest), called Leopold Kraus Wellenkapelle11. They’re actually still going and got a lot better when I left. But it was a lot of fun playing with them.

Question: Where was the most inspiring place for you in Freiburg?

Jeremy: The Freiburger Münster12. I think I’m still a member of the Münsterbauverein, an association to fund the upkeep of the building. There is a lot of cool stuff in it. Have you seen the carvings in the stones in the front? It shows the shapes of circles, bread loaves and stuff like that. They’re measures of certain things so that people would know how big those things had to be. Those where the standards back in the day. You can even see the wealth of certain times. In poor times you had smaller measures than in better ones.

I also think about hanging out at the Augustiner Platz, having a beer, playing guitar, singing along. This is so different from England. In England, there would be a fight at some point, because it’s such a different drinking culture. The English get rowdy and want to let you know that they are really drunk. Here, people just have a few drinks and relax.

It was a shame that Ganter was the beer of Freiburg because it’s not the best. Tannenzäpfle was really nice. Back in the day, Tannenzäpfle used to be the secret of the Schwarzwald (Black Forest); now it’s actually become a trend beer. On the plus side, we might start seeing it in England. I had withdrawal from good beer when I moved to England.

And there is another fun thing in Germany. Why do you have just one flavor of crisps? It’s always paprika, paprika, paprika.

Question: Um, but now we have whole range of flavors. I like the plain salted ones, for example.

Jeremy: Yeah, but it’s always paprika. Even the salted ones taste like somebody licked a paprika.

Question: Hmm, I wouldn’t know the answer to this. What was your impression of Freiburg in general?

Freiburg market at Münsterplatz.
Grilled German sausage from the farmer’s market at the Münsterplatz. Yummy!

Jeremy: Freiburg is pretty for the most part. I love the Münster and the market around it. I didn’t really appreciate it when I was living here. Now I look around and think this is really amazing. It’s a student town, and back then there was a really good music scene here. I remember how it was in the old Vauban13. [Vauban is a part of Freiburg known for its alternative character. It was rebuilt as a sustainable model district starting in the mid-’90s –Ed.]

I also miss the wine because it doesn’t get exported. I definitely will be stocking up on some Spätburgunder. The white wine is very nice here, even though I normally prefer reds.

Question: You started doing Web design here. How did you start?

Jeremy: Around the mid to end of the ’90s, we decided that our band should have a website because everyone had one. We already had an email address, and we were very proud of that, but no website. I said I would look into making it, because Jessica had a computer and I had been on the Web.

An old friend of mine who had been to art college with me was in the States, and I knew he was doing something with computers and probably with the Web. I knew that you needed Photoshop to design, so I thought that if you wanted to do Web design you’d need some other flashy expensive software, and I asked him about what I should use.

He said that I should open up a text editor and type in some HTML, save the file, and it will open in a browser. I tried and it actually worked! It was amazing—I couldn’t believe it. It was like when I was a kid just using the computer. You play around, something happens, and you feel so powerful. Considering that our band website was my first one and that it was the ’90s, it wasn’t too bad. It was 640 × 480 pixels.

I was never interested in Irish music when I was in Ireland, but I got into it when I came here. After finishing the band’s website, I didn’t know what else to do with my fresh HTML knowledge, so I decided to share Irish music. I started a site called The Session14. Initially, it was just me posting one tune a week. This was actually better than posting everything at once. And I was able to add comments. This was a big deal back then, because before you had PHP, you had to write Pearl scripts. But it actually taught me how to program. Later, I learned how to create databases and so on. That project is actually still going. It’s changed, but it’s still going. It needs a redesign, which I’m working on right now.

I like having a long-term project going on. The Session has been going on for 10 years now, and it’s great because, in Web terms, this is forever. A lot of times, things on the Web go very fast. They are here today, gone tomorrow. And people forget this. People talk about Facebook like it’s always going to be there. But they also thought that Friendster would be there forever.

After my first website, people started asking me if I could do their website, so I started freelancing. I got more work and quit working at the bakery. Not long after that, we moved to Brighton, and until today I hadn’t been back to Freiburg in 12 years.

I only came to Freiburg by accident. When I look back, it was like it all came together when I started Web design. I didn’t know what to do otherwise. I played music, but I wasn’t very good, and I wasn’t really good at art college. It was like I was waiting around until the Web was invented.

Jeremy Keith at the Smashing Conference15
Jeremy Keith is coming up next. A photo by John Davey16.

Question: Why did you decide to move to Brighton?

Jeremy: As I mentioned before, Jessica and I played in this band. Our singer decided that he should finish uni because he never graduated. But he didn’t want to do it in Germany because back then it took much longer than in the UK. So, he went back to England and studied in Brighton. I thought that would be it with the band. He asked us to visit, which we did, and thought that it was a very nice place. At that point, we also got a bit tired of Germany, so we checked out Brighton. And then a flat became available in the same building where our singer lived, so we decided to move there.

We actually didn’t move because of the Web scene or anything. But once we got there, we found a lot of good stuff going on. I found people who were blogging, and I met people in real life who were doing the same stuff as I did.

Now, Brighton is — as Andy Clarke puts it — the center of the universe. There are many smart people and a lot of great stuff — for example, the Brighton Digital Festival, which consists of many events. If you consider the size of the city, it’s amazing how much is going on.

Question: How did Brighton become so special?

Jeremy: I don’t think there is any special reason for it. It’s more like this self-perpetuation circle. Now, people come down here because of the scene. Kevin Kelly made up this term, “scenius.” There is no particular reason why a scene manifests in one place. It just starts at some point; then it gets this positive feedback and develops. But that could be anywhere. A lot of factors play into it, like the fact that it’s a student town with many young people. It’s a good place now, but I don’t think you could guess those things and reproduce it.

Question: Do you see a difference between Freiburg and Brighton?

Jeremy: There definitely is. Freiburg is really lovely, and Brighton I wouldn’t describe as lovely at all. There are towns in England which are very picturesque and lovely — towns where you would bring your mother and have a lovely time. And Brighton is not one of those. It’s actually a bit seedy, sleazy, scuzzy and dirty. But because of that, it’s also active, and a lot of stuff is going on.

Freiburg doesn’t have a sleazy side to it. It’s amazing how little has changed in 12 years. When I’m two weeks away from Brighton, there will be new stuff everywhere when I get back. Freiburg is much more steady and calm in this respect.

Brighton is hectic, but way less than, for example, London, which is far too extreme. Sometimes I tend to feel that Brighton is hectic. But then I come back from a day in London, and when I get off the train, I see Brighton as such a sleepy seaside town. So, it always depends on what you compare it to.

Question: What are some must-do’s in Freiburg? And in Brighton?

Jeremy: The Freiburger Münster, and the farmer’s market which takes place in front of it every morning. Another great thing is to sit at the Haus der Badischen Weine (House of the Baden Wines), eat fruit from the market and drink a glass of Neue Süße17 (a German speciality –Ed.).

When you visit Brighton, you have to see the Royal Pavilion. It’s such a tacky building. It looks like the Taj Mahal and makes you think, “What is this doing in an English town?” It was originally build for sex, feasts and things like that. The interior design completely looks Chinese, except that the guy who came up with it had never been to China. There is also the pier, which is a bit overrated, but you probably should go there once. You can also stroll around the North Laine and find a lot of great coffee shops around there. It’s also great to go to the beach and just hang out there when the weather is nice.

As a geek, you should time your visit right, because the chances are good that some event or meetup will be taking place during your stay. There is always something on, and you should meet the local guys and hang out with them.

Smashing Flags outside the conference venue.18
Smashing Flags outside the conference venue. A photo by John Davey19.

Question: In your speaker’s biography at the Smashing Conference, you included the sentence, “He also shot a man in Reno just to watch him die.” What is this about?

Jeremy: It’s just a line from the song Folsom Prison Blues. When you speak at conferences, you’re supposed to make up your own bio — and even then in the third person. So, I say stuff like that, which I make up. I also kind of have an ongoing thing with job titles. I come up with a new one every two weeks. On the Clearleft website, there is a list of all of the staff members and their titles, such as UX director and lead creative strategist. I just put in names like King of Brighton or Long-Time Super Genius. It looks ridiculous, and it sort of makes the other titles look ridiculous, too, which is my point because I’m not a fan of job titles. Senior Lead Creative Manager — that’s another one. What does that even mean?

Question: How are you enjoying the conference so far?

Jeremy: I feel a bit behind because I’ve been sneaking out a lot to enjoy the market. But I haven’t been here in so long, so I just had to do that.

I like that it’s a single-track conference and that design and development are mingled. I really dislike multi-track conferences, especially when design and development are separated. What happens is that both groups just go to the topic they already know about, whereas in a single-track conference you have this shared experience. Designers and developers can learn from each other and will understand each other way better when collaborating on a project.

I like that you can go to the market and just have local food. I know how much catering adds to the ticket price, so I think that is a lot better.

The Wi-Fi was up and down, but I wouldn’t judge a conference on its Wi-Fi. Vitaly and Marc encouraged people to tweet, but I just don’t see the point of it, to be honest. You have to be here; you don’t get any real impression of it from 160 characters. Blog posts instead are great because the author can state what they learned or what bits inspired them. So, I’m more a fan of that.

The line-up is great, the talks are good, and the speakers great. There is no shortage of smart people in this industry. A lot of them really know their stuff, but it’s tricky to be on stage. Not many people are able to speak on stage and express their technical skills — this is a wonderful skill. It doesn’t matter how smart you are: you have to be good at making it entertaining and interesting for the audience. So, here we have those people.

Audience at Smashing Conference.
A Smashing audience, attentively listening.

Rachel Andrew: The Future of Content Management

Rachel Andrew is a front- and back-end Web developer, author and speaker. Her books include the bestselling CSS Anthology for SitePoint, and she is a regular contributor to a number of publications both online and off, including Smashing Magazine. She writes about business and technology on her own website20.


The Future of Content Management21, a talk by Rachel Andrew at the SmashingConf 2012.

Question: You seemed pretty nervous before you went on stage, how was it to be part of the first Smashing Conference?

Rachel: I’ve written for Smashing Magazine before and I was really pleased to be asked, especially along with the other people who are real stars. I’ve done a new presentation here, so it’s always a bit scary to see how the slides will go and what people think. But I think it’s gone pretty well.

Question: Have you been on many conferences this year? Is there anything special about the Smashing Conference?

Rachel: Yes, I have been all over the place this year. The venue here is amazing. It’s real cool to be at someplace so exciting, and it’s warm and very friendly. It’s been like coming and meeting up with a lot of friends.

Question: In your talk you talked about content management system and CMS nightmares. What was your biggest CMS nightmare?

Rachel: It was one where the client insisted on doing something which we knew was going to damage that content and we told him that. But in the end we gave up. To actually give someone something which we we don’t think is right — I just hate that. I want to give clients great solutions. But if you can’t explain why something is a better solution, there is nothing you can do about it.

Rachel Andrew at Smashing Conference
Rachel is speaking at Smashing Conference.

Question: You developed your own CMS, called Perch. For what sort of projects is Perch great?

Rachel: We designed Perch for smaller sites. We assumed it would be used for websites with five to six pages. Launching Perch 2.0 was really a response to the fact that people who were using it used it for much bigger sites. It’s still fairly simple but we made changes to support people who want to use it on bigger sites.

Question: Is Perch only good for regular websites, or can you also use it for blogging?

Rachel: We’ve got a blog add-on. One of the improvements we’re looking at is an import function for importing WordPress content if people want to move over. We’ve got add-ons for various things like for a blog or events. We create more plugins and add-ons as we go along.

Question: Beside Perch, do you have a favorite CMS?

Rachel: Before we coded Perch we did a lot of custom work for clients because there was often nothing which really fit for the projects. For me everything is great as long as it works for the job you’re doing. But if you insist on only using a certain CMS and try to force everything into it — that’s when you run into problems.

Question: What is one of the main future challenges which CMSs are facing?

Rachel: In my opinion things like the responsive images problem is a challenge for the future. It’s something which every CMS developer should look into. It’s going to be interesting to find solutions for this problem and media content in general.

Stephen Hay: Style Guides Are The New Photoshop

Stephen Hay22
Stephen hay on stage. Image by Littlemad23.

Stephen has been designing and developing for the Web since 1995. He currently helps clients with front-end design and development, multi-platform strategy and accessibility through his consultancy, Zero Interface. He is co-organizer of Mobilism24, one of the world’s leading mobile Web development conferences and co-creator of Grip Workshops, a series of two-day intensive workshops for Web project managers on the client side.

Stephen has written for publications including A List Apart and .net Magazine. He also contributed a chapter to the Smashing Book 325 with a host of super-talented folks. When he makes the time for it, he publishes his thoughts on The Haystack26.

At the Smashing Conference we were able to ask humble Stephen a few questions about his work and his personal insights at the first Smashing Conference.


Style guides are the new Photoshop27, a talk by Stephen Hay at the SmashingConf 2012.

Question: Originally you studied and worked in print media. Why and how did you start doing Web design?

Stephen: I started doing Web design in 1995, so I kind of brought Web design into the company I was working for at that time. And then I just wanted to focus on doing Web design so I stopped doing print work.

Question: What makes Web design more exciting than print design?

Stephen: I like the fact that it keeps changing. I tend to get tired of things pretty quickly, so when things keep on changing, there is always something new to learn. And I love learning new things even though I may not use all of them. I like the speed of it all, it brings a lot of opportunities.

Question: You mentioned in your talk that unlike many designers, you don’t use Photoshop for creating Web design mock-ups. What do you use instead?

Stephen: It’s not that I don’t like Photoshop, I just don’t need it. I don’t own Photoshop. If I need image editing I use GIMP or Inkscape, but I only use them for image assets generally. I’m one of those who sketch on paper and I have a Bamboo tablet, so I sketch on a blank pad on the screen. But it’s still only sketching.

I also don’t use Illustrator or Fireworks. However, I do use Adobe Edge Inspect, which allows you to display your page on several devices while testing it, as well as taking screenshots on all these devices. Great stuff.

Question: What is your favorite tool or editor to create your mockups?

Stephen: The editor I work with is vim. I learned about it from a former employee. That was about eight years ago, and I hardly know anything about this editor because it’s so powerful and there is so much you can do with it. I’m faster than I used to be, but I still consider myself a beginner. I’ve seen people who are really, really fast in vim. What I like is that it is so powerful but you don’t see any of that power on the screen. It is just like a blank screen. There are no buttons, no menus, nothing. The commands are there, but you have to type them in, so they’re only there when you need them. Everything is done with the keyboard.

Steven Hay at Smashing Conference

Question: Which keys or keyboard shortcuts in vim do you use mostly?

Stephen: Probably the movement keys. The H, J, K, L are used to move up and down and sideways. And also jumping from word to word with the W key.

Question: So is your work more about design or more about development?

Stephen: It depends on the project. There are plenty of projects where I do some of both. Sometimes, especially since I became an independent contractor, I’m just hired to advise clients on how they can approach specific Web-related problems. I ask them lots of questions and help them figure out what approaches they might consider regarding design and front-end development issues.

Question: Which coding or markup languages do you use for your projects?

Stephen: I use a little bit of JavaScript but I’m not a JavaScript hero by any means. I use mainly CSS and HTML.

Question: What is your favorite HTML element and what is your favorite feature in CSS?

Stephen: In HTML5, I really like the track element which will allow for adding things like subtitles to video. In CSS, I like everything that has to do with layout. Right now, I like what they are doing with flexbox. I love it, because it will change the way we lay out components on a page.

Question: How was it for you to be part of the first Smashing Conference?

Stephen: I feel honored and humbled. A lot of these speakers are people whose work I’ve admired and read about for the last eight to ten years. People like Andy Clarke whose thinking I’ve always respected. Almost everyone here (except from myself; I really feel like the odd one). But I really feel honored that Marc and Vitaly asked me to speak at their conference. It’s well organized, the location is beautiful and the city is gorgeous.

Question: Are you speaking at many conferences?

Stephen: I have done some conferences but not many. The Fronteers Conference in Amsterdam, Breaking Development in the United States and Mobilism, which I co-organize. I do a lot of speaking for clients. I’ve done several workshops and things like that. Much of that is related to Web accessibility; I’ve done a lot of accessibility-related work. There’s not much more on the agenda for now but I hope to do more speaking because I like doing it even though it is a lot of work and I get really nervous. But it is great fun to do (especially when you’re finished).

Question: Was there anything special for you at the Smashing Conference?

Stephen: It is still early, but what comes to mind immediately is the line-up of speakers. It’s almost the who-is-who of Web design and development brought to one place. This group of talent in one place… it’s just incredible. And the location… Freiburg is a beautiful, beautiful place.

Stay Tuned!

More videos and interviews will be presented on Smashing Magazine next weeks. Subscribe to our events mailing list287 to stay updated about the next Smashing Conference and other upcoming Smashing events.

(cp) (al)

Footnotes

  1. 1 http://www.smashingconf.com
  2. 2 http://www.smashingmagazine.com/2012/09/17/smashing-conference-liveblog-reporting-day-1/
  3. 3 http://www.smashingmagazine.com/2012/09/18/smashing-conference-liveblog-day-2/
  4. 4 http://vimeo.com/48589127
  5. 5 http://vimeo.com/nodashdomain
  6. 6 https://twitter.com/marcthiele
  7. 7 http://www.smashingmagazine.com/the-smashing-conference-list-join-in/
  8. 8 http://vimeo.com/54527782
  9. 9 http://www.flickr.com/photos/johndavey/8030183681/
  10. 10 http://www.flickr.com/photos/johndavey/8030183681/lightbox/
  11. 11 http://www.leopold-kraus-wellenkapelle.de/Leopold_Kraus_Wellenakapelle/Info.html
  12. 12 http://en.wikipedia.org/wiki/Freiburg_Minster
  13. 13 http://en.wikipedia.org/wiki/Vauban,_Freiburg
  14. 14 http://www.thesession.org
  15. 15 http://www.flickr.com/photos/johndavey/8030188538/
  16. 16 http://www.flickr.com/photos/johndavey/8030188538/in/photostream/
  17. 17 http://en.wikipedia.org/wiki/Federweisser
  18. 18 http://www.flickr.com/photos/johndavey/
  19. 19 http://www.flickr.com/photos/johndavey/
  20. 20 http://www.rachelandrew.co.uk/
  21. 21 http://vimeo.com/54834476
  22. 22 http://www.flickr.com/photos/littlemad/7997803389/sizes/m/in/set-72157631562051543/
  23. 23 http://www.flickr.com/photos/littlemad/7997803389/
  24. 24 http://www.mobilism.nl
  25. 25 http://www.smashingbook.com
  26. 26 http://www.the-haystack.com
  27. 27 http://vimeo.com/54916928
  28. 28 http://www.smashingmagazine.com/the-smashing-conference-list-join-in/

↑ Back to topShare on Twitter

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.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    Very much appreciated post by the ones we could not assist

  2. 2

    Nice…can’t wait to watch them all….

    Thanks!

  3. 4

    Stephen Hay: Style Guides Are The New Photoshop.- was interesting but i don’t think it will ever happen.. it can be ok for some simple sites with simple design not creative web designs also web portals and so one where client need a personal design, not some ms word looking site.. Also second thing is that peoples are 2 kind .. one is technical second is visual.. no way that visual will start to making design in code instead of Photoshop.. I am 100% designer just working in Ps

  4. 5

    I really don’t thank you often enough. Thank you, Smashing Mag ;-)

  5. 6

    a nice reference

  6. 7

    I would really like to see how Stephen cope with mockups in vim that he is so much in love with.

  7. 8

    99% (literally, can only see 1 female in 3 crowd-pictures) male participants it seems, one of the biggest downsides with this profession

  8. 9

    Not to sway from original topic but holy moly there’s a huge difference in gender attendance in those pics!

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