Smashing Newsletter: Issue #49

This newsletter issue was sent out to 99,408 newsletter subscribers on December 20th 2011. If you haven’t subscribed yet, feel free to subscribe to our email newsletter1. Thank you.

Shalom,

As I am still on the road in the Middle East, and my postcards haven’t arrived yet, I talked to my office family back home in Freiburg and they told me that the Christmas Bundle deals of the coming days are going to be smashing! If you are looking for Christmas presents for your friends or colleagues, make sure to check our Web Design Bundle2 (57% off!) and our upcoming digital Smashing Books, mobile and coding bundles — as well as the grand finale, the ultimate Smashing Book Super bundle. I have to remind my friends!

Fortunately, I’ll be landing in Stuttgart tomorrow evening, just in time for the third Smashing Meetup3 with Paul Irish and Christian Heilmann. If you’re close, don’t miss out on a great opportunity to get to know Paul, Christian, the Smashing Team and myself personally! I wish you all a blissful last days of the old year! Meow!

— The Smashing Cat

Table of Contents

01. Interactive CSS3 Lighting Effects4
02. Mobile Web Best Practices5
03. jQuery Credit-Card Validation Plugin6
04. Does It Validate? Site-Wide Markup Validation7
05. Boomerang for Gmail8
06. The Great Discontent9
07. Take a Christmas Break!10
08. New on Smashing Magazine11

1. Interactive CSS3 Lighting Effects

While CSS3 is becoming mainstream, designers keep experimenting with CSS3 features and come up with quite impressive coding techniques. Things that were once possible only with Flash now lie at the doorstep of anyone who is willing to try it. Even better is what CSS3 is capable of in combination with just a bit of JavaScript.

Interactive CSS3 Lighting Effects12

Our editor Tom Giannattasio has come up with an interactive CSS3 lighting technique13. He used 3D transforms with CSS gradients and masks; the cast shadow was created using box shadows and transforms. Have a look, move your mouse around, and get ready to be pleasantly surprised. Then look at the code and start imagining what you could do with it! (ld)

2. Mobile Web Best Practices

The latest generation of mobile devices has introduced new user interface patterns, and customers have come up with new usage patterns of their own. The devices pose new challenges and opportunities, yet because the landscape is still relatively new, as designers we need to rethink the way we approach Web design and how we target users of mobile devices.

Mobile Web Best Practices14

Mobile Web Best Practices15 is a handbook with guidelines, resources and useful tips on design practices. The resource points you to the main aspects that you need to consider for mobile users and helps you solve common problems so that you can start creating future-friendly Web experiences. Helpful and comprehensive — now that’s a useful resource to always have on hand! (vf)

3. jQuery Credit-Card Validation Plugin

So, you have to integrate credit-card validation in your next project? Where do you begin? Should you break out that trusty book on regular expressions? Should you look up the numerical structures of various credit-card types? And how many credit card providers are there anyway? Good news: it doesn’t have to be that difficult.

jQuery Credit-Card Validation Plugin16

Smart Validate17 is an off-the-shelf solution that ensures users have entered a valid credit-card number before processing the transaction. The plugin supports American Express, MasterCard, Visa, Diner’s Club and Discover. Now, that’s a plugin that will save you headaches in your next e-commerce project! (vf)

4. Does It Validate? Site-Wide Markup Validation

Now that’s a question we hear often. How do you make sure that your website (perhaps a large one) validates? The official W3C validator does not let you submit several URLs at once, so checking a whole website could take a couple of hours. Now, there is a simpler, faster way to check an entire website: W3Clove18.

Does It Validate? Site-Wide Markup Validation19

It’s simple: enter your URL, click “Validate,” and the spiders will start crawling the website instantly. The spider is limited to 100 URLs per website, but that should give any owner a pretty good idea of the kind of validation problems their website has. Every website can be resubmitted after 10 minutes, which is fine because it will take you at least 10 minutes to fix the errors from the last validation check. Now, go forth confidently and ask whether your website validates. (sp)

5. Boomerang for Gmail

Over the years, Google Mail has kept gaining popularity, now becoming one of the most popular mail providers worldwide. Many features have been added over time, yet in addition to the functionality offered by the provider, developers are creating tools to improve the user experience. One good example of that is Boomerang for Gmail20.

Boomerang for Gmail21

The tool is a Firefox / Chrome plugin that lets you take control of when you send and receive email messages. It helps you manage your inbox, schedules emails for later, sets follow-up reminders for important messages, and advises you of messages that haven’t been responded to. Its developers keep track of new technologies, and the tool has recently become available for mobile, too. Put it to the test and you’ll find that you never lose conversations again. (tt)

6. The Great Discontent

Many paths lead to the same destination. Perhaps many of us were destined to become part of the creative industry in one way or another. Think back: what really made you choose the path you took? Did you have an “a-ha” moment? Did someone motivate you, or did you simply wake up one morning knowing exactly which route to take?

The Great Discontent22

Many people in this industry became what they are today by taking totally different paths. And still, everyone featured on The Great Discontent23 is a creative individual somewhere in this world. Find out what they were doing before discovering their calling, and learn about what drove them. You’ll be surprised at how simple or complicated their choices have been. “The Great Discontent is about understanding the human side of creativity and our innate drive to create that keeps pulling us forward, united in the sense that there’s something more.” You’ll see why the page is called the way it’s called. (sp)

7. Take a Christmas Break!

For many of us, Christmas isn’t always a season not to relax but to stress out. You have to buy gifts, fix up the tree, plan Christmas morning and find a peaceful seating arrangement for the relatives. You Better Not Stress24 offers some instant holiday relief to remind you that this is a season for joy.

Take a Christmas Break!25

The site shares great gift ideas, fun holiday toasts and a collection of ridiculous holiday sweaters to entertain you for a few minutes. So, lean back, enjoy a little comic relief, and forget the stress of the holidays. Now that’s a good way to get rid of stress. After all, ’tis the season to be jolly! Merry Christmas! (sp)

8. New on Smashing Magazine

Thank You For Reading!

Please share the newsletter with your friends if you feel that they would find it useful or valuable. Feel free to provide us with your feedback on the quality, length and appearance of the newsletter. We are looking forward to your feedback! And, of course, don’t forget to take a look at our Smashing Christmas Deals40 (up to 57% off!) which will make it easier for you to come up with quality Christmas gifts for your friends and colleagues! ;-)

The authors in this newsletter issue are: Vitaly Friedman (vf), Stephan Poppe (sp), Cameron Chapman (cc), Iris Ljesnjanin (il), Talita Telma (tt), Luca Degasperi (ld), Lisa Lang (ll), Ana Flasker (af).

Footnotes

  1. 1 http://www.smashingmagazine.com/the-smashing-newsletter/
  2. 2 https://shop.smashingmagazine.com/web-design-bundle.html
  3. 3 http://www.meetup.com/The-SmashingMagazine-Meetup/events/42026332/
  4. 4 #a1
  5. 5 #a2
  6. 6 #a3
  7. 7 #a4
  8. 8 #a5
  9. 9 #a6
  10. 10 #a7
  11. 11 #a8
  12. 12 http://attasi.com/labs/ipad/
  13. 13 http://attasi.com/labs/ipad/
  14. 14 http://mobilewebbestpractices.com/
  15. 15 http://mobilewebbestpractices.com/
  16. 16 http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/
  17. 17 http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/
  18. 18 http://w3clove.com/
  19. 19 http://w3clove.com/
  20. 20 http://www.boomeranggmail.com/
  21. 21 http://www.boomeranggmail.com/
  22. 22 http://thegreatdiscontent.com/
  23. 23 http://www.thegreatdiscontent.com
  24. 24 http://www.youbetternotstress.com/
  25. 25 http://www.youbetternotstress.com/
  26. 26 http://www.smashingmagazine.com/2011/12/19/turning-small-projects-into-big-profit-case-study/
  27. 27 http://uxdesign.smashingmagazine.com/2011/12/16/guide-heuristic-website-reviews/
  28. 28 http://coding.smashingmagazine.com/2011/12/15/six-css-layout-features-to-look-forward-to/
  29. 29 http://www.smashingmagazine.com/2011/12/15/the-smashing-deals-countdown-for-christmas/
  30. 30 http://uxdesign.smashingmagazine.com/2011/12/13/messy-art-ux-sketching/
  31. 31 http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/
  32. 32 http://designinformer.smashingmagazine.com/2010/08/10/designing-mind/
  33. 33 http://uxdesign.smashingmagazine.com/2011/12/08/clear-indications-time-to-redesign/
  34. 34 http://www.smashingmagazine.com/2011/12/08/so-you-want-to-build-a-software-product/
  35. 35 http://www.smashingmagazine.com/2011/12/07/mixing-up-illustration-combining-analog-and-digital-techniques/
  36. 36 http://www.smashingmagazine.com/2011/12/07/holidays-around-the-world-smashing-photo-contest/
  37. 37 http://uxdesign.smashingmagazine.com/2011/12/06/effective-user-research-transforming-minds-of-clients/
  38. 38 http://coding.smashingmagazine.com/2011/12/05/sisyphus-js-client-side-drafts-and-more/
  39. 39 http://www.smashingmagazine.com/2011/12/05/freebie-festive-christmas-icon-pack-20-eps-icons/
  40. 40 https://shop.smashingmagazine.com/christmas?pk_campaign=NL-20-12&pk_kwd=lastlnk

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, online workshops and loves solving complex performance problems in large companies. Get in touch.

Advertising
  1. 1

    Thank you Smashing Mag for featuring our holiday site! Healthy happy holidays to your entire team!!

    0
  2. 2

    Thanks, and happy holidays to you, too! :)

    1
  3. 3

    Hey Vitaly, thanks for featuring W3Clove in your newsletter, and mentioning it on twitter.

    We’re getting tons of visits thanks to you, more than 230K pages have already been validated through our tool :)

    Happy holidays!

    0

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