Tag Archives: arial


¡Mañana, Mañana! SmashingConf Barcelona 2015: An Event Where Anything Could Happen

Well, almost anything. We can’t guarantee space shuttle journeys or going back in time, but we will put on a truly intimate, valuable and memorable event. Taking place on October 20–21, SmashingConf Barcelona1 will be packed with smart solutions ranging from front-end to design to UX — and a few delightful surprises along the way. To the tickets.2

SmashingConf Barcelona 20153

$399 / €294 + VAT

Get the tickets →34224 Hurry up! Only 5 early-birds left.

About The Conference

We strongly believe that trends don’t matter, but techniques do. With SmashingConf Barcelona, we keep exploring interesting problems, smart solutions and lessons learned from actual projects. We highlight what has worked and what has failed — and why — so you know what to do next time you encounter similar problems. That’s what makes up the spirit of our conferences, and we take pride in it.

Palau de la Musica5
This 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 view6. Image credit: Pug Girl7).

It’s not just about techniques, though. We will also explore how designers and developers work, design and build, how they approach problems strategically and what workflows they use to find solutions. You’ll learn what warning signs and common stumbling blocks to watch out for, how to deal with them, and how to prevent them from happening. 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. That’s why we also invite you to speak at the meet-up before the event. Taking place on October 20–21, it’s an event that might keep you on your toes for quite some time. Seriously.

First Speakers

We’ve invited speakers passionate about their work and who’ve learned a thing or two from their own experiences. We’re happy to welcome the first confirmed speakers:

First confirmed speakers: Anna Debenham and Chris Coyier8
The first confirmed speakers: Anna Debenham and Chris Coyier.

SmashingConf Barcelona 201521

Get the tickets →34224 Only 5 early-birds left.

Hands-On Workshops

We’ll also host hands-on full-day workshops23 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.

Park Güell Barcelona24
If you’ve always wanted to visit Barcelona, or just happen to live around the corner (well, more or less), this is just the opportunity you’ve been waiting for. Image credit: Pixabay25. Grab your ticket.26

Why This Conference Could Be For You

The conference could be for you just because it’s very 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. Gotchas and rules of thumb when using SVG and Flexbox,
  6. How to optimize for performance and content delivery,
  7. Techniques for better lettering and interaction design,
  8. Mistakes and lessons learned from real-life projects,
  9. Responsive design patterns for future-ready websites,
  10. Avoid generic solutions with designs that exhibit soul and personality.

Download “Convince Your Boss” PDF

We also prepared a neat Convince Your Boss (PDF)27 (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 PDF28
“Eight reasons why you should send your incredibly hard-working, deserving employee to the SmashingConf” (PDF29). 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 (PDF)30 for you, and we’d love to adjust them to your needs. So if you’re interested, please contact us via hello@smashingconf.com31 — we’d love for you to be involved!

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!

No, Mahna Mahna32 has nothing to do with Mañana33 or the SmashingConf, but it might help you guess what to expect in Barcelona once you are there.

Get the tickets →34224 Hurry up! Only 5 early-birds left.


  1. 1 http://smashingconf.com/barcelona-2015/
  2. 2 http://smashingconf.com/barcelona-2015/registration
  3. 3 http://smashingconf.com/barcelona-2015/
  4. 4 http://smashingconf.com/barcelona-2015/registration
  5. 5 http://smashingconf.com/barcelona-2015/locations
  6. 6 http://www.smashingmagazine.com/wp-content/uploads/2015/06/Palau-de-la-Musica-Catalana-1500px-v3.jpg
  7. 7 https://www.flickr.com/photos/pug_girl/13994908202/in/photolist-njFyCJ-bq36iq-4WHBtw-dtxLEh-4wmW2V-4pnX6M-hKVc5D-Bb28r-ejJ4RL-4LsYKZ-cf1QDu-4gCDKA-nrunMx-8G53MV-5YNe48-iLX1mz-4zqoqf-4a9NNa-4xjVTb-a2TYd8-4wjdFY-5Dav9v-4yWU4t-iUAUYc-4HzZ9z-5Ce8YM-5CBdq4-diNSS9-9iRopP-Eqi4S-cVopvd-dhXbP2-sfMKL-5tJSAJ-BC732-u9h7F-BJoza-5qRYRf-4vydzf-e1mxNZ-3f6uDL-GxA2h-5p3ck8-5brvhC-drVLnU-9f4wVb-gCPgU-GM12c-GjVxY-hyDPkm
  8. 8 http://barcelona.smashingconf.com
  9. 9 https://twitter.com/anna_debenham
  10. 10 https://twitter.com/chriscoyier
  11. 11 https://twitter.com/mrjoe
  12. 12 https://twitter.com/leisa
  13. 13 https://twitter.com/brendandawes
  14. 14 https://twitter.com/jina
  15. 15 https://twitter.com/hellogeri
  16. 16 https://twitter.com/zomigi
  17. 17 https://twitter.com/patrickhamann
  18. 18 https://twitter.com/ebrunborg
  19. 19 https://twitter.com/seblester
  20. 20 https://twitter.com/Malarkey
  21. 21 http://smashingconf.com/barcelona-2015/registration
  22. 22 http://smashingconf.com/barcelona-2015/registration
  23. 23 http://smashingconf.com/barcelona-2015/workshops
  24. 24 http://smashingconf.com/barcelona-2015/locations
  25. 25 http://pixabay.com/en/parc-g%C3%BCell-gaud%C3%AD-spain-barcelona-411936/
  26. 26 http://smashingconf.com/barcelona-2015/registration
  27. 27 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2015.pdf
  28. 28 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2015.pdf
  29. 29 http://smashingconf.com/pdf/8-reasons-for-Smashing-Conference-Barcelona-2015.pdf
  30. 30 http://smashingconf.com/pdf/SmashingConf-Sponsorship-2015.pdf
  31. 31 mailto:hello@smashingconf.com
  32. 32 https://www.youtube.com/watch?v=8N_tupPBtWQ&t=5s
  33. 33 http://en.wiktionary.org/wiki/ma%C3%B1ana
  34. 34 http://smashingconf.com/barcelona-2015/registration

The post ¡Mañana, Mañana! SmashingConf Barcelona 2015: An Event Where Anything Could Happen appeared first on Smashing Magazine.

Visit link:

¡Mañana, Mañana! SmashingConf Barcelona 2015: An Event Where Anything Could Happen

Typographic Design Patterns And Current Practices (2013 Edition)

Good typography has always been a defining aspect of effective Web design, and this holds true especially for websites in which the emphasis is on presenting a large amount of content — specifically, articles, news and stories. Whether for a magazine or international newspaper, the designer of any website that distributes a lot of content has always had to consider typographic details as seriously and thoroughly as a print designer would.


Typographic Design Patterns And Current Practices (2013 Edition)

How To Set Weights And Styles With The @font-face Declaration

If people are on your website, they’re probably either skimming quickly, looking for something, or they’ve found what they’re looking for and want to read it as easily as possible. Either way, keeping text readable will help them achieve their goal. [Links checked February/21/2017]
Bold and Italic Help to Organize Content A few months ago, I wrote an article on “Avoiding Faux Weights and Styles with Google Web Fonts.” I ended the article by showing that weights and styles are an important UX element when setting text.


How To Set Weights And Styles With The @font-face Declaration

How To Apply Macrotypography For A More Readable Web Page

Any application of typography can be divided into two arenas: micro and macro. Understanding the difference between the two is especially useful when crafting a reading experience, because it allows the designer to know when to focus on legibility and when to focus on readability.
This article focuses mostly on a few simple macrotypographic techniques—with a dash of micro—and on how to combine them all to build a more harmonious, adaptable and, most importantly, readable Web page.

Visit site – 

How To Apply Macrotypography For A More Readable Web Page

An Introduction To Object Oriented CSS (OOCSS)

Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site.
From a Web developer’s perspective, however, some may argue that speed is king. More and more, I’m starting to favour that stance. In recent years many experienced front-end engineers have offered their suggestions on how we can improve the user experience by means of some performance best practices.

Original link: 

An Introduction To Object Oriented CSS (OOCSS)

Typographic Design Patterns And Best Practices

Even with a relatively limited set of options in CSS, typography can vary tremendously using pure CSS syntax. Serif or sans-serif? Large or small font? Line height, spacing, font size and padding… The list goes on and on. To find typographic design patterns that are common in modern Web design and to resolve some common typographic issues, we conducted extensive research on 50 popular websites on which typography matters more than usual (or at least should matter more than usual).


Typographic Design Patterns And Best Practices


35 Designers x 5 Questions

35 designers. 5 questions. 5 precise answers. Result: 175 professional suggestions, tips and ideas from some of the best web-developers all around the world. In March we’ve selected over 35 prominent designers and design companies, contacted them and asked to answer five design-related questions, sharing their knowledge and experience with fellows developers. Here on Smashing Magazine.
You may want to take a look at the following related posts:
Group Interview: Expert Advice For Students and Young Web Designers Women In Web Design: Group Interview The Lost Files – Interviews: Expert Tips From Renowned Designers (part 2 of 4)’“) 35 Designers: how did we find them?

Original post:  

35 Designers x 5 Questions