Articles by Smashing Magazine

  • How To Create A Porsche 911 With Sketch (Part 3)

    How To Create A Porsche 911 With Sketch (Part 3)How To Create A Porsche 911 With Sketch (Part 3) Nikola Lazarević 2020-08-07T10:00:00+00:002020-08-08T01:35:14+00:00We continue our tutorial with the wheels of our Porsche 911 car, but before we proceed with the next steps, I’d like to shine the spotlight on the famous Fuchs wheels that were designed […]

    READ MORE
  • A Practical Guide To Product Tours In React Apps

    A Practical Guide To Product Tours In React AppsA Practical Guide To Product Tours In React Apps Blessing Krofegha 2020-08-06T10:00:00+00:002020-08-07T01:34:08+00:00As stated on Appcues: “Product tours — sometimes called product walkthroughs — introduce users to a new product and help them find their bearings.” Usually, when it needs to showcase a new feature or complex UI […]

    READ MORE
  • Creating A Static Blog With Sapper And Strapi

    Creating A Static Blog With Sapper And StrapiCreating A Static Blog With Sapper And Strapi Daniel Madalitso Phiri 2020-08-05T09:00:00+00:002020-08-06T01:34:22+00:00In this tutorial, we will build a statically generated minimal blog with Sapper, a Svelte-based progressive JavaScript framework, for our front end, and then use Strapi, an open-source headless content management system (CMS), for the back end […]

    READ MORE
  • Smart Interface Design Patterns In Your Pocket: Checklist Cards PDF

    Smart Interface Design Patterns In Your Pocket: Checklist Cards PDFSmart Interface Design Patterns In Your Pocket: Checklist Cards PDF Vitaly Friedman 2020-08-04T14:00:00+00:002020-08-05T01:34:33+00:00Every UI component, no matter if it’s an accordion, a hamburger navigation, a data table, or a carousel, brings along its unique challenges. Coming up with a new solution for every problem takes time, […]

    READ MORE
  • Can You Design A Website For The Five Senses?

    Can You Design A Website For The Five Senses?Can You Design A Website For The Five Senses? Suzanne Scacca 2020-08-04T08:00:00+00:002020-08-05T01:34:33+00:00Maybe it’s the whiff of someone’s perfume. Or a bite of pizza from a new restaurant. Or a song playing over the loudspeakers at the store. But the second it hits, you’re immediately transported to another […]

    READ MORE
  • Setting Up Redux For Use In A Real-World Application

    Setting Up Redux For Use In A Real-World ApplicationSetting Up Redux For Use In A Real-World Application Jerry Navi 2020-08-03T11:00:00+00:002020-08-04T01:34:14+00:00Redux is an important library in the React ecosystem, and almost the default to use when working on React applications that involve state management. As such, the importance of knowing how it works cannot be overestimated. […]

    READ MORE
  • How To Create A Porsche 911 With Sketch (Part 2)

    How To Create A Porsche 911 With Sketch (Part 2)How To Create A Porsche 911 With Sketch (Part 2) Nikola Lazarević 2020-07-31T10:30:00+00:002020-08-01T01:34:49+00:00Are you ready to push Sketch to its limits once again? As noted in the previous part, this tutorial is geared more towards experienced illustrators, but if you’re new to Sketch then you should […]

    READ MORE
  • Making Memories To Last (August 2020 Wallpapers Edition)

    Making Memories To Last (August 2020 Wallpapers Edition)Making Memories To Last (August 2020 Wallpapers Edition) Cosima Mielke 2020-07-31T08:00:00+00:002020-08-01T01:34:49+00:00Everybody loves a beautiful wallpaper to freshen up their desktops and home screens, right? To cater for new and unique artworks on a regular basis, we started our monthly wallpapers challenge more than nine years ago, and from […]

    READ MORE
  • The Renaissance Of No-Code For Web Designers

    The Renaissance Of No-Code For Web DesignersThe Renaissance Of No-Code For Web Designers Uri Paz 2020-07-30T13:00:00+00:002020-07-30T22:35:31+00:00The word Renaissance — which means “rebirth” in French — was given to a tremendous period of philosophical and artistic achievements that began in the 14th century. During this time, there were a wide range of developments, including: Use of […]

    READ MORE
  • Understanding Client-Side GraphQl With Apollo-Client In React Apps

    Understanding Client-Side GraphQl With Apollo-Client In React AppsUnderstanding Client-Side GraphQl With Apollo-Client In React Apps Blessing Krofegha 2020-07-29T10:30:00+00:002020-07-30T01:33:26+00:00According to State of JavaScript 2019, 38.7% of developers would like to use GraphQL, while 50.8% of developers would like to learn GraphQL. Being a query language, GraphQL simplifies the workflow of building a client application. It removes […]

    READ MORE
  • Inspired Design Decisions With Emmett McBain: Art Direction As Social Equity

    Inspired Design Decisions With Emmett McBain: Art Direction As Social EquityInspired Design Decisions With Emmett McBain: Art Direction As Social Equity Andrew Clarke 2020-07-28T09:30:00+00:002020-07-29T01:35:22+00:00Along with advertising, selling is a skill that people often frown on. It’s true: no one likes someone coercing or misleading them, and nobody enjoys being interrupted. But being sold to well […]

    READ MORE
  • Smashing Podcast Episode 21 With Chris Ferdinandi: Are Modern Best Practices Bad For The Web?

    Smashing Podcast Episode 21 With Chris Ferdinandi: Are Modern Best Practices Bad For The Web?Smashing Podcast Episode 21 With Chris Ferdinandi: Are Modern Best Practices Bad For The Web? Drew McLellan 2020-07-28T05:00:00+00:002020-07-29T01:35:22+00:00Today, we’re asking if modern best practices are bad for the web? Are modern frameworks taking us down the wrong path? I speak to […]

    READ MORE
  • Create A Responsive Dashboard With Angular Material And ng2-Charts

    Create A Responsive Dashboard With Angular Material And ng2-ChartsCreate A Responsive Dashboard With Angular Material And ng2-Charts Zara Cooper 2020-07-27T10:00:00+00:002020-07-28T01:35:31+00:00Creating a dashboard from scratch is often pretty complicated. You have to create tools to collect data on items of interest. Once collected this data has to be presented in an easy to understand and meaningful […]

    READ MORE
  • How To Create A Porsche 911 With Sketch (Part 1)

    How To Create A Porsche 911 With Sketch (Part 1)How To Create A Porsche 911 With Sketch (Part 1) Nikola Lazarević 2020-07-24T09:00:00+00:002020-07-25T01:34:41+00:00If you’re both a petrolhead (a.k.a. a big car enthusiast) with a special place in your heart for the legendary Porsche 911, and also a fan of the powerful Sketch app, then this tutorial […]

    READ MORE
  • How To Use Styled-Components In React

    How To Use Styled-Components In ReactHow To Use Styled-Components In React Adebiyi Adedotun 2020-07-23T10:30:00+00:002020-07-24T01:35:55+00:00Styled components are a CSS-in-JS tool that bridges the gap between components and styling, offering numerous features to get you up and running in styling components in a functional and reusable way. In this article, you’ll learn the basics of styled components […]

    READ MORE
  • Modern CSS Techniques To Improve Legibility

    Modern CSS Techniques To Improve LegibilityModern CSS Techniques To Improve Legibility Edoardo Cavazza 2020-07-22T10:30:00+00:002020-07-23T01:33:45+00:00We can read in many ways, and there are many different types of readers, each with their own needs, skills, language, and, above all, habits. Reading a novel at home is different from reading it on the train, just as reading a […]

    READ MORE
  • Building Desktop Apps With Electron And Vue

    Building Desktop Apps With Electron And VueBuilding Desktop Apps With Electron And Vue Timi Omoyeni 2020-07-21T15:30:00+00:002020-07-22T01:34:06+00:00JavaScript used to be known as the language for building websites and web applications especially with some of its frameworks such as React, Vue, and Angular but over time (as early as 2009), it became possible for JavaScript to run […]

    READ MORE
  • Translating Design Wireframes Into Accessible HTML/CSS

    Translating Design Wireframes Into Accessible HTML/CSSTranslating Design Wireframes Into Accessible HTML/CSS Harris Schneiderman 2020-07-21T09:00:00+00:002020-07-22T01:34:06+00:00All too often, accessibility doesn’t cross a designer’s mind when creating user interfaces. Overlooking accessibility considerations in the design phase can trickle down through to your website or application and have a large impact on your users. Whether it is usability testing, […]

    READ MORE
  • How To Build An Accessible Front-End Application With Chakra UI And Nuxt.js

    How To Build An Accessible Front-End Application With Chakra UI And Nuxt.jsHow To Build An Accessible Front-End Application With Chakra UI And Nuxt.js Kelvin Omereshone 2020-07-20T10:00:00+00:002020-07-21T01:37:42+00:00For many people, the web is an essential part of their daily lives. They use it at work, home, and even on the road. Web accessibility means people with disabilities […]

    READ MORE
  • Bringing You The Best Of Smashing

    Bringing You The Best Of SmashingBringing You The Best Of Smashing Iris Lješnjanin 2020-07-17T11:00:00+00:002020-07-18T01:35:22+00:00Well, I guess we can all agree that this year has been quite something. We’ve all been challenged in one way or the other, and the new normal is not quite the old normal. Still, the overriding emphasis remains on safety and […]

    READ MORE