Articles by Smashing Magazine from July 2020

The 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 we...

According 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 b...

Along with advertising, selling is a skill that people often frown on. Its true: no one likes someone coercing or misleading them, and nobody enjoys being interrupted.But being sold to well — by...

Today, were asking if modern best practices are bad for the web? Are modern frameworks taking us down the wrong path? I speak to Lean Web expert Chris Ferdinandi to find out.Show Notes Chris page with...

Creating 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 ...

If youre 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 is for you. Tod...

Styled 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....

We 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 th...

JavaScript 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 becam...

All too often, accessibility doesnt cross a designers mind when creating user interfaces. Overlooking accessibility considerations in the design phase can trickle down through to your website or appli...

For 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 can use the web equally. So its cr...

Well, I guess we can all agree that this year has been quite something. Weve all been challenged in one way or the other, and the new normal is not quite the old normal. Still, the overriding emphasis...

In fields as fast-paced and technical as web design and development, its easy to lose sight of our own wellbeing. For many, theres a constant sense of trying to keep up or ahead. We may not even reali...

React enables web applications to update their user interfaces (UIs) quickly, but that does not mean your medium or large React application will perform efficiently. Its performance will depend on how...

The web moves pretty fast and picking an approach for your frontend that will feel sensible in a years time is tricky. My biggest fear as a developer is picking up a project that hasnt been touched fo...

2020 has been quite the year, and its only July. None of us can be certain what the rest of the year looks like, in particular for travel and events where lots of folks gather together. Given the unce...

Im all for updating and upgrading mobile apps. I think if youre not constantly looking at ways to improve the user experience, its just too easy to fall behind.That said, a redesign should be done for...

Today, were talking about Gatsby. What is it and how does it fit into your web development stack? Drew McLellan talks to expert Marcy Sutton to find out.Show Notes Gatsby Marcy on Twitter Marcys perso...

In my last post, I described some interesting CSS features — some of which are only available in one browser. Most web developers have some feature they wish was more widely available, or that w...

If you are a newbie to React Hooks, you can start by checking the official documentation to get a grasp of it. After that, Id recommend reading Shedrack Akintayos Getting Started With React Hooks API....

Paul Boag has written three books in the Smashing Library, and Click! How to Encourage Clicks Without Shady Tricks is just the most recent one. Paul wrote some articles for Smashing Magazine in additi...

Transitions are a module of CSS that lets you create gradual transitions between the values of specific CSS properties. The behavior of these transitions can be controlled by specifying their timing f...

When it comes to displaying shipping and inventory alerts on an e-commerce website, you have to be very careful about inciting panic in your shoppers.Item is out of stock.Expect shipping delays.Page d...

Technology makes our lives better, not just users, but also creators (developers and designers). In this article, Ill introduce you to Tauri. This article will be useful to you if:you have been buildi...

Things move a lot faster than they used to in terms of the implementation of Web Platform features, and this post is a round-up of news about CSS features that are making their way into the platform. ...

Gatsby is a React-based static-site generator that has overhauled how websites and blogs are created. It supports the use of plugins to create custom functionality that is not available in the standar...

Earlier this year, the Chrome team announced the Web Vitals initiative to provide unified guidance, metrics, and tools to help developers deliver great user experiences on the web. The Google Search t...

Today, well briefly discuss why its important to write automated tests for any software project, and shed light on some of the common types of automated testing. Well build a to-do list app by followi...

JavaScript currently has three types of applications that you can build with: Single Page Applications (SPAs), pre-rendering/static generated sites and server-side rendered applications. SPAs come wit...

We are living in a world exploding with information, but how do we find what is relevant to us at the time that we need it? I believe that good information architecture is key to helping us navigate t...

The smell of rain after a hot day, watching the moon rise on a summer nights sky, going for a swim often its the simple experiences that inspire us and that we treasure most. No matter what July will...

Today, were talking about CUBE CSS. What is it, and how does it differ from approaches such as BEM, SMACSS, and OOCSS? I spoke to its creator, Andy Bell, to find out.Show Notes CUBE CSS Piccalilli Lea...