Better Video Streaming With imgix Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Doug Sillars)

This article is a sponsored by imgix Adding video to your website immediately adds value, but also a new level of complexity to your web development. Can I use the <video> tag? Do I need a JavaScript video player? What formats should the video be in for the best browser support? How do I account … Read more

Smashing Podcast Episode 51 With Ben Callahan: What’s The Value Of A Design System? Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Drew McLellan)

This article is a sponsored by Wix In this episode of the Smashing Podcast, we ask how you can prove the value of a Design System and how you can pitch it effectively to stakeholders. Vitaly talks to Ben Callahan to find out more. Show Notes Ben Callahan on Twitter Ben’s website Sparkbox Weekly Update … Read more

What Makes A Great Toggle Button? (Case Study, Part 1) Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Eduard Kuric)

In this first part of a two-part article, we will analyze the characteristics of effective toggle buttons. These characteristics serve as visual cues for helping users recognize which of the button’s options is actively switched on. We have conducted a comprehensive research study with real users to evaluate the effectiveness of visual cues from a … Read more

Implementing A Reset Password Feature With Next.js Dynamic Routes Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Caleb Olojo)

In a general sense, authentication poses itself as a roadblock to many people when they are trying to get started with a particular framework, and Next.js isn’t left behind. Although, there are lots of resources around building authenticated applications with Next.js. Well, there’s even an open-source project that literally handles authentication from the ground up. … Read more

An Introduction To Context Propagation In JavaScript Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Evyatar Alush)

React popularized the idea of context-propagation within our applications with its context API. In the world of React, context is used as an alternative to prop-drilling and synchronizing state across different parts of the apps. “Context provides a way to pass data through the component tree without having to pass props down manually at every … Read more

Designing A Better Back Button UX Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Vitaly Friedman)

There aren’t many things in usability testing that keep showing up over and over again. One of them is the anxiety people experience when they have to go back to the previous page. Users generally don’t have much trust in the browser’s “Back” button, and for a good reason. We’ve all been in a situation … Read more

Everything Developers Must Know About Figma Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Christine Vallaure)

We must understand the possibilities and limitations of each other’s tools to work hand in hand, so let me show you the design side of things and all the little Figma treasures you might not yet understand fully. We work with components and variants in Figma. We work with styles in Figma, but they are … Read more

Meet Skeleton: Svelte + Tailwind For Reactive UIs Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Chris Simmons)

If you’ve ever found yourself tasked with creating and implementing custom UI, then you know how difficult it can be to meet the demands of the modern web. Your interface must be responsive, reactive, and accessible, all while remaining visually appealing to a broad spectrum of users. Let’s face it; this can be a challenge … Read more

Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1) Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Atila Fassina)

As front-end developers, we understand the foundational role data plays in our daily jobs. It may come from an external API, a CMS, or even a spreadsheet. But god forbid we need to talk about setting up databases. Those days are over. With serverless databases becoming popular by the day, it has never been easier … Read more

Core Web Vitals Tools To Boost Your Web Performance Scores Articles on Smashing Magazine — For Web Designers And Developers hello@smashingmagazine.com (Zara Cooper)

The success of your website depends on the impression it leaves on its users. By optimizing your Core Web Vitals scores, you can gauge and improve user experience. Essentially, a web vital is a quality standard for UX and web performance set by Google. Each web vital represents a discrete aspect of a user’s experience. … Read more

Generated by Feedzy