Web Developer Tools & Resources
Beginners in the UX world will quickly face one constant dilemma: bridging the gap between their own labels and mental models and those of users.
If you’re finding today a bit stressful for some reason, grab a respite by sinking into any of these web design inspiration websites.
Welcome to our roundup of the best new fonts we’ve found online in the last four weeks. In this month’s selection we have a mixture of different styles, from highly practical serifs, to experimental display typefaces. Enjoy!
Picture yourself unlocking your phone this morning. Within seconds, you’ve made dozens of micro-decisions: which notification to check first, whether to respond to that message, which app to open. Without realising, we make countless decisions every day. Behind each of these interactions lies careful consideration by UX designers who shape not just interfaces, but the very way we make choices in the digital world.
While searching for a villa for a vacation with my friends, I stumbled upon the stunning Pekoe Villa, which boasts an incredible view. However, when I visited their website for more information, I realized it didn’t do the villa justice, so I decided to redesign it.
Design isn’t just about making things aesthetically pleasing; it’s about creating meaningful and intuitive experiences for users. At the core of effective design lies psychology—the study of how people think, feel, and behave. By understanding and applying psychological principles, designers can craft interfaces that resonate deeply with users, ensuring both functionality and emotional connection. This article explores the intricate relationship between design and psychology and offers practical insights to enhance...
Feeling good with your Lighthouse score of 100%? You should! But you should also know that you’re only looking at part of the performance picture. Learn how Lighthouse scores are measured differently than other tools, the impact that has on measuring performance metrics, and why you need real-user monitoring for a complete picture.
The visible grid web design trend seems to be here to stay. But what makes it so compelling and how can you put it to use? Let’s explore that and more.
This eBook serves as a toolkit for those of you who want to design hyper-interactive prototypes in UXPin. It comes with do’s and dont’s about designing interactions.
Are you frustrated with slow Prettier formatting when saving files? Many developers face this issue, especially in larger projects. Here’s how to significantly improve Prettier’s performance without compromising code quality.
“We’re at the mercy of Google.” Undecided voters in the US who turn to Google may see dramatically different views of the world – even when they’re asking the exact same question.
The amount of CSS novelty in the last two to four years has been staggering. Multiple innovations have been released and are now supported in all modern browsers, and some of them fundamentally change how to make websites.
Let’s face it: video editing can be an endless rabbit hole of tweaks and techniques. You’ve got the footage, but turning it into something captivating? That’s the real art! And Adobe Premiere Pro is undoubtedly a powerhouse in the editing world. But who doesn’t love a good shortcut, especially when it’s free? That’s where Adobe Premiere Templates come in—pre-designed, ready-to-use assets that can turn your video from “meh” to “whoa” without hours of fiddling.
Get started with AI agents in this practical tutorial and learn to build an AI-powered newsletter aggregator using React and KaibanJS.
Accessibility is an incredibly important topic that is often overlooked. This is partially because of how complex accessibility is. That is why in this video I cover a complete master class of everything you need to know about accessibility.
HTML Forms have powerful validation mechanisms, but they are heavily underused. In fact, not many people even know much about them. Is this because of some flaw in their design? Let’s explore.
Form controls are notoriously difficult to style, something the web community has been talking about for years. In 2019, when I was still at Microsoft, I had been working with Greg Whitworth to start evangelizing the work that was being planned for <select>, as well as the Open UI community group that would help bring this plan to life.
https://www.userinterviews.com/ai-in-ux-research-report
Caption on Image HTML- Welcome to an enlightening exploration into the realm of HTML and its application in contextualizing images with captions
While you are working on a UI/UX design project, I have developed a set of practical tips for designing a clickable button that helps me maintain design standards throughout the process.
You can use Lightroom Look-Up Tables (LUTs) to improve the look of any photo. They provide an easy way to add all manner of professional effects. They are a must-have addition to every designer’s toolbox.
In my years of experience in UI design and development, I’ve learned a crucial lesson: having data isn’t everything.
I save many things each month that I find inspiring for some reason, and I like organized lists, so I figured I’d share those lists and maybe help someone out of a creative block.
Imagine stepping into the shoes of a refugee, feeling the sand beneath your feet and the weight of uncertainty on your shoulders. This isn’t just imagination — it’s the power of immersive media. But as UX professionals, we must ask: At what cost does this emotional journey come?
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.