Menu Search
Jump to the content X X

From Small CSS Tricks To Great Design Mysteries: SmashingConf Barcelona 2017

In the brave new responsive web, previously established techniques are getting revised and abandoned. Design workflow changes. Front-end solutions adapt. Performance optimizations get refined and creative, holistic design thinking is required more than ever. It isn’t easy to keep up with all those changes, and that’s where our community conferences come into place. To the early-bird-tickets →.1

SmashingConf Barcelona 20172

$399 (ca. €365 incl. VAT)

To the tickets →3
Only 50 Early-Birds available.

About The Conference

In Barcelona, we’ll explore new front-end challenges, UX strategies and design patterns that you can apply to your work right away. No fluff, no theory: just hands-on, practical and on point — things that worked well in real-life projects, with talks and workshops by practitioners from the industry.

Palau de la Musica4

Just like last year, the SmashingConf flags will be blowing in the breeze from the Palau de la Música Catalana — an architectural jewel of Catalan Modernism. (Large view5. Image credit: Alessio Carone6).

Nothing obvious, nothing superficial: just actionable insights that you can apply to your projects right away. From visual design to front-end, from performance to UX to design systems. Think of it as a little playbook with handy rules of thumb: it doesn’t get more practical than this.

We also want to hear your stories and your experiences. We believe in sharing, and will invite you to speak at the meet-up before the event. The main conference will take place on October 17–18, right at the sunny Mediterranean seaside in the one-of-a-kind Palau de la Música Catalana. It’s an event that might keep you on your toes for quite some time. Seriously.

First Speakers

For this year’s line-up, we invited experts who have worked with both small as well as large companies, ranging from Clearleft to Nike, and Google. Get ready, set, go:

First confirmed speakers: Anton & Irene and Chris Coyier7

Among our first confirmed speakers: Anton & Irene and Chris Coyier.

First Confirmed Speakers

Hands-On Workshops

We’ll also host hands-on full-day workshops19 with practical techniques and strategies taught by practitioners in the industry. So, if you are going to attend the conference, why not attend a workshop as well? In fact, if you book a workshop too, you’ll save $100 off the conference + workshop ticket price.

    Workshops on Monday, October 16th

     

  • Alla Kholmatova20
    Modular Design by Alla Kholmatova21 Oct. 16th • In her new workshop, Alla Kholmatova, the interaction designer behind the open education platform FutureLearn, explores how we can design and build responsive interfaces that would stand the test of time. Read more…22
  • Horace Dediu23
    Persuasive Design by Horace Dediu24 Oct. 16th • This full-day workshop will take you through the principles of persuasion using techniques of cinematography and visual storytelling. Whether one-on-one or in front of millions on TV, presentations are the primary means of persuasion in business. Read more…25
  • Gemma O’Brien26
    Lettering Workshop by Gemma O’Brien27 Oct. 16th • This hands-on class will provide you with a series of short exercises to demonstrate key principles of letter construction, rhythm, contrast, composition, balance and techniques of letter customization (swashes, flourishes, decoration), and more! Read more…28
  • Smashing Conference Barcelona Workshop29
    Smart RWD Patterns & Front-end Techniques by Vitaly Friedman30 Oct. 16th • In this full-day workshop, Vitaly Friedman, editor-in-chief of Smashing Magazine, will present clever front-end tricks and strategies for building responsive websites with pattern libraries, SVG, Flexbox, CSS Grids, Accessibility, responsive images, performance tricks, service workers and HTTP/2. Yes, all of it. Read more…31
  • Workshops on Thursday, October 19th

     

  • Anton & Irene32
    Concept, Create, And Sell! by Anton & Irene33 Oct. 19th • Where most digital agencies spend days, sometimes weeks crafting ideas and generating designs, Anton & Irene believe that the pressure of time gets the creative juices flowing and will make you come up with solutions you would never have considered had you been given more time to reflect. Read more…34
  • Brad Frost35
    Atomic Design: Process & Patterns by Brad Frost36 Oct. 19th • This full-day masterclass takes a deep dive into the world of responsive web design, covering everything including broad concepts, strategy, how responsive design affects process, responsive design patterns and principles, and more. Read more…37
  • Smashing Conference Barcelona Workshop38
    Advanced SVG Animation by Sarah Drasner39 Oct. 19th • In this full-day workshop, Sarah will teach you the basics of the SVG Animation development and the essentials needed to start using these techniques in production environments for animations both large and small. Read more…40
  • Smashing Conference Barcelona Workshop41
    Convincing Clients And Colleagues The Right Way by Paul Boag42 Oct. 19th • This full-day workshop offers practical guidance on the most critical skills you need in your career; the ability to persuade. Persuade colleagues and clients to take a risk, to step out of their comfort zones and embrace change. Read more…43

$798 (ca. €731 incl. VAT)

To the tickets →44
Save $100 on the regular price!

Why This Conference Could Be For You

This event focuses on the practical. You’ll learn many valuable techniques for your workflow, and you’ll meet fantastic, like-minded people from the industry. You’ll learn:

  1. Strategies for building fast responsive websites,
  2. Clever psychological techniques for smarter interfaces,
  3. Techniques and guidelines for better mobile UX,
  4. Guidelines for scalable CSS and JavaScript,
  5. Techniques for better interaction design and typography,
  6. How to optimize for performance and content delivery,
  7. Gotchas and guidelines with SVG, CSS Grid, HTTP/2,
  8. Mistakes and lessons learned from real-life projects,
  9. Responsive design patterns for future-ready websites,
  10. How to move away from generic solutions towards designs that exhibit soul and personality.

Download “Convince Your Boss” PDF

We also prepared a neat Convince Your Boss (PDF)45 (0.15 Mb) that you can use to convince your boss, colleagues, friends, neighbors, and total strangers to join you or send you to the event. We know that you will not be disappointed. Still not good enough? Well, tweet us @smashingconf — we can be quite convincing, too!

SmashingConf Barcelona: Convince Your Boss PDF46

“Eight reasons why you should send your incredibly hard-working, deserving employee to the SmashingConf” (PDF47). Quite self-explanatory, really.

We also welcome sponsors to help us create a truly unique, unforgettable conference experience. And you can be a major part of it. We have quite a number of attractive and creative sponsorship options for you, and we’d love to adjust them to your needs. So if you’re interested, please contact us via hello@smashingconf.com — we’d love for you to be involved!

 

$399 (ca. €365 incl. VAT)

To the tickets →48
Only 50 Early-Birds available.

See You In Barcelona!

We are looking forward to seeing you in Barcelona, and who knows, perhaps months after the conference is over, you’ll look back at your workflow, at your projects and at this very article realizing that it wasn’t far off after all. After all, it’s a conference where anything can happen, right? See you there!

Footnotes

  1. 1 https://shop.smashingmagazine.com/products/smashingconf-barcelona-2017
  2. 2 http://smashingconf.com/barcelona-2017/
  3. 3 https://shop.smashingmagazine.com/products/smashingconf-barcelona-2017
  4. 4 http://smashingconf.com/barcelona-2017/locations
  5. 5 https://www.flickr.com/photos/littlemad/30477986101/in/album-72157672077984033/
  6. 6 https://www.flickr.com/photos/littlemad/30477986101/in/album-72157672077984033/
  7. 7 http://barcelona.smashingconf.com
  8. 8 https://smashingconf.com/barcelona-2017/speakers/anton-irene
  9. 9 https://smashingconf.com/barcelona-2017/speakers/chris-coyier
  10. 10 https://smashingconf.com/barcelona-2017/speakers/gemma-obrien
  11. 11 https://smashingconf.com/barcelona-2017/speakers/brad-frost
  12. 12 https://smashingconf.com/barcelona-2017/speakers/yuko-shimizu
  13. 13 https://smashingconf.com/barcelona-2017/speakers/paul-boag
  14. 14 https://smashingconf.com/barcelona-2017/speakers/alla-kholmatova
  15. 15 https://smashingconf.com/barcelona-2017/speakers/jeremy-keith
  16. 16 https://smashingconf.com/barcelona-2017/speakers/sarah-drasner
  17. 17 https://smashingconf.com/barcelona-2017/speakers/denys-mishunov
  18. 18 https://smashingconf.com/barcelona-2017/speakers/monica-dinculescu
  19. 19 http://smashingconf.com/barcelona-2017/workshops
  20. 20 https://shop.smashingmagazine.com/products/workshop-alla-kholmatova-barcelona-2017
  21. 21 https://shop.smashingmagazine.com/products/workshop-alla-kholmatova-barcelona-2017
  22. 22 https://shop.smashingmagazine.com/products/workshop-alla-kholmatova-barcelona-2017
  23. 23 https://shop.smashingmagazine.com/products/workshop-horace-dediu-barcelona-2017
  24. 24 https://shop.smashingmagazine.com/products/workshop-horace-dediu-barcelona-2017
  25. 25 https://shop.smashingmagazine.com/products/workshop-horace-dediu-barcelona-2017
  26. 26 https://shop.smashingmagazine.com/products/workshop-gemma-obrien-barcelona-2017
  27. 27 https://shop.smashingmagazine.com/products/workshop-gemma-obrien-barcelona-2017
  28. 28 https://shop.smashingmagazine.com/products/workshop-gemma-obrien-barcelona-2017
  29. 29 https://shop.smashingmagazine.com/products/workshop-vitaly-friedman-RWD-barcelona-2017
  30. 30 https://shop.smashingmagazine.com/products/workshop-vitaly-friedman-RWD-barcelona-2017
  31. 31 https://shop.smashingmagazine.com/products/workshop-vitaly-friedman-RWD-barcelona-2017
  32. 32 https://shop.smashingmagazine.com/products/workshop-anton-irene-barcelona-2017
  33. 33 https://shop.smashingmagazine.com/products/workshop-anton-irene-barcelona-2017
  34. 34 https://shop.smashingmagazine.com/products/workshop-anton-irene-barcelona-2017
  35. 35 https://shop.smashingmagazine.com/products/workshop-brad-frost-barcelona-2017
  36. 36 https://shop.smashingmagazine.com/products/workshop-brad-frost-barcelona-2017
  37. 37 https://shop.smashingmagazine.com/products/workshop-brad-frost-barcelona-2017
  38. 38 https://shop.smashingmagazine.com/products/workshop-sarah-drasner-barcelona-2017
  39. 39 https://shop.smashingmagazine.com/products/workshop-sarah-drasner-barcelona-2017
  40. 40 https://shop.smashingmagazine.com/products/workshop-sarah-drasner-barcelona-2017
  41. 41 https://shop.smashingmagazine.com/products/workshop-paul-boag-barcelona-2017
  42. 42 https://shop.smashingmagazine.com/products/workshop-paul-boag-barcelona-2017
  43. 43 https://shop.smashingmagazine.com/products/workshop-paul-boag-barcelona-2017
  44. 44 https://shop.smashingmagazine.com/products/smashingconf-barcelona-2017?variant=38402581260
  45. 45 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2017.pdf
  46. 46 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2017.pdf
  47. 47 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2017.pdf
  48. 48 https://shop.smashingmagazine.com/products/smashingconf-barcelona-2017

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, webinars and loves solving complex UX, front-end and performance problems in large companies. Get in touch.

  1. 1

    I want to join!

    1
  2. 2

    Hello, is there gonna be some video from this conference? I would even pay for it… thank you

    0
  3. 4

    Hi there!
    We are sure that this will be a really good conference.
    You have been posted at: http://codewebbarcelona.com/blog/smashingconf-barcelona-2017/

    Hope you like that we shared it!

    0

Leave a Comment

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top