Articles by Smashing Magazine

  • Sketch vs Figma, Adobe XD, And Other UI Design Applications

    Sketch vs Figma, Adobe XD, And Other UI Design ApplicationsSketch vs Figma, Adobe XD, And Other UI Design Applications Ashish Bogawat 2019-04-19T11:00:16+02:002019-04-20T01:35:11+00:00For a while now, Sketch has been the application of choice for many UX and UI designers. However, we have lately seen many new contenders for Sketch’s position #1 as a universal UI design […]

    READ MORE
  • Privacy UX: Better Notifications And Permission Requests

    Privacy UX: Better Notifications And Permission RequestsPrivacy UX: Better Notifications And Permission Requests Vitaly Friedman 2019-04-18T17:00:49+02:002019-04-19T01:35:12+00:00Part 1: Privacy Concerns And Privacy In Web Forms Part 2: Better Cookie Consent Experiences Part 3: Better Notifications UX And Permission Requests Part 4: Privacy-Aware Design Framework Imagine you are late for one of those meetings that you really […]

    READ MORE
  • Optimizing Performance With Resource Hints

    Optimizing Performance With Resource HintsOptimizing Performance With Resource Hints Drew McLellan 2019-04-17T12:30:16+02:002019-04-18T01:35:18+00:00Modern web browsers use all sorts of techniques to help improve page load performance by guessing what the user may be likely to do next. The browser doesn’t know much about our site or application as a whole, though, and often the best insights […]

    READ MORE
  • The User’s Perspective: Using Story Structure To Stand In Your User’s Shoes

    The User’s Perspective: Using Story Structure To Stand In Your User’s ShoesThe User’s Perspective: Using Story Structure To Stand In Your User’s Shoes John Rhea 2019-04-16T16:00:16+02:002019-04-17T01:35:13+00:00Every user interaction with your website is part of a story. The user—the hero—finds themselves on a journey through your website on the way to their goal. If you can […]

    READ MORE
  • Design At Scale: One Year With Figma

    Design At Scale: One Year With FigmaDesign At Scale: One Year With Figma Paul Hanaoka 2019-04-15T13:30:48+02:002019-04-16T01:35:36+00:00This article will be about how large teams can benefit from using more open, collaborative tooling and how to make adoption and migration feasible and pleasant. Also, in case you didn’t guess from the title of the article just yet, […]

    READ MORE
  • Monthly Web Development Update 4/2019: Design Ethics And Clarity Over Style

    Monthly Web Development Update 4/2019: Design Ethics And Clarity Over StyleMonthly Web Development Update 4/2019: Design Ethics And Clarity Over Style Anselm Hannemann 2019-04-12T14:44:48+02:002019-04-13T01:34:48+00:00“‘Ethics’ and Ethics” is more than a typical article. It’s a detailed essay exploring what the term ‘ethics’ really means, how its meaning changed in recent times, and how diffusion of responsibility […]

    READ MORE
  • Art Direction For The Web Using CSS Shapes

    Art Direction For The Web Using CSS ShapesArt Direction For The Web Using CSS Shapes Andrew Clarke 2019-04-11T13:30:16+02:002019-04-12T01:35:36+00:00Last year, Rachel Andrew wrote an article that took a new look at CSS Shapes in which she reintroduced readers to the basics of using CSS Shapes. For anyone keen to understand how to use properties like shape-outside, […]

    READ MORE
  • Privacy UX: Better Cookie Consent Experiences

    Privacy UX: Better Cookie Consent ExperiencesPrivacy UX: Better Cookie Consent Experiences Vitaly Friedman 2019-04-10T15:00:49+02:002019-04-11T01:34:52+00:00Part 1: Common Concerns And Privacy In Web Forms Part 2: Better Cookie Consent Experiences Part 3: Designing Better Notifications Part 4: Privacy-Aware Design Framework With the advent of the EU General Data Protection Regulation (GDPR) in May 2018, the web has […]

    READ MORE
  • Understanding Subresource Integrity

    Understanding Subresource IntegrityUnderstanding Subresource Integrity Drew McLellan 2019-04-09T12:30:59+02:002019-04-10T01:35:21+00:00If you’ve ever used a CDN-hosted version of a JavaScript library, you may have noticed a strange looking integrity attribute on the script tag. This attribute contains seemingly endless alphanumeric junk that you may be tempted to strip out in the quest for cleaner code. All that junk […]

    READ MORE
  • Digging Into The Display Property: The Two Values Of Display

    Digging Into The Display Property: The Two Values Of DisplayDigging Into The Display Property: The Two Values Of Display Rachel Andrew 2019-04-08T13:00:59+02:002019-04-09T01:35:08+00:00A flex or grid layout starts out with you declaring display: flex or display: grid. These layout methods are values of the CSS display property. We tend not to talk about this property on […]

    READ MORE
  • How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study)

    How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study)How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study) Robert Aboukhalil 2019-04-05T12:00:29+02:002019-04-06T01:35:29+00:00If you haven’t heard, here’s the TL;DR: WebAssembly is a new language that runs in the browser alongside JavaScript. Yes, that’s right. JavaScript is no longer […]

    READ MORE
  • Privacy UX: Common Concerns And Privacy In Web Forms

    Privacy UX: Common Concerns And Privacy In Web FormsPrivacy UX: Common Concerns And Privacy In Web Forms Vitaly Friedman 2019-04-04T16:30:49+02:002019-04-05T01:35:14+00:00Many conversations in our industry tend to circle around strong opinions and universal answers. Choosing a shiny new technical stack or sticking to an old-school paradigm; betting on a trendy framework or building a custom light […]

    READ MORE
  • Going Serverless With Cloudflare Workers

    Going Serverless With Cloudflare WorkersGoing Serverless With Cloudflare Workers Leonardo Losoviz 2019-04-04T15:00:34+02:002019-04-05T01:35:14+00:00(This is a sponsored article.) It is a truth universally acknowledged, that a website in pursuit of success must be in want of speed. And so, it goes serverless. At its core, serverless is a strategy for a website’s architecture, based on deploying static […]

    READ MORE
  • Managing Z-Index In A Component-Based Web Application

    Managing Z-Index In A Component-Based Web ApplicationManaging Z-Index In A Component-Based Web Application Pavel Pomerantsev 2019-04-03T14:00:08+02:002019-04-04T01:35:09+00:00If you’ve done any complex web UI development, you must have at least once furiously tried driving an element’s z-index up to thousands, only to see that it’s not helping position it on top of some other element, whose z-index […]

    READ MORE
  • Design System: What It Is And How To Create One Using Indigo.Design

    Design System: What It Is And How To Create One Using Indigo.DesignDesign System: What It Is And How To Create One Using Indigo.Design Nick Babich 2019-04-02T12:30:58+02:002019-04-03T01:35:09+00:00(This is a sponsored article.) Design is about scaling. Digital products are becoming more and more complex, and it is evident that product teams need to adapt their approach when […]

    READ MORE
  • How To Use Spaces In Web Design With Gestalt Principles

    How To Use Spaces In Web Design With Gestalt PrinciplesHow To Use Spaces In Web Design With Gestalt Principles Ayesha Ambreen 2019-04-01T12:30:41+01:002019-04-02T01:35:31+00:00Human brains are hardwired to connect the dots and make sense out of everything the eyes see. Design is a creative field where forms and space intermingle to lend us a variety of experiences. […]

    READ MORE
  • Blooming Colors And April Adventures (2019 Wallpapers Edition)

    Blooming Colors And April Adventures (2019 Wallpapers Edition)Blooming Colors And April Adventures (2019 Wallpapers Edition) Cosima Mielke 2019-03-31T09:14:59+02:002019-04-01T01:35:39+00:00Starting off the new month with an inspiration boost, that’s the idea behind our monthly wallpapers series which has been going on for more than nine years already. What makes it special: the wallpapers are created by the […]

    READ MORE
  • Rundown Of Gen Z: What Does This Mean For Mobile Designers?

    Rundown Of Gen Z: What Does This Mean For Mobile Designers?Rundown Of Gen Z: What Does This Mean For Mobile Designers? Suzanne Scacca 2019-03-29T12:30:08+01:002019-03-30T02:34:49+00:00Just a few years ago, design blogs were all abuzz with tips on how to build websites for the millennial consumer. At this point, however, that’s old news. We know what millennials […]

    READ MORE
  • How To Align Things In CSS

    How To Align Things In CSSHow To Align Things In CSS Rachel Andrew 2019-03-28T12:30:41+01:002019-03-29T02:34:54+00:00We have a whole selection of ways to align things in CSS today, and it isn’t always an obvious decision which to use. However, knowing what is available means that you can always try a few tactics if you come across a […]

    READ MORE
  • Plesk VPS Hosting For Better Website Outcomes

    Plesk VPS Hosting For Better Website OutcomesPlesk VPS Hosting For Better Website Outcomes Suzanne Scacca 2019-03-28T10:30:39+01:002019-03-29T02:34:54+00:00(This is a sponsored article.) In early discussions you have with clients about the website you’re tasked with designing, does the topic of web hosting ever come up? My guess is that it’s not something your clients give much thought […]

    READ MORE