Articles by Smashing Magazine

  • Webfonts And Performance: SmashingConf Videos

    Webfonts And Performance: SmashingConf VideosWebfonts And Performance: SmashingConf Videos The Smashing Editorial 2018-07-20T14:35:35+02:002018-07-20T15:29:44+00:00Webfonts are difficult to get right. An often overlooked and disruptive piece of web performance, webfonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. Webfonts Are ▢▢▢ Rocket Science Recorded at our special web […]

    READ MORE
  • Animating SVG Files With SVGator

    Animating SVG Files With SVGatorAnimating SVG Files With SVGator The Smashing Editorial 2018-07-19T14:00:00+02:002018-07-19T20:55:33+00:00(This article is kindly sponsored by SVGator.) Animated SVG files have become very popular. They are entirely scalable (because they are vectors), small and 100% code-based, which allows for so many transformations and tweaks. This, however, comes at a price: the steep learning […]

    READ MORE
  • Linkbuilding: The Citizen’s Field Guide

    Linkbuilding: The Citizen’s Field GuideLinkbuilding: The Citizen’s Field Guide Myriam Jessier & Stéphanie Walter 2018-07-18T14:00:07+02:002018-07-18T19:42:53+00:00Before buying followers on Instagram was a common practice, before Russian trolls made fake news an Olympic sport, we had linkbuilding. Today, we still have linkbuilding, its just that you haven’t noticed it — or have you? Welcome, to the Twilight […]

    READ MORE
  • So You Want to Persuade Users? Make Things Simple!

    So You Want to Persuade Users? Make Things Simple!So You Want to Persuade Users? Make Things Simple! Lyndon Cerejo 2018-07-17T16:15:38+02:002018-07-17T20:48:28+00:00(This article is kindly sponsored by Adobe.) The persuasive design toolbox is filled with powerful tools based on psychology. These tools range from Cialdini’s set of six principles of persuasion to ten times that number of […]

    READ MORE
  • The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM

    The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPMThe Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM Oliver Williams 2018-07-16T13:30:58+02:002018-07-16T17:29:08+00:00For even the simplest of components, the cost in human-labour may have been significant. UX teams do usability testing. An array of stakeholders have to sign off on the design. […]

    READ MORE
  • 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