In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers to get their work done better and faster. Starting out with a few tools for getting to the bottom of CSS. https://smashingmagazine.com/2021/03/css-auditing-tools/
For a lot of web scraping tasks, an HTTP-client is enough to extract a page’s data. However, when it comes to dynamic websites, a headless browser sometimes becomes indispensable. In this tutorial, we will build a web scraper that can scrape dynamic websites based on NodeJS and Puppeteer. https://smashingmagazine.com/2021/03/ethical-scraping-dynamic-websites-nodejs-puppeteer/
Meet our new workshops on front-end and UX — on web performance, interface design, psychology and modern CSS. With Lea Verou, Harry Roberts, Stephanie Eckles, Dan Mall and so many others. Jump to all online workshops ↬ https://smashingmagazine.com/2021/03/live-online-workshops-front-end-ux/
In the world of serverless applications, Webiny is becoming a popular way to adopt the serverless approach of building applications by providing handy tools that developers can build their apps upon. In this article, we will look into what Webiny is and try out the headless CMS as a data source for a Gatsby blog application. https://smashingmagazine.com/2021/03/modeling-graphql-api-blog-webiny-serverless-cms/
To inspire mobile designers, let’s look at how some clever design solutions tackle mobile navigation, confirmation dialogs, animations, and gamifying the waiting experience. https://smashingmagazine.com/2021/03/solutions-mobile-design-boost-user-experience/
Our lives as UI designers have never been easier with a host of amazing tools at our disposal. In this article, Paul Boag explores some of the useful tools that he keeps close at his work. https://smashingmagazine.com/2021/03/ui-design-testing-tools/
In this article, we’ll look at how to create an outside focus and click handler with React. You’ll learn how to recreate an open-source React component (react-foco) from scratch in doing so. To get the most out of this article, you’ll need a basic understanding of JavaScript classes, DOM event delegation and React. By the end of the article, you’ll know how you can use JavaScript class instance properties and event delegation to create a React component that helps you detect a click or focus out
With mobile traffic accounting for over 50% of web traffic these days, leaving your mobile performance unoptimized isn’t really an option. In this article, we’ll discuss the complexity and challenges of mobile, and how mobile testing tools can help us with just that. https://smashingmagazine.com/2021/03/mobile-app-web-testing/
As digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy products from Etsy or Google information, no one has escaped the rules that were introduced in 2018. https://smashingmagazine.com/2021/03/state-gdpr-2021-cookie-consent-designers-developers/
Our wallpapers post this month is a special one: There’s not only a new collection of wallpapers created by creative folks from across the globe waiting for you, but we’ll also award a smashing prize to the best design. https://smashingmagazine.com/2021/02/desktop-wallpaper-calendars-march-2021/