Menu Search
Jump to the content X X

The Smashing Email 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.

Mailchimp Subscriber Count /

Of course, you can cancel your subscription at any time (just check the “unsubscribe” link in the footer of the last newsletter issue). The Smashing Newsletter will always be free of charge. We respect your privacy; we will never give your data to third parties, nor would we ever spam you. You have our word!

Please keep in mind that we keep the number of ads per issue to a minimum; and to help us cover our costs, we send out at most one monthly special issue which is dedicated to Smashing projects and products. We appreciate your support, and we’ll make sure to keep your subscription worthwhile.

If you’re interested in reading any of the older issues of the Smashing Newsletter, feel free to reach out to the Smashing Editorial16 team and we’ll happily share them with you upon request.

Last Newsletter Issue #190

This newsletter issue was sent out to 226,812 recipients newsletter subscribers on Tuesday, September 19th 2017.


How would you design and build your current project if you couldn’t use any rectangles or circles? Think about it for a second. With conveniently predictable layouts floating around the web, perhaps we could think about one little detail that would become a unique signature of your project. Would you use a lot of whitespace, or typography, or many visuals, maybe audio with conversational UI, or perhaps a quirky and non-traditional layout? Glad you asked! That’s exactly what we want to explore, too.

The CSS Grid Challenge17

That’s why we’ve teamed up with Mozilla to set up a CSS Grid Challenge18: design an unusual, interesting layout with CSS Grid, and get a roundtrip to Barcelona with accommodation and a SmashingConf ticket included, plus a signed edition of Alla’s Design Systems19 book. We accept entries until September 30th.

The times are busy, but exciting stuff is coming up. While working on the relaunch of Smashing Magazine20, we’re touring21 through Singapore, Malaysia, Vietnam and Hong Kong to meet local communities, with a local event in each city. We’d love to see you, too! Happen to be in the area? Get in touch via Twitter22.

Table of Contents

  1. The All-New Guide To CSS Support 2017 Is Here23
  2. Four Weeks Left Until SmashingConf Barcelona!24
  3. Detecting Unused Code With Devtools25
  4. Uploading Directories At Once With webkitdirectory26
  5. Make Your A/B Tests More Meaningful27
  6. A Curated Collection Of Newsletters28
  7. The Largest Dictionary Of Color Names29
  8. Rethinking UI Design For TV30
  9. Upcoming Smashing Conferences31
  10. New On Smashing Job Board32
  11. Popular Articles On Smashing33
  12. Most Recent Articles On Smashing34

351. The All-New Guide To CSS Support 2017 Is Here

If you’ve ever coded HTML emails, chances are high that you’ve consulted Compaign Monitor’s “Guide To CSS Support In Email” before. However, in the four years since the guide was last updated completely, a lot has changed. New email clients became popular and already popular clients like Gmail have undergone significant improvements. To reflect these changes, Campaign Monitor now released a fully updated 2017 edition36 of their popular CSS support guide.

Guide To CSS Support in Email 37

The new edition covers a total of 278 CSS features (that’s more than twice as many as its predecessor), including cutting-edge layout techniques like CSS Grid and Flexbox, CSS animations and transitions, and advanced typography properties. All features were tested in 35 email clients, including Android and iOS apps of Gmail, Yahoo! Mail and Outlook, and, to capture the differences in rendering, IMAP and Gmail addresses in the Gmail Android app were even tested separately. Add the guide to your bookmark and you’re equipped for your next email coding adventures. (cm)

382. Four Weeks Left Until SmashingConf Barcelona!

A design wonder as a venue, the sunny Mediterranean Sea nearby, and two days jam-packed with friendly conversations, learning and new ideas — that’s SmashingConf Barcelona. And you know what? It’s just one month left until the one-of-a-kind Palau de la Musica Catalana, which has been our Barcelona home for the past two years already, will open its doors for us again Oct 17–18th. Wanna join us?

SmashingConf Barcelona39

With a line-up of 15 knowledgeable speakers (among them are Marcy Sutton, Brad Frost, Sarah Drasner, Chris Coyier and Monica Dinculescu — just to name a few), we’ll dedicate the two conference days to exploring real-life web design problems and techniques that you can apply to your work right away. No fuss, no theory, just things that worked in practice, and enough time for networking, of course. To the tickets →40

413. Detecting Unused Code With Devtools

Have you already heard of the code coverage feature in Chrome Devtools? Built into Chrome, it’s a great way to get a quick overview of how much unnecessary code you’re shipping and which files need to be optimized. Ben Edelstein did a quick demo42 to explore how to use the feature.

Chrome Devtools Code Coverage43

Code coverage lets you run your web app, and for each JavaScript and CSS file you can see which lines of code were used and which weren’t. This comes helpful when you’re working on a complex or long-term project, because, well, we all know that it’s easy to accumulate dead code. (cm)

444. Uploading Directories At Once With webkitdirectory

If you’ve ever tried to implement a bulletproof, good-looking drag’n’drop, you might have encountered an issue: uploading an entire folder or folders of files usually isn’t possible, and so files in each folder have to be selected manually. Unless you use input webkitdirectory, an obscure attribute that allows users to pick a directory via a file input. Currently supported in Chrome, Firefox, Opera and Edge45. Just pick a directory, and all files in that directory will be listed below, represented by their relative path — a demo by Šime Vidas46 shows how it works.

input webkitdirectory47

The upload works for directories that include sub-folders as well. One click to choose them all is enough. Important to note: the feature is non-standard48, so it will not work for everybody. However, it doesn’t break anything and can be used as progressive enhancement. Ah, and if you want to design a slightly better drag’n’drop-experience, Alex Reardon has a few tips on rethinking drag’n’drop altogether49. Worth reading! (vf)

505. Make Your A/B Tests More Meaningful

A/B testing is a simple but convincing technique to gain insights into visitor behavior and increase conversion rates. However, when it comes to interpreting test results, things can get tricky. Does the result have enough power? And is it really a consequence of the changes you made or just a result of random chance?

A/B Calculator51

To make your A/B tests more meaningful, the A/B-Test Calculator52 is there to help. No matter if you want to plan an A/B test or evaluate the significance of a test you already completed, the calculator will give you a better feel for how a lower confidence level, for example, will boost the power or how an increase in test size can make a small CR-difference significant. Handy! (cm)

536. A Curated Collection Of Newsletters

Every two weeks we craft this little newsletter to share resources with you that are just too good to keep to ourselves. And, well, we’re in good company: Just like us, a lot of people in the web community enthusiastically curate, write and send their newsletters on a regular basis. Some of them filled with valuable tips and tricks; others with inspiration or news.


To provide a showcase for all those stellar newsletters out there, Joel Rosen collects them in a curated collection55 along with other outstanding roundups that are worth subscribing to. The newsletters are sorted by category, so no matter if you’re looking for something about UX, motion design, typography, business, coding, or just some fresh inspiration, there sure is something on the list that has got you covered. A big Thank You to everyone who invests their time into sharing the things they consider worth sharing! (cm)

567. The Largest Dictionary Of Color Names

What comes to your mind when you hear terms like “Bright Nori”, “Paw Print” or “Waffle Cone”? If you’re thinking of colors, well, good guess! Actually, these are only three of the 14,874 unique color names in the massive color dictionary57 that David Aerne brought to life.

Color Names58

The aim of the project is to create as large a list as possible of unique color names. And, well with almost 15,000 color names featured, the undertaking definitely was successful. The names are merged from various sources and handpicked from thousands of user submissions. You can enter a hex value to find the name for it, indulge in the entire list59, or, if you’re feeling creative, submit your own color name60. Color inspiration at its finest. (cm)

618. Rethinking UI Design For TV

The way we watch TV is changing. According to a study by Nielsen62, over 92% of viewing among US adults still happens on the TV screen. But: What we watch has changed. In fact, Netflix, Amazon, Hulu and the like represent 26% of global online respondents63. Given these numbers, shouldn’t we start to think more about designing for the big screen?

Rethinking UI Design For TV64

To make us familiar with the challenges and the constraints that designing television UIs brings along, Pascal Potvin wrote a valuable introduction65 into the topic. Because, well, designing such “lean back” experiences, as he calls them, requires designers to take entirely new conditions into account: viewer distance, remote controls limiting interaction to four directions (up, down, left, right), limits when it comes to color rendering, flickering, and the dreaded overscan (a legacy from the predecessors of modern HDTVs), for example. A good read. (cm)

669. Upcoming Smashing Conferences

We create practical, hands-on conferences highlighting techniques, strategies and design patterns used in real-life products by experienced designers and developers. No fluff, no theory: just 2 days packed with practical front-end and UX techniques. Coming up: SmashingConf Barcelona, Spain67 (Oct 17–18). That — and we love cats, too.

SmashingConf Barcelona 201768

SmashingConf Barcelona, Spain (Oct 17–18)

Public Workshops with Vitaly Friedman

Or, if you’d like to run an in-house workshop at your office, feel free to get in touch with Vitaly at vitaly@smashingconf.com78 and briefly describe what problems you’re facing and would like to solve. Don’t worry about the costs — we’ll find a fair price for sure. Get in touch — it’s that easy!

7910. New On Smashing Job Board

Here are some of the most recent job openings at Smashing Jobs80:

  • PHP Developer81 at Doghouse Agency (Remote)
    “We’re looking for full time PHP developers with demonstrated PHP, CSS + HTML, jQuery and source control experience and a sound understanding of the LAMP stack.”
  • Front End Dev : JS + HTML5 + CSS3 + React/Angular82 at Public Domain (Philadelphia, PA)
    “Our office is looking for an experienced / skilled Front End web developer for a number of current and future projects.”
  • Senior UX Engineer83 at GoDaddy (Scottsdale, AZ or Kirkland, WA)
    “GoDaddy is looking for a UX-centric, front-end software engineer to join our team and help us grow our business through our online sites.”

8411. Popular Articles On Smashing In August

  • Meet XRespond Testing Tool: Let’s Make Building Responsive Websites Simpler85
    As web designers and developers, we keep up with all of the different screen shapes and sizes, learning to create beautiful, flexible software. Yet most of the available tools still don’t reflect the nature and diversity of the platform we’re building for: the browser. The open-source virtual device lab XRespond changes that.
  • A Guide To Virtual Reality For Web Developers86
    Recently, there has been a proliferation of virtual reality (VR) web browsers and VR capabilities added to traditional browsers. In this article, Ada Rose Edwards will look at the state of browsers in VR and the state of VR on the web via the WebVR APIs.
  • Is Success Down To The Quality Of Your Work?87
    One of the biggest fallacies of our industry is that good work speaks for itself. It is a self-delusional lie that those with a good reputation tell themselves to explain their success, argues Paul Boag. But how do you actually build a reputation?

8812. Most Recent Articles On Smashing


  1. 1 #newsletter-issues
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23 #a1
  24. 24 #a2
  25. 25 #a3
  26. 26 #a4
  27. 27 #a5
  28. 28 #a6
  29. 29 #a7
  30. 30 #a8
  31. 31 #a9
  32. 32 #a10
  33. 33 #a11
  34. 34 #a12
  35. 35 #
  36. 36
  37. 37
  38. 38 #
  39. 39
  40. 40
  41. 41 #
  42. 42
  43. 43
  44. 44 #
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50 #
  51. 51
  52. 52
  53. 53 #
  54. 54
  55. 55
  56. 56 #
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61 #
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66 #
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79 #
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84 #
  85. 85
  86. 86
  87. 87
  88. 88 #
  89. 89
  90. 90
  91. 91

↑ Back to top Tweet itShare on Facebook

The Smashing Editorial prepares bi-weekly newsletter issues with lots of love and appreciation for the good ol' web with the latest tips and tricks for designers and web developers. Vitaly Friedman, Smashing Magazine's editor-in-chief, started this project back in early 2010. Today, we can't imagine a better way of informing and communicating with our fans and readers!

  1. 1

    I’ll subscribe

  2. 2

    Nice and useful!

  3. 3

    done deal.

  4. 4

    Rudra Ganguly

    April 21, 2010 6:19 am


  5. 5

    I’m there :)

  6. 6


    May 17, 2010 4:32 am

    have subscribed…. now let’s see…. how useful is it? I’ll be patient…

  7. 7

    It is really awesome to have all these issue. I am enjoying a lot, thank you very… very much.

  8. 8

    Richard Diamond

    June 5, 2010 4:38 am

    I am trying to subscribe to your newsletter which was forwarded to me by a friend. You need to “confirm my address by having me click on the link in the email you just sent me”, but that is not clear, and does not seem to work for me. Can you help?
    Thank you.

    • 9

      Vitaly Friedman

      June 27, 2010 4:22 am

      Exactly. You should receive an e-mail with a confimation link. Once you clicked on it, your subscription will be confirmed and you will receive the next issue of the newsletter.

  9. 10

    Of course !! :)

  10. 11

    One of my favourite newsletters. I look forward to it every fortnight!

    Keep it up guys :)

  11. 12

    thank you for being so useful, cheers :)

  12. 13

    I like it a lot, so much so I forward your recent newsletter to a couple of friends who I’m sure will sign up for it also!

  13. 14

    Smashing is one of the best magazine i have ever come across. Thanks, i lyk it guys.

  14. 15

    I just found out about this and I’m so excited! Thanks.

  15. 16

    Yay, Subscription Confirmed! :D

  16. 17

    Speaking of good design, enjoyed the article, but it’s not easy to print. You may want to think of having a print icon at the top and bottom of the article/ print friendly version that doesn’t include the comments. Great work on the content though.

  17. 18

    Subscription done..You are really good to miss out..:)

  18. 19

    On holidays at the moment and stumbled over your website while reading up on colour theory it’s fantastic thank you! Cheers

  19. 20

    im in here do smash me :d

  20. 21

    I’ve read many of your articles and I like the way they’re written and the info provided and that is the reason I am subscribing.

    Thanks! :)

  21. 22

    Oh, I always thought it’s just another way of receiving your blog articles. Good to know that the newsletter contains exclusive information! :)


  22. 23

    I find newsletters useful and generally interesting. They are a way to go beyond my inbred work inviornment.

  23. 24

    I’m happy to be here today, I had no idea that you guys sent out a newsletter! Now I’m a grateful subscriber.

  24. 25

    i am a regular visitor of Smashing MAG and i love it like anything. It acts as a supplement to my creative thrust. Although i have zillions of ideas bouncing inside my gray head, most of them are quenched and remaining pondering for something more. So i always want to be in touch with SM…. u ROCK!!!!….

  25. 26

    Great Work Guys but, Please keep the Subscribe option in an easily locatable place. I spent 10 Mins to find it.

  26. 27

    Exceptional straight forward subscription process. Also, sharing the .vcf is a great idea to forestall false-positive SPAM. Looking forward to you next issue, thanks!

  27. 28

    Its odd that I missed the last two edition, issue 35 and 36. Can you guys check my subscription status. My email is the one i used for this very comment.

    Thank you.

    • 29

      Vitaly Friedman

      July 4, 2011 11:06 pm

      Hi Joe,

      The status is perfectly fine. Perhaps your mail server marks our emails as “spam”? Could you please double-check it? Please make sure that our newsletters are whitelisted!


  28. 30

    Javier Gomez VE

    July 16, 2011 7:59 am


  29. 31

    Every single newsletter beats its reader count from the one before … amazing.

  30. 32

    Love your creativity, will follow through. Thumbs up!

  31. 33

    I love how well they express their ideas! geek ever!

  32. 34

    Strange for such an excellent site and webdeveloper-oriented bunch of geeks to have such an appalling email-signup process… ever heard of Campaign Monitor, guys?
    Just kiddin. I’m quite busy tuning MailChimp myself for some clients and it is a bit daunting to say the least. Didn’t expect to see default stuff coming from Smashing Mag though.

    cheers Peter Emil

  33. 35

    You guys just passed the 100k subscribers mark.

  34. 36


  35. 37

    you are a super team!!! great work!!!!

  36. 38

    Landon Cahow

    March 9, 2012 4:36 pm

    I’ve been subscribed to the Smashing Email Newsletter for a while now, it’s always full of great info and I look forward to getting it every time.

    Keep up the good work guys!

  37. 39

    Stefan Hansel

    April 23, 2012 9:40 pm

    Thanks for the great magazine! I’ve been reading your articles for a long time. And the Smashing Network has been a great resource too. Where has it gone?

  38. 40

    Dear Smashing Magazine , i can’t find anymore the smashing Network section !!! is it canceled ?

    Thanks in advance

    • 41

      You “have” to subscribe to get back into the network, still cant find a way round it.

      I am on my work PC, having already subscribed at home, seems like I cannot get into the network without re-subscribing….

      The smashing newsletter is great but I do not agree with the, seemingly, forceful way of gaining subscribers.

  39. 42

    Werner Swiegers

    April 26, 2012 11:33 am

    Yeah, what happened to the smashing network?

  40. 43

    Subscribed :)
    Got your Tweet

  41. 44

    Is there a way to update the emails for the subscription, I want to reroute the old email address and replace it with a new email address. The “cancel your subscription” link is not working today.

    Also is there a way get the older newsletters resent mailed, to your re-confirmed new address, just found I missed a few when they changed the work spam filters, I want the complete set in my mailbox. The newsletters are that great.

    • 45

      Vitaly Friedman (editor-in-chief of Smashing Magazine)

      December 18, 2012 3:29 pm

      The “cancel your subscription” link is actually working. Could you please try again, Eric? Thanks for your kind words!

  42. 46

    wow, looking at this list I realise just how many newsletters there have been! I signed up for the very first newsletter and have had them coming to my inbox for more than 2 years. How time flies!

    Always looking forward to the next newsletter, good stuff!

    ~ Steven Noble
    Graphics Cove

  43. 47

    done :D

  44. 48

    Heather Slabosz

    May 4, 2013 8:38 pm

    I was interested in receiving your newsletter (that I just signed up for) on this kindle fire (which I have not purchased yet) Is that possible? I will definitely not be running a data plan with it. I would just like to download to the kindle and read from there.

    I understand I can purchase the ebooks and use them on my kindle – but I am wondering if I can do the same with your newsletter.

    Much thanks, Heather

  45. 49

    How can i get regular update on activities, is there any subscribtion ?

  46. 50

    I’m trying to subscribe. I’m being sent to a wordpress login page for your domain which states that “this plugin is already installed” when i enter my email and hit the subscribe button

    • 51

      Vitaly Friedman (editor-in-chief of Smashing Magazine)

      July 26, 2013 1:05 am

      It must have been a temporary issue! Please try again, Meag!

  47. 52

    3 words, count me in.

  48. 53

    Let’s say we have an interesting article to share, could we post it for review somewhere?
    Would be nice to have to people read or opinion and tips / tricks.

  49. 54

    Jose Almonte

    March 21, 2014 6:46 pm

    I was jsut looking for some pdf books and free templates to practice what i´m learning about Semantic Web, SEO, HTML5, CSS, Prototyping, Responsive Web Design and i´m sure i´ve came to the right place.

    Thanks for sharing this wonderful content. Best regards to all.

  50. 55

    I’m surprised I can’t find anything on this! Any chance to subscribe to your newsletter by RSS?

  51. 60

    Hello, I downloaded your WP theme, but I have a problem with it. WordPress said that there is no style.css stylesheet
    Where can I get it?

    Kind regards Judith

  52. 61

    This is great! Thanks!

  53. 62

    Fakultet Gashi

    March 18, 2016 8:02 pm


    I can’t find any text about using your data on other websites. I’m gonna create a website and I want to use some of your articles. Can I do that or not ?


  54. 63

    Renata Jourdan

    June 26, 2016 8:16 pm

    Please!!! When can we have workshops in Lisbon!! :)

  55. 64

    Dear Vitaly,

    Just a thought about that you wrote in the last newsletter …

    I had a similar experience with the cell phone: five years ago I’ve forgotten my cell phone in Iran and … since five years I don’t have a cell phone.

    This helped me to be free from all the “noises” that everyone has to face every day. No text messages, no WhatsApp, no Facebook and so on. When I’m not at home or in the office, I’m totally disconnected.. or connected only with myself.

    I’m a programmer, a web developer.. so if I, an IT worker, can “survive” without a cell phone, everyone can do it.


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