How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Let’s find out. https://smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/
In this article, we’ll discuss and learn about the use case of iterating over React children and the ways to do it. In particular, we will deep dive into one of the utility methods, React.Children.toArray, that React gives us, which helps to iterate over the children in a way which ensures performance and determinism.
https://smashingmagazine.com/2021/08/react-children-iteration-methods/
Resilience is intrinsic to the web and therefore us, web developers. This article explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures better equips us before, during, and after an error occurs. https://smashingmagazine.com/2021/08/build-resilient-javascript-ui/
In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase. https://smashingmagazine.com/2021/08/refactoring-css-strategy-regression-testing-maintenance-part2/
New month, new wallpapers! In this post, you’ll find unique and inspiring wallpapers for August 2021. Created with love by the community for the community, they come in versions with and without a calendar for the month. https://smashingmagazine.com/2021/07/desktop-wallpaper-calendars-august-2021/
Having an e-commerce store is crucial for any store owner as more and more customers are turning to online shopping. In this tutorial, we shall go through how to create an e-commerce site with Angular 11. The site will use the Commerce Layer as a headless e-commerce API and use Paypal to process payments. https://smashingmagazine.com/2021/07/ecommerce-angular11-headless-paypal/
What are absolute units? What are the differences between relative and absolute units, and how do we create accurate sizes on the web? In this article, Elad Shechter explains why CSS absolute units aren’t so absolute. https://smashingmagazine.com/2021/07/css-absolute-units/
Dialogs are everywhere in modern interface design (for good or for bad), and yet many of them are not accessible to assistive technologies. In this article, we will dig into how to create a short script to create accessible dialogs. https://smashingmagazine.com/2021/07/accessible-dialog-from-scratch/
Next.js has strong opinions about how to organize JavaScript but not CSS. How can we develop patterns that encourage best CSS practices while also following the framework’s logic? The answer is surprisingly simple — to write well-structured CSS that balances global and local styling concerns. https://smashingmagazine.com/2021/07/global-local-styling-nextjs/
Gatsby recently announced the launch of “functions”. In this article, Paul Scanlon explains how to get the current location of the International Space Station (ISS) as it orbits the Earth in real-time using Gatsby Functions and then display it on a 3D interactive globe using React Three Fibre. https://smashingmagazine.com/2021/07/gatsby-serverless-functions-international-space-station/