Let’s Dive Into Cypress For End-to-End Testing

Is end-to-end testing a painful topic for you? In this article, Ramona Schwering explains how to handle end-to-end testing with Cypress and make it make it not so tedious and expensive for yourself, but fun instead. https://smashingmagazine.com/2021/09/cypress-end-to-end-testing/

Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study)

At Unplatform, Jonne and his team made the switch from a more traditional integrated e-commerce platform to a headless platform that uses Next.js for the front-end. In this article, he shares the most important lessons they learned while rebuilding a large e-commerce site with Next.js. https://smashingmagazine.com/2021/09/lessons-learned-ecommerce-nextjs-case-study/

Free Online Workshop: Frustrating Design Patterns And How To Fix Them

You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. It’s time to fix them for good in a free Smashing online workshop next week. https://smashingmagazine.com/2021/09/smashing-workshop-frustrating-design-patterns/

Simplifying Form Styles With `accent-color`

The new CSS accent-color property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we’ll take a look at what it does and how to use it alongside color-scheme for simple, accessible checkboxes and radio buttons — and imagine how we might use it in the future. https://smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/

Getting Your `head` Straight: A New CSS Performance Diagnostics Snippet

We love little useful tools and techniques to help folks get their work done better and faster. Today, we’d love to shine the spotlights on a little helper that helps spot common performance bottlenecks easily: ct.css. https://smashingmagazine.com/2021/09/css-head-tag/

How To Build Your Own Mouseless Development Environment

Building a development environment with the shell as a keystone offers multiple benefits. You can use tools that fit nicely with each other, you can customize everything depending on your own needs, and the biggest of all, you can control your entire development environment with your keyboard. This can save a lot of cognitive energy as well as deliver a pleasant user experience. https://smashingmagazine.com/2021/09/mouseless-development-environment/

How Web Development Tools Are Helping Users Keep Pace With Rapid Change

The last 18 months have been a time of unprecedented turbulence. As the people of the world have flooded online, businesses have joined them, using web development tools to adapt in real-time. https://smashingmagazine.com/2021/09/web-development-tools-users-keep-pace-rapid-change/

Are Imposter Domains Re-Publishing Your Website?

Content scraping is a fact of life on the Internet. When you think of web scraping, you probably do not think about the scrapers turning around and immediately serving your entire, whole page content on another website. But what if your site content is being re-published? It might be already happening. https://smashingmagazine.com/2021/09/imposter-domains-republishing-website/

Monetize Open-Source Software With Gatsby Functions And Stripe

Gatsby Functions provide front-end developers a way to write and use server-side code without the hassle of maintaining a server. If making money from open-source is of interest to you and your site isn’t built using Gatsby, this approach may well be the answer you were looking for. https://smashingmagazine.com/2021/09/monetize-open-source-software-gatsby-functions-stripe/

Web Quality Assurance: From User Requirements To Web Risk Management

Twenty years ago, Elie Sloïm chose to dedicate his professional life to web quality assurance. He started asking, ”What does quality mean for a web user?” Well, this article explains everything he has learned along the way. https://smashingmagazine.com/2021/09/journey-into-web-quality-assurance/


Chercher