In this article, we’ll be looking at how to set up a gallery that is expandable as well as accessible. https://smashingmagazine.com/2021/10/build-expandable-accessible-gallery/
Many websites have some sort of search feature because it helps users navigate through their content easily. Implementing it the right way can be tricky and might not give a good user experience. In this tutorial, we will be integrating Algolia, a popular and powerful search service for the best experience on our Nuxt site. https://smashingmagazine.com/2021/10/search-functionality-nuxt-app-algolia-instantsearch/
Get your desktop ready for fall and the upcoming Halloween season with a fresh batch of desktop wallpapers. Created with love by designers and artists from across the globe, they come in versions with and without a calendar for October 2021. https://smashingmagazine.com/2021/09/desktop-wallpaper-calendars-october-2021/
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/