Web Developer Tools & Resources
We’ve all been there—rushing to meet a deadline, we throw together a dropdown menu or modal without fully considering its accessibility. But what if making a few small changes could drastically improve the experience for a broader range of users? Accessibility doesn’t have to be a daunting task or a compliance box to tick. It’s about creating products that are usable by everyone, no matter their ability, technical literacy, operating...
Custom software development has become a critical investment for companies looking to tailor software to their unique business needs.
Tegon, the open source, AI-first issue tracker for engineering teams, faced the challenge of changing its UI and UX to set the product apart from other issue trackers. Evil Martians took charge of this transformation, successfully redesigning the core experience and bringing forward new ideas for AI-first features to take the issue tracker UX above and beyond. Our contributions helped Tegon launch version 2.0 in just 2.5 months, with well-received...
Our global community has always been instrumental in helping us build our professional design tools. After all, your feedback helps us shape the ongoing innovation in both Illustrator and InDesign, by either bringing in new features or improving existing ones to optimize creative workflows, expressiveness, power and precision so you have more time to focus on the work you love.
If you know how to ride a bike now and wait five years to ride one again, you’ll likely do just fine once you get back on. Bicycles are intuitive once you’ve learned how to ride them, and the basic design is unlikely to change over time and across bicycles. Reaching this level of usability in software is a little more difficult.
At the Hatch Conference 2023 in Berlin, I met my idol Brad Frost for the first time. As a UX/UI designer, Brad Frost has been accompanying me for many years, teaching me a great deal about Atomic Design and Design Systems.
Cool and inspiring code demos we’ve featured in our newsletter over the past few weeks.
You can’t overstate the importance of accessible website design. By the same token, bottom-up philosophies are crucial in modern site-building. A detail-oriented approach makes it easier to serve a more diverse audience along several fronts. Making the most of this opportunity will both extend your reach to new niches and make the web a more equitable place.
UX design is no longer just about making a website or app look good. Today, it’s about creating an experience that not only engages users but also turns them into loyal clients.
When starting to use a new CSS feature it’s important to understand its impact on the performance of your websites, whether positive or negative. With @property now in Baseline this post explores its performance impact, and things you can do to help prevent negative impact.
Creativity has been described as transcending traditional ways of thinking — and for the next generation of digital artists and innovators, that definition is taking on new dimensions armed with generative AI.
Go behind the scenes with Björn Ottosson, the Swedish engineer who created Oklab color space, and discover how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well — and is “okay” to use
AI tools are software applications powered by machine learning algorithms that automate tasks, analyze data, and simulate human-like thinking. For designers and developers, AI tools have become essential for streamlining workflows, enhancing creativity, and delivering personalized user experiences.
CSS variables, often referred to as custom properties, offer a centralized way to manage values in your stylesheets. By using the var() function, you can insert these variable values directly into your CSS, making it more streamlined and manageable. Whether you’re applying global or local scope, CSS variables enhance readability and maintainability across your projects.
Hey everyone ð, this week I dive into design system primitive components. They are extremely beneficial to help adopters of your system rapidly iterate experiences using design tokens. Excited to chat about this topic and would love to hear what you all think of it.
Most likely, you remember the experiences you had, not just the objects or things that you saw. That’s how humans work: we’re wired for stories and interactive journeys that engage all of our senses.
Whether you’re a freelance designer, illustrator, or an aspiring art director, navigating your career alone can be daunting. A mentor provides guidance, support, and insights that can help accelerate both your professional and personal growth.
Let me teach you how to animate the CSS Grid properties by building a responsive image grid with hover effects.
As a UX designer, it is important to build empathy and celebrate accessibility requirements as a set of design constraints to build a better product.
In user experience (UX) research, asking users “Why?” is a fundamental practice aimed at uncovering the motivations behind their behaviours and preferences. On the surface, this approach seems straightforward: by understanding the reasons users provide, we can design products that better meet their needs. However, psychological research suggests that the effectiveness of “Why?” questions is more complex than it appears.
When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user engagement: the HTML title tag. Often overlooked, this small but mighty piece of code can have a significant impact on how your website is perceived by search engines like Google and by potential visitors browsing the search engine results pages.
Overhauling Figma’s interface meant reimagining how designers work. From docked panels to a new labeling system, here’s how we shaped UI3 by balancing user feedback with our vision for the future.
Deferring offscreen images is a web performance optimization technique that can help you improve user experience and Core Web Vitals on your site. Also known as lazy loading, it downloads out-of-view images only when they’re about to appear in the user’s viewport. Deferring offscreen images is especially important on image-heavy websites.
In our conversation, Tricia discusses how defining strategy differs between nonprofit and for-profit companies, as well as those in different industries and at various stages of their life cycles. She emphasizes a few key universal strategy principles that apply to any organization, and also shares insights into how trends like AI are impacting the nonprofit, media, and edtech sectors.
Styling form controls like the <select> element has been reported as a top developer pain point for years, and we’ve been working on a solution. While this work is complex and has taken a long time to get right, we’re getting very close to landing this feature. A customizable version of the select element is officially in Stage 2 in the WHATWG, with strong cross-browser interest and a prototype for you to test out from...
Among the sectors most likely to be profoundly transformed by AI is healthcare.
We’ll show you how to use UXPin Merge to build a simple — yet fully functional and responsive — dashboard with MUI components.