Articles by Smashing Magazine from September 2020

Unit testing has become an integral part of the software development process. It is the level of testing at which the components of the software are tested. In this tutorial, youll learn how to test u...

By designing digital product pages for smartphone users who are in that early discovery and research phase, your clients can make more money off of their products. Today, well look at how this is done...

This article explores what intuitive design actually means, why it doesnt make sense, how we can better approach design solutions, and what the future of interfaces might look like....

Coding thousands of pieces of artwork teaches you a thing or two about the creative process. Whether you want to overcome perfectionism, learn new skills, or simply explore the playful side of coding,...

In this article, Bryan Robinson explores how to take a humble HTML page and make its content editable in a CMS with no frameworks and no client-side JavaScript....

In this article, well be looking at how to set up a grid layout for products on your collection pages, and how to use Shopifys section settings to create customizable options in the online store edito...

Were talking about RedwoodJS. What exactly does it mean to be a full-stack Jamstack framework? Drew McLellan talks to community champion Anthony Campolo to find out....

In this article, Matt Saunders offers some straightforward advice on how you can become a more business-savvy web de-signer and take your practice to the next level....

Theres a lot of information out there — thats a fact. In these monthly editions, Smashings senior editor Iris brings it all in one place because we know how hard it can be to stay on top of thin...

Among others, [Next.js](https://nextjs.org) has dubbed itself: *The React Framework for Static Websites*. But just like every other framework whose goal is to help you build what matters by abstractin...

In this article, we will take a closer look at GraphQL and how we can integrate it into a Gatsby website by building and implementing advanced data sourcing and transformation in Gatsby....

In this article, Victor Yocco covers specific tactics with supporting research that are bound to help you design for attention....

In this article, Blessing explains how GSAP plays well with the React library by integrating its functions into a React component in building an example landing page with a variety of animations....

This week we celebrate the 14th birthday of Smashing Magazine. We didnt quite have the year that we planned though! I took a look back at some memories from this year and previous years — with t...

This article contains a brief introduction to Lighthouse, discusses the advantages of running it programmatically, and walks through a basic configuration....

Choosing what CMS to use in your next development project is a critical decision for any business, large or small. In this guide, were going to run through the potential of Craft CMS, setting up a loc...

In this guide, we will be looking at Next.js, a popular React framework that offers a great developer experience and ships with all of the features you need for production....

Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion...

Were talking about SVG Animation. How can vector images, JavaScript and CSS all work together to provide engaging motion graphics? Drew McLellan talks to SVG expert Cassie Evans to find out....

Meet our Smart Interface Design Patterns Checklist Cards, a deck of 100 cards with common questions to ask when tackling a common interface challenge carousel, table, date picker, autocomplete, filte...

In this article, we will learn how to write automated tests on web APIs with Postman. In order to follow along to this tutorial, youll need at least a fair amount of familiarity with Postman....

A component library helps to keep a design consistent across multiple projects. It ensures consistency because any changes made will propagate across the projects that make use of it. In this tutorial...

Icons have long held an important place in the design of mobile apps. But beyond using them to create larger and more attractive touch targets, there are other ways mobile app designers can use these ...

Unlike most design software, Figma is free and browser-based so developers can easily access the full design files making the developer handoff process significantly smoother. This article explains ev...

In this article, you will learn how to build and test react components in isolation using Storybook. You will also learn how to use the knobs addon to modify data directly from the storybook explorer....

In this tutorial, were going to learn about some amazing features the Vue Router has and how we can make use of them in our app....

September is just around the corner and, well, that means its time for some new wallpapers! Since more than nine years already, our monthly wallpapers series is the perfect opportunity for artists and...