Smashing Magazine

For Professional Web Designers and Developers
  1. Making Responsive HTML Email Coding Easy With MJML

       

    Email is one of the best ways to engage with your users, especially during the holiday season. However, if you want to stand out, no matter how beautiful your emails are, you need to make sure they render correctly in your reader's inbox, regardless of what email client they're using. Creating responsive email is not an easy task, and there are various reasons for that.

    First, there is no standard in the way email clients render HTML. This is true for email clients from different companies, such as Outlook and Apple Mail, but not only. Even different versions of Outlook, such as Outlook 2003, Outlook 2013 and Outlook.com, render HTML differently.

    The post Making Responsive HTML Email Coding Easy With MJML appeared first on Smashing Magazine.

  2. A Case Study: Is App Indexing For Google Worth The Effort?

       

    Will the resources spent implementing app indexing for Google search be a boon or a bust for your app’s traffic? In this article, I’ll take you through a case study for app indexing at our company, the results of which may surprise you.

    App indexing is one of the hottest topics in SEO right now, and in some sense for good reason. Google has only been indexing apps for everyone for a little more than two years, and with only 30% of apps being indexed there is huge potential for websites to draw additional search traffic to their apps.

    The post A Case Study: Is App Indexing For Google Worth The Effort? appeared first on Smashing Magazine.

  3. Web Development Reading List #166: Efficient Docker, CSP Learnings, And JavaScript’s Global Object

       

    What fuels your work? What fuels your mind? What do you do on a non-productive day or when you’re sad? Nowadays, I try to embrace these times. I try to relax and not be angry at myself for not being productive.

    And the fun fact about it? Well, most of the times when I could convince my mind that not being productive is nothing to feel bad about, things take a sudden turn: I get my ideas back, my productivity rises and, in effect, I even achieve more work than on an average day. It’s important to try to be human.

    The post Web Development Reading List #166: Efficient Docker, CSP Learnings, And JavaScript’s Global Object appeared first on Smashing Magazine.

  4. Internationalizing React Apps

       

    First of all, let's define some vocabulary. "Internationalization" is a long word, and there are at least two widely used abbreviations: "intl," "i18n". "Localization" can be shortened to "l10n".

    Internationalization can be generally broken down into three main challenges: Detecting the user's locale, translating UI elements, titles as well as hints, and last but not least, serving locale-specific content such as dates, currencies and numbers. In this article, I am going to focus only on front-end part. We'll develop a simple universal React application with full internationalization support.

    The post Internationalizing React Apps appeared first on Smashing Magazine.

  5. More Than Just Pretty: How Imagery Drives User Experience

       

    As the saying goes, "A picture is worth a thousand words." Human beings are highly visual creatures who are able to process visual information almost instantly; 90 percent of all information that we perceive and that gets transmitted to our brains is visual.

    Images can be a powerful way to capture users' attention and differentiate your product. A single image can convey more to the observer than an elaborate block of text. Furthermore, images can cross language barriers in a way text simply can't.

    The post More Than Just Pretty: How Imagery Drives User Experience appeared first on Smashing Magazine.