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 MORELooking 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 MOREA 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 MOREGetting 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 MOREPrivacy 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 MOREIt’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 MOREBuilding 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 MOREDesign 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 MORESketch 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 MOREPrivacy 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 MOREOptimizing 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 MOREThe 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 MOREDesign 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 MOREMonthly 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 MOREArt 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 MOREPrivacy 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 MOREUnderstanding 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 MOREDigging 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 MOREHow 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 MOREPrivacy 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