In this article, Uri Paz explains how a site complying with accessibility guidelines may still present usability issues when testing with real users. Find out how weaving accessibility best practices with usability testing, can help as many people as possible to fully use your site. https://smashingmagazine.com/2020/11/weaving-web-accessibility-usability/
Let’s welcome December with some new wallpapers! Designed by artists and designers from across the globe, they are available with and without a calendar for the month. https://smashingmagazine.com/2020/11/desktop-wallpaper-calendars-december-2020/
reactive variables work with GraphQL Apollo and offer you the same functionality with Redux or Context API without the complexity or extra layers that come with these other tools. A reactive variable in GraphQL Apollo is easy to use and doesn’t have as much setup process compared to Redux. https://smashingmagazine.com/2020/11/reactive-variables-graphql-apollo-client/
Copy docs is a framework that allows product designers and writers to manage their in-product copy in a smart way. In this article, Valeriia Panina shares her experience in how the copy docs technique turned out to be a game changer for her workflow. https://smashingmagazine.com/2020/11/copy-docs-microcopy/
In the product-focused world of development, it can be easy to forget the joy of making for the sake of making. By dropping the ‘Why’ and ‘How’, and focusing instead on the ‘What’ of weird, wonderful ideas, you can nurture a totally different side to your skill sets. https://smashingmagazine.com/2020/11/playfulness-code-supercharge-fun-learning/
The Vue Testing library can help you to test your applications by mirroring the way that a user would interact with them. Here’s everything you need to know if you want to get started right away. https://smashingmagazine.com/2020/11/vue-applications-vue-testing-library/
In JavaScript, there are two main ways to handle asynchronous code: then/catch (ES6) and async/await (ES7). These syntaxes give us the same underlying functionality, but they affect readability and scope in different ways. In this article, we’ll see how one syntax lends itself to maintainable code, while the other puts us on the road to callback hell! https://smashingmagazine.com/2020/11/comparison-async-await-versus-then-catch/
With so much going on, it’s nice to have an overview of what’s new at Smashing — all in one place. Read on to find out what’s been keeping the team busy alongside some inspiring community resources that have made it to the top list of our newsletters! https://smashingmagazine.com/2020/11/monthly-roundup-11-2020/
In a React component, useState and useReducer can cause your component to re-render each time there is a call to the update functions. In this article, you will find out how to use the useRef() hook to keep track of variables without causing re-renders, and how to enforce the re-rendering of React Components.
https://smashingmagazine.com/2020/11/react-useref-hook/
In this article, Stephanie dives into the past by going back to the beginning of HTML and tracing the evolution of form controls through to the present and the current state of working with them. https://smashingmagazine.com/2020/11/standardizing-select-native-html-form-controls/