How To Turn Your Figma Designs Into Live Apps With Anima Playground
hello@smashingmagazine.com (Anima Team) |
As designers, it’s important to be able to transform visual ideas into concepts within minutes and into fully functional products within hours. Well, today we’re bringing you closer to AnimaApp, an app designed to make your life easier — whether you’re a designer, developer, product team member or e... read more
UX And Design Files Organization Template
hello@smashingmagazine.com (Vitaly Friedman) |
Lost in a sea of UX files, docs, PDFs, and scattered decisions across Slack, Dropbox, Notion, and Figma? We talk a lot about organizing Figma, but what about a sensible folder structure for all UX assets? Let’s fix that. Kindly powered by [Smart Interface Design Patterns](https://smart-interface-des... read more
“Product Kondo”: A Guide To Evaluating Your Organizational Product Portfolio
hello@smashingmagazine.com (Talke Hoppmann-Walton) |
It starts with good intentions — a quick fix here, a shiny feature there — and suddenly, your product portfolio’s bursting at the seams. In this guide, Talke Hoppmann-Walton walks you through a “Product Kondo” exercise to declutter, realign, and spark some serious product joy for both your business ... read more
Boosting Up Your Creativity Without Endless Reference Scrolling
hello@smashingmagazine.com (Marina Chernyshova) |
While it is clear that creativity is driven by both the left and right hemispheres, an important question remains: how can we boost creativity while keeping the process enjoyable? It may not be obvious, but non-design-related activities can, in fact, be an opportunity to enhance creativity.... read more
Building An Offline-Friendly Image Upload System
hello@smashingmagazine.com (Amejimaobari Ollornwi) |
Poor internet connectivity doesn’t have to mean poor UX. With PWA technologies like `IndexedDB`, service workers, and the Background Sync API, you can build an offline-friendly image upload system that queues uploads and retries them automatically — so your users can upload stress-free, even when of... read more
What Does It Really Mean For A Site To Be Keyboard Navigable
hello@smashingmagazine.com (Eleanor Hecks) |
Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, extending your reach while simultaneously fostering a more inclusive web environment.... read more
Fostering An Accessibility Culture
hello@smashingmagazine.com (Daniel Devesa Derksen-Staats) |
While there’s no definitive playbook for building an accessibility culture, Dani shares lessons from his experience in shaping it through habits rather than mandates.... read more
Inclusive Dark Mode: Designing Accessible Dark Themes For All Users
hello@smashingmagazine.com (Alex Williams) |
Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. Discover how to craft dark modes that don’t just look good but work for everyone, from those with light sensitivity to machine learning algorithms.... read more
Gild Just One Lily
hello@smashingmagazine.com (Steven Garrity) |
“Gilding the lily” isn’t always bad. In design, a touch of metaphorical gold — a subtle animated transition, a hint of color, or added depth in a drop shadow — can help communicate a level of care and attention that builds trust. But first? You need a lily. Nail the fundamentals. Then, gild it caref... read more
Using Manim For Making UI Animations
hello@smashingmagazine.com (Joas Pambou) |
Animation makes things clearer, especially for designers and front-end developers working on UI, prototypes, or interactive visuals. Manim is a tool that lets you create smooth and dynamic animations, not just for the design field but also in math, coding, and beyond, to explain complex ideas or sim... read more