• The Wonders Of May (2019 Wallpapers Edition)

    The Wonders Of May (2019 Wallpapers Edition)The Wonders Of May (2019 Wallpapers Edition) Cosima Mielke 2019-04-30T14:50:31+02:002019-05-01T01:34:07+00:00We always try our best to challenge your creativity and get you out of your comfort zone. A great occasion to do so is our monthly wallpapers challenge which has been going on for nine years already. It’s an opportunity […]

    READ MORE
  • Looking Back At SmashingConf San Francisco 2019

    Looking Back At SmashingConf San Francisco 2019Looking Back At SmashingConf San Francisco 2019 Rachel Andrew 2019-04-30T12:00:59+02:002019-05-01T01:34:07+00:00This year, SmashingConf took place at the Fort Mason Center which has superb views of the Bay and Golden Gate Bridge. The weather was very kind to us making it a very pleasant location to spend a few days in. […]

    READ MORE
  • A Designer’s Guide To Better Decisions

    A Designer’s Guide To Better DecisionsA Designer’s Guide To Better Decisions Eric Olive 2019-04-29T12:30:16+02:002019-04-30T01:34:11+00:00Nearly everyone has experienced frustration while using a website, mobile app, or web application. In these moments, we might wonder “What were they thinking?” followed by “They sure were not thinking about making this easy for me.” One reason we encounter such […]

    READ MORE
  • Getting To Know The MutationObserver API

    Getting To Know The MutationObserver APIGetting To Know The MutationObserver API Louis Lazaris 2019-04-26T13:30:16+02:002019-04-27T01:34:37+00:00In complex web apps, DOM changes can be frequent. As a result, there are instances where your app might need to respond to a specific change to the DOM. For some time, the accepted way to look for changes to the DOM […]

    READ MORE
  • Privacy UX: Privacy-Aware Design Framework

    Privacy UX: Privacy-Aware Design FrameworkPrivacy UX: Privacy-Aware Design Framework Vitaly Friedman 2019-04-25T13:30:16+02:002019-04-26T01:34:50+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 We’ve already explored approaches for better cookie consent prompts, permission requests, and notifications UX, but how […]

    READ MORE
  • It’s Here! Meet “Art Direction For The Web,” A New Smashing Book

    It’s Here! Meet “Art Direction For The Web,” A New Smashing BookIt’s Here! Meet “Art Direction For The Web,” A New Smashing Book Vitaly Friedman 2019-04-24T16:00:02+02:002019-04-25T01:34:46+00:00In contrast to the world of print design, our creative process has often been constrained by what is possible with our limited tools. It also has been made more difficult […]

    READ MORE
  • Building A Node.js Express API To Convert Markdown To HTML

    Building A Node.js Express API To Convert Markdown To HTMLBuilding A Node.js Express API To Convert Markdown To HTML Sameer Borate 2019-04-23T12:30:16+02:002019-04-24T01:34:47+00:00Markdown is a lightweight text markup language that allows the marked text to be converted to various formats. The original goal of creating Markdown was of enabling people “to write using an easy-to-read and […]

    READ MORE
  • Design A Lead Gen Landing Page For Mobile That Converts

    Design A Lead Gen Landing Page For Mobile That ConvertsDesign A Lead Gen Landing Page For Mobile That Converts Suzanne Scacca 2019-04-22T12:00:16+02:002019-04-23T01:35:48+00:00There is a huge difference between a website (which can generate leads) and a lead capture page (which is only supposed to generate leads). Websites tell visitors: This is all of the stuff we […]

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