Articles by Smashing Magazine

  • Monthly Web Development Update 7/2018: Practical Accessibility, Design Mistakes, And Feature Control

    Monthly Web Development Update 7/2018: Practical Accessibility, Design Mistakes, And Feature ControlMonthly Web Development Update 7/2018: Practical Accessibility, Design Mistakes, And Feature Control Anselm Hannemann 2018-07-13T14:20:17+02:002018-07-13T12:33:42+00:00The web continues to amaze me. With all its variety and different changes to the platform, it’s hard to see a straight pattern — if there even is (just) one. […]

    READ MORE
  • How To Create A Flat Vector Illustration In Affinity Designer

    How To Create A Flat Vector Illustration In Affinity DesignerHow To Create A Flat Vector Illustration In Affinity Designer Isabel Aracama 2018-07-11T20:00:02+02:002018-07-11T18:05:32+00:00(This is a sponsored post.) If you are in the design world, chances are that you’ve already heard about Affinity Designer, a vector graphics editor for Apple’s macOS and Microsoft Windows. It was July […]

    READ MORE
  • Learning To Code By Writing Code Poems

    Learning To Code By Writing Code PoemsLearning To Code By Writing Code Poems Murat Kemaldar 2018-07-11T14:00:32+02:002018-07-11T18:05:32+00:00Back in 2008, I started studying design and clearly remember how the sheer sight of code just intimidated me. I had some coding classes, and without any prior coding experience, I had a tough time understanding the code I first […]

    READ MORE
  • Pattern Library First: An Approach For Managing CSS

    Pattern Library First: An Approach For Managing CSSPattern Library First: An Approach For Managing CSS Rachel Andrew 2018-07-09T14:00:35+02:002018-07-11T01:51:43+00:00In this article, based on the talk that I gave at Smashing Conference in Toronto, I’m going to describe a method of working that I’ve adopted over the past two years that helps me to manage CSS across […]

    READ MORE
  • Better Research, Better Design, Better Results

    Better Research, Better Design, Better ResultsBetter Research, Better Design, Better Results Sam Wright & James Macnamara 2018-07-06T13:45:41+02:002018-07-11T01:51:43+00:00Over the years, one thing we have consistently seen is how little insight from digital marketers is used at the planning stages of a web development project. Data from Google Analytics and SEMrush to tools like VWO (Visual Website […]

    READ MORE
  • What Is Redux: A Designer’s Guide

    What Is Redux: A Designer’s GuideWhat Is Redux: A Designer’s Guide Linton Ye 2018-07-05T15:30:46+02:002018-07-11T01:51:43+00:00Have you heard of Redux? What is it? No googling, please! “Fancy backend stuff.” “I have heard of it, but I’m not aware of what it is. It’s a React framework perhaps?” “A better way to store and manage states in a […]

    READ MORE
  • I Used The Web For A Day With Just A Keyboard

    I Used The Web For A Day With Just A KeyboardI Used The Web For A Day With Just A Keyboard Chris Ashton 2018-07-04T13:30:05+02:002018-07-11T01:51:43+00:00This article is part of a series in which I attempt to use the web under various constraints, representing a given demographic of user. I hope to raise the profile of difficulties […]

    READ MORE
  • Better Collaboration By Bringing Designers Into The Code Review Process

    Better Collaboration By Bringing Designers Into The Code Review ProcessBetter Collaboration By Bringing Designers Into The Code Review Process Ida Aalen 2018-07-10T13:50:26+02:002018-07-11T01:51:43+00:00Smooth collaboration between developers and designers is something everyone aspires to, but it’s notoriously difficult. But with today’s advanced web, it’s difficult — if not impossible — to build a truly great product without […]

    READ MORE
  • Don’t Use The Placeholder Attribute

    Don’t Use The Placeholder AttributeDon’t Use The Placeholder Attribute Eric Bailey 2018-06-20T13:45:26+02:002018-06-20T20:43:46+00:00Introduced as part of the HTML5 specification, the placeholder attribute “represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description […]

    READ MORE
  • How To Speed Up The Wireframing Process With Photoshop And Adobe XD

    How To Speed Up The Wireframing Process With Photoshop And Adobe XDHow To Speed Up The Wireframing Process With Photoshop And Adobe XD Manuela Langella 2018-06-19T15:45:38+02:002018-06-19T14:36:53+00:00Before starting any design project, there is one word that is sure follow you from the very beginning: wireframing. Today, we will learn how to create a wireframe in Adobe […]

    READ MORE
  • BEM For Beginners: Why You Need BEM

    BEM For Beginners: Why You Need BEMBEM For Beginners: Why You Need BEM Inna Belaya 2018-06-18T14:00:51+02:002018-06-18T21:17:37+00:00BEM makes your code scalable and reusable, thus increasing productivity and facilitating teamwork. Even if you are the only member of the team, BEM can be useful for you. Nevertheless, many developers believe that such a system approach like BEM […]

    READ MORE
  • Monthly Web Development Update 6/2018: Complexity, DNS Over HTTPS, And Push Notifications

    Monthly Web Development Update 6/2018: Complexity, DNS Over HTTPS, And Push NotificationsMonthly Web Development Update 6/2018: Complexity, DNS Over HTTPS, And Push Notifications Anselm Hannemann 2018-06-15T12:32:58+02:002018-06-15T23:49:44+00:00We see complexity in every corner of a web project these days. We’ve read quite a bunch of articles about how complex a specific technology has become, and we discuss […]

    READ MORE
  • Smashing Book 6 Excerpt: Bringing Personality Back To The Web

    Smashing Book 6 Excerpt: Bringing Personality Back To The WebSmashing Book 6 Excerpt: Bringing Personality Back To The Web Vitaly Friedman 2018-06-14T14:40:27+02:002018-06-14T18:32:54+00:00Generic web layouts have become somewhat of a misnomer in conversations circling around web design these days. We’re bored and slightly annoyed by how predictable and uninspired most web experiences have become. Not without […]

    READ MORE
  • WWDC 2018 Diary Of An iOS Developer

    WWDC 2018 Diary Of An iOS DeveloperWWDC 2018 Diary Of An iOS Developer Lou Franco 2018-06-14T13:45:32+02:002018-06-14T18:32:54+00:00The traditional boundaries of summer in the US are Memorial and Labor Day, but iOS developers mark the summer by WWDC and the iPhone release. Even though the weather is cool and rainy this week in NYC, I’m in a […]

    READ MORE
  • Meet Smashing Book 6: New Frontiers In Web Design

    Meet Smashing Book 6: New Frontiers In Web DesignMeet Smashing Book 6: New Frontiers In Web Design Vitaly Friedman 2018-06-13T12:00:09+02:002018-06-13T22:33:37+00:00Let’s make sense of the front-end and UX madness. Meet Smashing Book 6 with everything from design systems to accessible single-page apps, CSS Custom Properties, Grid, Service Workers, performance patterns, AR/VR, conversational UIs & responsive art […]

    READ MORE
  • Building A Pub/Sub Service In-House Using Node.js And Redis

    Building A Pub/Sub Service In-House Using Node.js And RedisBuilding A Pub/Sub Service In-House Using Node.js And Redis Dhimil Gosalia 2018-06-12T15:30:58+02:002018-06-12T20:27:20+00:00Today’s world operates in real time. Whether it’s trading stock or ordering food, consumers today expect immediate results. Likewise, we all expect to know things immediately — whether it’s in news or sports. Zero, in other […]

    READ MORE
  • How To Turn Your Users Into Advocates

    How To Turn Your Users Into AdvocatesHow To Turn Your Users Into Advocates Nick Babich 2018-06-12T12:15:44+02:002018-06-12T20:27:20+00:00(This article is kindly sponsored by Adobe.) As businesses become more consumer-oriented, competition grows fiercer. Thousands of companies worldwide are struggling each day to gain more market share and to win over new consumers. A significant number of companies concentrate […]

    READ MORE
  • Once Upon A Time: Using Story Structure For Better Engagement

    Once Upon A Time: Using Story Structure For Better EngagementOnce Upon A Time: Using Story Structure For Better Engagement John Rhea 2018-06-11T14:00:52+02:002018-06-11T17:52:46+00:00Stories form the connective tissue of our lives. They’re our experiences, our memories, and our entertainment. They have rhythms and structures that keep us engaged. In this article, we’ll look at how those same […]

    READ MORE
  • Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers

    Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js ServersKeeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers David Mark Clements 2018-06-07T13:45:51+02:002018-06-07T20:00:03+00:00If you’ve been building anything with Node.js for long enough, then you’ve no doubt experienced the pain of unexpected speed issues. JavaScript is an evented, asynchronous language. That can […]

    READ MORE
  • UX Your Life: Applying The User-Centered Process To Your Life (And Stuff)

    UX Your Life: Applying The User-Centered Process To Your Life (And Stuff)UX Your Life: Applying The User-Centered Process To Your Life (And Stuff) JD Jordan 2018-06-06T13:30:18+02:002018-06-06T22:53:05+00:00Everything is designed, whether we make time for it or not. Our smartphones and TVs, our cars and houses, even our pets and our kids are the products of purposeful […]

    READ MORE