In this tutorial, we’ll extend Bootstrap by building a custom color mode switcher that takes advantage of Bootstrap’s built-in dark mode styles. https://webdesignernews.com/build-a-bootstrap-light-dark-toggle-switch-component/
Images make websites look great, but they’re also the biggest performance bottleneck. They add huge file sizes, delay Largest Contentful Paint (LCP), and can even mess with Cumulative Layout Shift (CLS) if they aren’t handled properly. And while developers are quick to optimize JavaScript and CSS, images are often ignored—despite being the heaviest assets on most pages. https://webdesignernews.com/optimizing-images-for-web-performance/
If you’re not familiar with benchmarks, they’re how we measure the capabilities of particular AI models like o1 or Claude Sonnet 3.5. Each one is a standardised test designed to check a specific skill set. https://webdesignernews.com/a-new-challenge-for-ai-humanitys-last-exam/
We developed a figurative illustration language for Samsung Health, with its application on over 100 assets. We played with vibrant colors, gradients and dynamic layouts — but we also crafted some quirky tiny reactions motivating wellness audiences around the world. https://webdesignernews.com/samsung-illustration-system/
A simple tool where you can play with dispersion, liquify, and other effects. https://webdesignernews.com/turn-your-logo-into-apple-liquid-metal/
If you don’t know the reference, it’s this tweet. Once it appeared on my timeline, I was like, no, mister, that’s bullshit, and I’m going to call it out in my next article. But then I started to analyze the current landscape of tools for designers, looked back at my career, and came to the point that there’s only one inevitable thing: change. https://webdesignernews.com/there-is-legitimately-a-reason-to-still-use-figma-2/
The most reliable way to meet user needs is through extensive usability research. However, scaling can be a challenge, especially if a researcher needs to personally e-meet every participant. When left to their own devices, participants also tend to provide incomplete answers. https://webdesignernews.com/human-centered-design-through-ai-assisted/
At trusted titles like The New York Times, The Economist, and The Minnesota Star Tribune, great design can support great journalism. Here’s how media teams use Figma to collaborate on news design and explore new formats. https://webdesignernews.com/how-publishers-use-figma-to-help-design-the-news/
For years, traditional presentations have relied on static slides filled with bullet points, pie charts, and dense text. While these slides can convey information, they often lack engagement. https://webdesignernews.com/from-static-to-storytelling/
This week, we’re diving into some brilliant insights, from how the British Government’s approach to UX writing can teach us a thing or two, to the growing impact of AI tools in design processes. We’re also unpacking practical performance tips and exploring how the smallest design details can make a massive difference. https://webdesignernews.com/weekly-ressources/