Everything Developers Must Know About Figma

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 not very smart. We can set up and test responsive...

12h

Meet Skeleton: Svelte + Tailwind For Reactive UIs

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 for even the most seasoned...

3d

Databases For Front-End Developers: The Rise Of Serverless Databases (Part 1)

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 to create a full-stack architecture...

4d

Core Web Vitals Tools To Boost Your Web Performance Scores

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. It can be measured based on real...

6d

Smashing Podcast Episode 50 With Marko Dugonjic: Can You Change A UX Dinosaur?

This article is a sponsored by Storyblok In this episode, we ask how you can affect change to UX design in large organizations stuck in their ways. Vitaly talks to Marko Dugonjić to find out. Show Notes Marko on Twitter TypeTester Weekly Update Article vs. Section : How To Choose The Right One written by Olushuyi Olutimilehin Testable...

6d

How Our Organization Improved Web Accessibility (Case Study)

The Understood front-end team has a special focus on removing barriers for people who learn and think differently. Our core users have ADHD, dyslexia, and other common challenges. But we are committed to creating products that meet the needs of all people. To do this, we combine accessibility and usability in ways that increase ease of use for everyone....

1w

Rethinking Authentication UX

This article is part of our ongoing series on design patterns. It’s also a part of the upcoming 4-weeks live UX training 🍣 and will be in our recently released video course soon. Authentication is a tricky subject. There are so many terms floating around us, from 2FA to MFA to OTP — and it might be difficult to make sense of what we need and when...

2w

Migration From jQuery to Next.js: A Guide

jQuery has served developers well for many years. However, libraries (like React) and Frameworks (like Next.js) are now bringing us more modern features to help with our code's performance and maintainability. This guide will show you how to rewrite your jQuery site using Next.js to take advantage of all these new features, such as client-side routing...

2w

Authentication UX

Nobody wakes up in the morning hoping to finally identify crosswalks and fire hydrants that day. Yet every day, we prompt users through hoops and loops to sign up and log in, to set a complex enough password or recover one, to find a way to restore access to locked accounts and logged-out sessions. Of course security matters, yet too often, it gets...

2w

Fluid Sizing Instead Of Multiple Media Queries?

Media queries are a great concept. Building a complex structure in an HTML document and adapting it for various devices is not often possible without them (for the moment at least). Here we will talk about the fact that one of the drawbacks of fluid typography, namely the appearance of a large number of media queries, can be avoided. Or, at least, the...

2w