webstack

The VitePWA plugin from Anthony Fu is a fantastic tool for your Vite-powered sites. It helps you add a service worker that handles: offline supportcaching assets and contentprompting the user when new content is available…and other goodies! We’ll walk through the concept of service workers togethe..

(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.) Key Takeaways On grocery sites, users are often asked to select substitution preferences in case any items are unavailable at the store In practice, selecting substitutions can be time-consuming, especially when users must make selections item-by-item (e.g., “don’t replace any out of stock items”) Finding ways to make the process of selecting substitutions easier — from setting a single global preference for all items to preemptively asking users to select a substitution only for items at risk of being out of stock — helps keep users focused and minimizes unnecessary and time-consuming interactions During our UX testing of online grocery sites, navigating grocery substitutions was among the most fraught scenarios, with 76% of users experiencing at least some difficulty. One of the most common issues..

Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during 2021. So, to kick off 2022, I’ve compiled a list of the 60 most popula..

Picture a dark office, blinds drawn. Picture a UX designer smoking a cigar. See the light filtered through the smoke whipped to fog by a spinning ceiling fan. Watch as the UX designer sits at a desk and considers the website. The UX designer has devised a series of tests to determine if a green but..

The components that make up a typical WordPress theme haven’t changed much over the years. So much so that project co-founder Matt Mullenweg quipped that the old school Kubrick theme (released in 2005) still works with modern versions of the content management system. Sure, theme developers have bo..

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories..

Stoyan is absolutely correct. As much as we all love CSS, it’s still an important player in how websites load and using less of it is a good thing. He has a neat new bookmarklet called CSS Me Not to help diagnose unnecessary CSS files, but we’ll get to that in a moment. The [problem] is that CSS is..

Mondrian is famous for paintings with big thick black lines forming a grid, where each cell is white, red, yellow, or blue. This aesthetic pairs well with the notoriously rectangular web, and that hasn’t gone unnoticed over the years with CSS developers. I saw some Mondrian Art in CSS going around t..

The Svelte transition API provides a first-class way to animate your components when they enter or leave the document, including custom Svelte transitions. By default, the transition directive uses CSS animations, which generally offer better performance and allow the browser’s main thread to remain..

Walking into an initial meeting with a new client can be nerve-wracking. If you’re a freelancer, your income could depend on the outcome; if you’re part of an agency, then your colleagues’ incomes could rely on it too. More often than not, you’re meeting someone successful enough at negotiating to ..