All posts by Vitaly Friedman

Thumbnail

No Hard Feelings: The Wait For “Hardboiled Web Design” Is Over


Some books deserve a spot at your desk. The brand new Hardboiled Web Design by Andrew Clarke is one of them. In its 5th anniversary edition, Andy explains how you can use HTML/CSS efficiently in responsive design — and how to reduce wasted time in the process with developers, designers and clients. No fluff, no theory — just insights into his own experiences with clients such as ISO and WWF.

A look on the new Hardboiled Web Design Softcover

If you get a printed copy (free worldwide shipping), you’ll get the eBook for free — available in PDF, ePUB, Amazon Kindle. All printed copies will ship from Dec 8th. Softcover, 441 pages. Jump to the table of contents. Proudly published by yours truly Smashing Magazine.

The post No Hard Feelings: The Wait For “Hardboiled Web Design” Is Over appeared first on Smashing Magazine.

View this article – 

No Hard Feelings: The Wait For “Hardboiled Web Design” Is Over

“This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016


So, do you like challenges? Now, this one is going to smash you alright. Meet SmashingConf San Francisco 2016, packed with smart front-end and UX techniques — CSS/JavaScript architecture, SVG, Flexbox, pattern libraries, performance, UX, interface design, content strategy — to challenge everything about how you design and code — and how to touch someone’s heart with design.

SmashingConf San Francisco

So you know what’s going on in front-end. You’ve been working with pattern libraries and atomic design and Gulp and SMCSS and BEM and HTTP/2 and Flexbox and SVG. What you might not know though is what pitfalls and traps other web designers have encountered in practice — to prevent issues creeping out down the road.

The post “This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016 appeared first on Smashing Magazine.

View the original here:  

“This One Is Going To Be A Game Changer.” Meet SmashingConf San Francisco 2016

SmashingConf Oxford 2016: Just Your Cup Of Tea


We love organizing events that deliver value and leave a long-lasting impression. SmashingConf Oxford is taking place again next year, on March 15–16th 2016. The conference will be packed with smart real-life solutions and techniques, ranging from front end to design to UX — and a few delightful surprises along the way. Two days, one track, 14 brilliant speakers and 350 fantastic attendees. Tickets are now on sale.

SmashingConf Oxford 2016 image

Discussions about design trends and visual style are often very subjective and they rarely provide actionable, valuable takeaways. Nothing beats a conversation about what worked and what didn’t work in actual real-life projects and what decisions were made along the way. That’s exactly what we’re setting off to explore in Oxford — accompanied by a lot of learning and networking in the beautiful pathways and gardens of legendary Oxford.

The post SmashingConf Oxford 2016: Just Your Cup Of Tea appeared first on Smashing Magazine.

Source – 

SmashingConf Oxford 2016: Just Your Cup Of Tea

It’s The Smashing Birthday Party, And You Are Invited (With Goodies!)


Exactly 9 years ago we published the very first article on this very website. Many things changed since then, but one thing remained the same: our obsession for publishing valuable, practical quality content. We proudly stand behind our work — the books, the eBooks, the conferences; our craft is ours, but our work serves the community and belongs to everybody.

The Thanks Page inside the book

As a team, we are happy and privileged to do what we truly love, and we know that this wouldn’t be possible without your kind and generous support. So thanks for sticking around. Now, a birthday calls for a birthday party, so we’ve prepared a little something for you to celebrate the day: a free chapter on responsive design patterns (PDF), a Mystery Riddle, a new free eBook and a birthday special: if you grab the hardcover of the Smashing Book 5 today, you’ll get five Smashing eBooks as a gift for your kind support.

The post It’s The Smashing Birthday Party, And You Are Invited (With Goodies!) appeared first on Smashing Magazine.

Read more – 

It’s The Smashing Birthday Party, And You Are Invited (With Goodies!)

The New Smashing Mystery Riddle: Have You Figured It Out Yet?


Ah, these mystery riddles never stop, do they? To celebrate our ninth birthday, we’ve prepared yet another riddle, and this time it will require a bit more teamwork. We’ve hidden secret keys in different (physical) locations across the world. To move from one level to another, you’ll have to find a hidden print-out in all (four) locations. Watch out for GIF file names.

Message in a bottle
Tip: Watch out for the file name. Large view.

To find the key password, you have to follow the clues and hints in a series of animated GIFs. Once put together, the keys will add up to a secret Twitter hashtag. Below you’ll find the first animated GIF that contains a location clue. Identify the location, go there (yourself, or ask a friend, colleague or a total stranger) and find a hidden print-out.

The post The New Smashing Mystery Riddle: Have You Figured It Out Yet? appeared first on Smashing Magazine.

Continue at source:

The New Smashing Mystery Riddle: Have You Figured It Out Yet?

From Russia With Love: Behind The Responsive Redesign of Kremlin.ru


Relaunching a large-scale website is always quite an undertaking, especially if the task involves a huge political entity with content accumulated over a dozen years. In this article, we look behind the scenes of the responsive redesign of Kremlin.ru, Russia’s most prominent government website.

Search on Kremlin.ru

We had an opportunity to talk with Artyom Geller, one of the creative minds responsible for the design and UX of the project. We talked about the design process, the challenges and constraints, creative front-end solutions, as well as unusual budgets and stakeholders. —Ed.

The post From Russia With Love: Behind The Responsive Redesign of Kremlin.ru appeared first on Smashing Magazine.

Original post:  

From Russia With Love: Behind The Responsive Redesign of Kremlin.ru

Finally: Smashing Book #5 Is Here, And It’s Hot Like Smoking Barrels.


The waiting is over. Smashing Book #5 is here, it’s smashing, and it’s shipping worldwide — in fact, all pre-orders have just been dispatched. Think of it as a reliable playbook to master all the tricky hurdles of responsive design, well-tested in real-life projects by respected designers and developers. Ah, sure, you can get the book right away.

Smashing Book 5: Real-Life Responsive Web Design

Now, a standalone release post would be boring and predictable, so how about bringing another perspective to the magazine instead? Below you’ll find some insights about the writing process by one of the authors of the book, Sara Soueidan, who has contributed an 80-page long compendium of useful techniques, tricks and strategies for dealing with SVG. — Ed.

The post Finally: Smashing Book #5 Is Here, And It’s Hot Like Smoking Barrels. appeared first on Smashing Magazine.

Source: 

Finally: Smashing Book #5 Is Here, And It’s Hot Like Smoking Barrels.

Smashing Newsletter: Front-End Performance and Instruction Manuals

We love experiments, and trying things out. So what if we published our lovely Smashing Email Newsletter1, with thoroughly collected, written and edited little articles on useful tips’n’bits for web designers, in the magazine as well? This newsletter issue was sent out to 181,631 newsletter subscribers on Tuesday, July 14th. Perhaps you’ll find something useful in there, too. We’d love to see your feedback in the comments. — Ed.

Editorial

How much data do you actually use per day? What if you go to a remote city, just to discover a few entangled data plans on site — unless you want to stay off the grid? What if you do have to work full day and you can’t rely on a “good enough” Wi-Fi in a coffee house? Also, how do you make sense of the plans if sometimes you are expected to pay a setup price, or pay per 100 Mb, or weekly, or monthly, or perhaps even with a long-lasting contract. Oh nightmare!

Testing Wi-Fi connections speeds with an Android app.2

As I keep observing my data plan squandering from one month to another, I’ve noticed that even without downloading videos or syncing Dropbox or streaming Spotify (using it in offline mode), I ended up spending around 375 Mb of data per full working day — basically just reading many articles, visiting many websites, and receiving many emails — with an occasional dash of Facebook, Tweetdeck, Instagram and Skype attachments.

Extrapolated for an entire month, it makes up for 8–10 Gb of data per month (if you count weekend for occasional browsing as well). Considering that an average web page is 2.1 MB in size3, it makes sense — with 375 Mb/day, that’s just (well, “just”) 178 web pages a day.

If you still use roaming when travelling, consider purchasing a local SIM-card instead; depending on your work, you might need to sync larger files, so accounting for 375 Mb per working day might make sense — and that without heavy downloads. To save bandwidth, use Opera Turbo4, Opera Mini5 or Tripmode6. In light of this, a 3GB plan doesn’t seem like much any more, yet depending on the country of interest it might be ridiculously expensive — unless you find a savvy café or an open space, that is.

Ah, and before you get that cappuccino in a coffee shop, speed test the Wi-Fi using apps like SpeedSmart on iOS7 or Speedtest on Android8.

— Snappy browsing!
Vitaly (@smashingmag)

Table of Contents

  1. Better Interface Copywriting9
  2. Dealing With Multilingual Responsive Design10
  3. Don’t Trust HTTP Cache11
  4. Designing Style Guides And Pattern Libraries12
  5. Where Are You Travelling Next?13
  6. Graphics Standards And Instruction Manuals14
  7. What’s Around You Now? That’s Your Design!15
  8. Keep Calm And Attend A Smashing Workshop!16
  9. Recent Articles On Smashing Magazine17

1. Better Interface Copywriting

A good interface is all about great copywriting. The tone, the voice, the language all define how messages are perceived, but also how exactly they are communicated, shaping the atmosphere and experience for users. Particularly when we design interfaces for tiny screens18, being precise yet delightful is crucial. No wonder that some designers go as far as starting to design their interfaces in a text editor19, outlining interactions and copy in plain text first. Often, adjusting microcopy is a quick win20.

Better Interface Copywriting21

However, it can be difficult to find a strategic approach for writing and maintaining good copy consistently. Nicole Fenton’s article on interface writing22 looks into the fine detail that make up interface copy, and offers a few guidelines and examples of how to get it right. Not enough tips for you? Jonas Downey from 37signals has an article on writing interfaces well23, too. And just in case your clients send their content in Microsoft Word, consider using Writage24, a Markdown plugin for Microsoft Word that converts Word documents into reasonable Markdown plain text. (vf)

2. Dealing With Multilingual Responsive Design

One codebase of one responsive website, shared across dozens of international versions of the website, supporting dozens of different languages. If it doesn’t sound like a complex undertaking to you, it probably should. Creating a scalable design system across viewports and browsers is one thing, but when it comes to languages, web fonts and layouts can easily become a headache.

Dealing With Multilingual Responsive Design25

Tom Maslen from the BBC team has summed up the lessons they learned when building the multilingual BBC website26. You won’t find any obvious statements, but practical tips, from creating JSON configuration files with language attributes, to translation files for the critical UI components — as well as dealing with web fonts and bidirectional layouts. Certainly an article worth reading.

If you’re looking for more general non-technical issues to keep in mind on multilingual projects, check Jane Robbins’ slide deck27. Now, if a multilingual project comes your way, you’ll be prepared. (vf)

3. Don’t Trust HTTP Cache

When we talk about performance, we tend to talk about the first visit and subsequent visits. The first visit is always expensive because so many assets have to be requested and downloaded; also, the render tree has to be constructed from scratch — not to mention images and web fonts. Subsequent visits shouldn’t be that bad: after all, most of the site’s assets are in HTTP cache at this point. Well, they should be. As it turns out, that’s not really the case most of the time.

Don't Trust HTTP Cache28

Following up on Yahoo’s cache persistence study from 200729, the Facebook team has re-created and rerun the study. The result wasn’t particularly good30: 25.5% of all logged requests that were supposed to be coming from cache were missing the cache entirely.

Caches don’t stay populated for very long; according to Facebook, on desktop there’s only a 42% chance that any request will have a cache that is, at most, 47 hours old. It’s not surprising when you remember the 2.1 MB weight of an average website31 — keeping caches for a long time just isn’t viable for most devices. If you rely on cache too much, it might be worth reconsidering; in most cases users will have a first-visit experience, so we’d better make it damn fast. (vf)

4. Designing Style Guides And Pattern Libraries

We’re all still trying to figure it out, aren’t we? When crafting responsive websites, how do style guides and pattern libraries fit into the workflow? Are they tools we use when we start off with interface inventories or atomic components? Or are they deliverables, a by-product of what we are building anyway? Well, everybody finds an answer for themselves, but there are a few interesting conversations happening among people like us.

Designing Style Guides And Pattern Libraries32

Sönke Rohde and Jina Bolton have recently published33 articles34 on their experiences with style guides at SalesForce and beyond. SalesForce applies Theo35, which uses a set of JSON files which contain name/value pairs describing their design properties, and then translates this raw JSON data into a platform-specific format for the style guide.

Robert Haritonov has recently provided an overview of living style guide tools36 on our very own SmashingMag; Brad Frost provides a few style guide best practices37; while Chris Coyier discusses where style guides fit into the process38. And just in case you have it figured out already, you can use a CSS style guide audit tool39 to see what elements use styles from the style guide and which styles are overriding them. Food for thought for your current or next project. (vf)

5. Where Are You Travelling Next?

If you spend a lot of time working remotely, or have to travel to a distant place to work on site for a while, wouldn’t it be useful to know a few general rules of thumb about the remote location so you have the right expectations? Even better if you can actually select the location where you can focus on your work for the next project. Well, NomadList40 has got your back.

Where Are You Travelling Next?41

Drawing on the expertise of a growing community of creatives travelling and working remotely, the project aims to provide a comprehensive overview of the best cities to live and work remotely. It ranks destinations based on the cost of living, the climate, average connection speed, clean air, safety and friendliness — taking into account whether a destination is female-friendly as well.

Once you select a destination, you can preview the expected costs for a cappuccino or beer, connect with community members staying there, ask questions in a forum or online chat, and check options for working spaces and accommodation. Apparently, if you search for a safe, friendly destination with “super fast” Wi-Fi, warm temperature and clean air, Chattanooga in the US, Timisoara in Romania, and Braga in Portugal are your best options.

Alternatively, be sure to check WorkFrom.co42, an overview of the best coffee shops and co-working spaces to work from while you roam — recommended by people who have actually worked there. Handy? Handy! So, where you are travelling to next now? (vf)

6. Graphics Standards And Instruction Manuals

There is always something alluring about graphics standards manuals — frankly, surprisingly boring documents which describe a design system and provide guidelines on how it should be used in different contexts. Exploring those manuals can be a discovery in itself, especially if you spend a lot of time studying both the design of the manual — the table of contents or the layout — and the building blocks of the system with the connections between these parts.

Graphics Standards And Instruction Manuals43

While the New York City Transit Authority Graphics Standards Manual44 is an affirmation of bold typography and grid systems, the NASA Graphics Design Manual45 appears to be more open and less conservative. Not to mention the geometric consistency of the 1976 Montreal Olympics Graphics Manual46 or, expanding your area of interest, the Kodak Retina IIIc instruction manual47 or even more vintage camera guides48, collected by Gareth Wonfor.

If you have time over the weekend, why not visit your local library and search for old technical books like these? The experience alone will be worth it. (vf)

7. What’s Around You Now? That’s Your Design!

We all have that one cool friend whose walls are covered with obscure, beautifully designed posters that we wish we had found to hang at home. Yet we tend to see these posters from distance — as something “artsy” that we can’t necessarily apply to our work right away. But perhaps we can. To explore the creative edge, we could think about ways to use pretty much anything around us — a carpet, a bouquet of flowers, an iron shape — to the aesthetic of our next project, to make it really unique and unusual.

What's Around You Now? That's Your Design!49

We could look into older books or magazines or leaflets or instructions manuals; or we could explore that one artist whose work you really love, and meticulously study the details and ideas of their artworks. Perhaps Birgit Palma’s projects50, such as designing glyphs using stairs as a metaphor of our path in life. Curated collections aren’t particularly loved but they be inspirational, too: Baubauhaus51 or Veerle’s Inspiration Stream52 are a few thoroughly curated streams of illustration, photography, fashion and all else art-related. What’s around you right now? Perhaps that could Look around you, outside or inside the screen. That could be just the inspiration you are seeking, if you think about it creatively. (cc)

8. Keep Calm And Attend A Smashing Workshop!

With so many techniques, tools, libraries, design patterns, strategies, abstractions, frameworks and boilerplates available nowadays, what do you really need to know to keep your workflow fast, smart and efficient? That’s exactly what our front-end and RWD workshops are all about: practical front-end and RWD workshops53 that will help you become better front-end developers and designers, today.

Keep Calm And Attend A Smashing Workshop!54

Upcoming Online Workshops

Upcoming Smashing Workshops and Meet-Ups:

Workshop image credits: Marc Thiele62 (vf)

9. Recent Articles On Smashing Magazine

The authors of this newsletter are: Catherine Clark (cc), Iris Lješnjanin (il), Vitaly Friedman (vf), Christiane Rosenberger (research), Owen Gregory (proofreading), Elja Friedman (tools).


About The Newsletter

We love useful stuff, and we love quality writing, that’s why we send out an editorial email newsletter twice a month with useful tips, tricks and resources for designers and developers — thoroughly collected, written and edited by us exclusively for our readers. Once subscribed, you’ll receive a small token of appreciation — a free eBook just for you. We’d love to hear your feedback in the comments section!

Footnotes

  1. 1 http://www.smashingmagazine.com/the-smashing-newsletter/
  2. 2 https://play.google.com/store/apps/details?id=org.zwanoo.android.speedtest&hl=en
  3. 3 http://httparchive.org/interesting.php
  4. 4 http://www.opera.com/turbo
  5. 5 http://www.opera.com/mobile
  6. 6 https://www.tripmode.ch/
  7. 7 https://itunes.apple.com/us/app/speed-test-speedsmart-wifi/id366593092?mt=8
  8. 8 https://play.google.com/store/apps/details?id=org.zwanoo.android.speedtest&hl=en
  9. 9 #a1
  10. 10 #a2
  11. 11 #a3
  12. 12 #a4
  13. 13 #a5
  14. 14 #a6
  15. 15 #a7
  16. 16 #a8
  17. 17 #a9
  18. 18 http://blog.prolificinteractive.com/2015/05/28/writing-for-apple-watch/
  19. 19 https://signalvnoise.com/posts/3801-writing-first-design
  20. 20 https://blog.intercom.io/writing-an-interface/
  21. 21 http://nicolefenton.com/interface-writing/
  22. 22 http://nicolefenton.com/interface-writing/
  23. 23 https://signalvnoise.com/posts/3633-on-writing-interfaces-well
  24. 24 http://www.writage.com
  25. 25 http://responsivenews.co.uk/post/123104512468/13-tips-for-making-responsive-web-design
  26. 26 http://responsivenews.co.uk/post/123104512468/13-tips-for-making-responsive-web-design
  27. 27 http://www.slideshare.net/JaneRobbinsMBACUA/tips-for-creating-international-multilingual-websites-nova-ux-29916662
  28. 28 https://code.facebook.com/posts/964122680272229/web-performance-cache-efficiency-exercise/
  29. 29 http://yuiblog.com/blog/2007/01/04/performance-research-part-2/
  30. 30 https://code.facebook.com/posts/964122680272229/web-performance-cache-efficiency-exercise/
  31. 31 http://httparchive.org/interesting.php
  32. 32 http://sfdc-styleguide.herokuapp.com/
  33. 33 https://medium.com/salesforce-ux/living-design-system-3ab1f2280ef7
  34. 34 https://the-pastry-box-project.net/jina-bolton/2015-march-28
  35. 35 https://github.com/salesforce-ux/theo
  36. 36 http://www.smashingmagazine.com/2015/04/13/an-in-depth-overview-of-living-style-guide-tools/
  37. 37 http://bradfrost.com/blog/post/style-guide-best-practices-presentation/
  38. 38 https://css-tricks.com/where-style-guides-fit-into-process/
  39. 39 https://github.com/straker/css-style-guide-audit
  40. 40 https://nomadlist.com/
  41. 41 https://nomadlist.com/
  42. 42 https://workfrom.co/
  43. 43 https://www.flickr.com/photos/thisisdisplay/sets/72157627467855309/
  44. 44 http://www.thestandardsmanual.com
  45. 45 https://www.flickr.com/photos/thisisdisplay/sets/72157627467855309/
  46. 46 https://www.flickr.com/photos/yearofthesheep/sets/72157627821634720
  47. 47 https://www.flickr.com/photos/mrmorodo/sets/72157640292650234
  48. 48 https://www.flickr.com/photos/mrmorodo/collections/72157628866082811/
  49. 49
  50. 50 http://www.birgitpalma.net/#/yorokobu-numbers/
  51. 51 http://www.baubauhaus.com/
  52. 52 http://veerle.duoh.com/inspiration/
  53. 53 http://www.smashingmagazine.com/smashing-workshops/
  54. 54 http://www.smashingmagazine.com/smashing-workshops/
  55. 55 https://shop.smashingmagazine.com/products/vitaly-friedman-smart-ecommerce-sept-10th
  56. 56 https://hybridconf.net/smashing
  57. 57 https://coldfrontconf.com/
  58. 58 http://smashingconf.com
  59. 59 http://www.webdirections.org/wd15/
  60. 60 http://smashingconf.com/barcelona-2015/
  61. 61 lanyrd.com/2016/smashingconf/
  62. 62 https://www.flickr.com/photos/marcthiele/17106125700/in/set-72157651806544679
  63. 63 http://www.smashingmagazine.com/2015/06/22/qualities-of-good-flux-implementations/
  64. 64 http://www.smashingmagazine.com/2015/06/23/effective-logo-design-geometry/
  65. 65 http://www.smashingmagazine.com/2015/06/25/efficient-image-resizing-with-imagemagick/
  66. 66 http://www.smashingmagazine.com/2015/06/26/rapid-front-end-prototyping-with-wordpress/
  67. 67 http://www.smashingmagazine.com/2015/06/29/design-principles-compositional-balance-symmetry-asymmetry/
  68. 68 http://www.smashingmagazine.com/2015/06/30/desktop-wallpaper-calendars-july-2015/
  69. 69 http://www.smashingmagazine.com/2015/07/02/using-heuristics-to-increase-use-of-your-product/
  70. 70 http://www.smashingmagazine.com/2015/07/03/freebie-smashicons-icon-set/
  71. 71 http://www.smashingmagazine.com/2015/07/06/hunt-for-the-webs-lost-soul/
  72. 72 http://www.smashingmagazine.com/2015/07/08/web-design-is-dead-no-it-isnt/
  73. 73 http://www.smashingmagazine.com/2015/07/08/material-design-icons-templates-tools/
  74. 74 http://www.smashingmagazine.com/2015/07/09/development-to-deployment-workflow/
  75. 75 http://www.smashingmagazine.com/2015/07/11/become-command-line-power-user-oh-my-zsh-z/

The post Smashing Newsletter: Front-End Performance and Instruction Manuals appeared first on Smashing Magazine.

Taken from – 

Smashing Newsletter: Front-End Performance and Instruction Manuals

“Web Design Is Dead.” No, It Isn’t.

Every now and then we see discussions proclaiming a profound change in the way we design and build websites. Be it progressive enhancement1, the role of CSS2 or, most recently, web design itself being dead3. All these articles raise valid points, but I’d argue that they often lack objectivity and balance, preferring one side of the argument over another one.

These discussions are great for testing the boundaries of what we think is (or is not) possible, and they challenge how we approach our craft, but they don’t help us as a community to evolve together. They divide us into groups and sometimes even isolate us in small camps. Chris Coyier has published a fantastic post4 recently covering the debate on the role of CSS in light of growing popularity of React.js, extensively and objectively. That’s the quality discussions we need, and that’s what keeps us evolving as a growing and maturing community.

Web technologies are fantastic — we all agree on this. Our tools, libraries, techniques and methodologies are quite fantastic, too. Sometimes they are very different and even contradictory, but they are created with the best intentions in mind, and often serve their purpose well in the specific situations they were designed for. Sometimes they contain mistakes, but we can fix them due to the nature of open source. We can submit a patch or point out solutions. It’s more difficult, but it’s much more effective.

There are a lot of unknowns to design and build for, but if we embrace unpredictability5 and if we pick a strategy to create more cohesive, consistent design systems6, we can tackle any level of complexity — in fact, we do it every single day. We solve complex problems by seeking solutions, and as we do, we make hundreds of decisions along the way. Yet sometimes we fall into the trap of choosing a solution based on our subjective preferences, not objective reasoning.


Web technologies are fantastic, and so are our tools. However, we might be focusing too much on discussions about tools instead of art direction we do when we design the web. Image source: empty_quarter7.

We tend to put things into buckets, and we tend to think in absolutes. Pro carousels or anti carousels; pro React.js or anti-React.js; for progressive enhancement or against it. But the web isn’t black and white — it’s diverse, versatile, tangled, and it requires pragmatism. We are forced to find reasonable compromises within given constraints, coming from both business and UX perspectives.

Tools aren’t good or evil; they just either fit a context or they don’t. Carousels can have their place when providing enough context to engage users (as Amazon does). React.js modules can be lazy-loaded for better performance, and progressive enhancement is foundational for making responsive websites really8, really9 fast. And even if you have extremely heavy, rich imagery, more weight doesn’t have to mean more wait10; it’s a matter of setting the right priorities, or loading priorities, to be precise.

No, web design isn’t dead. Generic solutions are dead.11 Soulless theming and quick skinning are dead. Our solutions have to be better and smarter. Fewer templates, frameworks and trends, and more storytelling, personality and character. Users crave good stories and good photography; they’re eager for good visuals and interesting layouts; they can’t wait for distinctive and remarkably delightful user experiences. This exactly should be our strategy to create websites that stand out.

There are far too many badly designed experiences out there, and there is so much work for us to do. No wonder that we are so busy with our ongoing and upcoming projects. Proclaiming our craft to be dead is counter-productive, because we’ve shown ourselves and everybody out there what we are capable of. The last fifteen years of web design were nothing if not outstanding in innovation and experimentation. And it’s not about to stop; that’s just not who we are.

If we can’t produce anything but generic work, other creatives will. The web will get better and it’s our job to make it better. It won’t be easy, but if we don’t adapt our practices and techniques, we’ll have to give way to people who can get it done better than we can — but web design itself isn’t going anywhere any time soon.

It’s up to us to decide whether we keep separating ourselves into small camps, or build the web together, seeking pragmatic solutions that work well within given contexts. We might not end up with a perfect solution every time, but we’ll have a great solution still; and more often than not it’ll be much, much better than the solution our client came to us for in the first place.

(og, ms)

Footnotes

  1. 1 http://tomdale.net/2013/09/progressive-enhancement-is-dead/
  2. 2 https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284
  3. 3 http://mashable.com/2015/07/06/why-web-design-dead/
  4. 4 https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/
  5. 5 http://timkadlec.com/2015/06/thriving-in-unpredictability/
  6. 6 http://atomicdesign.bradfrost.com/chapter-1/
  7. 7 https://www.flickr.com/photos/empty_quarter/12108068015/
  8. 8 https://www.filamentgroup.com/lab/performance-rwd.html
  9. 9 www.smashingmagazine.com/2014/09/08/improving-smashing-magazine-performance-case-study/
  10. 10 https://www.filamentgroup.com/lab/weight-wait.html
  11. 11 http://www.smashingmagazine.com/2015/07/06/hunt-for-the-webs-lost-soul/

The post “Web Design Is Dead.” No, It Isn’t. appeared first on Smashing Magazine.

Continue reading here:

“Web Design Is Dead.” No, It Isn’t.

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

Footnotes

  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