In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size targets. https://smashingmagazine.com/2021/09/modern-image-formats-avif-webp/
You can find Markdown in many places on the Internet. This article covers different aspects of Markdown and how it interacts with other technology. https://smashingmagazine.com/2021/09/improving-accessibility-of-markdown/
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/
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/
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/
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/
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/
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/
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/
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/