The concept of flow, as defined by psychologist Mihaly Csikszentmihalyi1 in the 1970s, describes a state of deep immersion and engagement in activities that people find both enjoyable and challenging. This state, characterised by heightened focus and a sense of effortlessness, is particularly relevant in the domain of user experience (UX).
In this quick tip, we’ll show how easy it is to animate a background gradient with CSS.
While that arrangement may make sense given the close relationship between software development and interface design, it can be a challenging task for those without formal UI/UX design training. That post attempted to bridge the gap, making dev tool product design a bit more accessible. Building upon that article, this time, we’ll actually look at practical developer tool design cases, with detailed examples, both at a general level, and pulled…
AI is seen as a loose-leaf solution rather than a new paradigm of user experience. We know that the value of UX comes from understanding a user’s entire journey and holistically supporting them along the way; yet, AI is being tacked onto today’s experiences to solve micro user needs instead of transforming from end-to-end.
You haven’t needed it. You’re a web designer and you’re focused largely on UI and UX. Your skills with design tools, HTML, CSS, and team communication have served you well. But you know what JavaScript is. It’s another part of the native web. It’s powerful. It can make websites do stuff beyond what HTML and CSS can do alone. You don’t even care to deeply learn JavaScript, you just want to get a ton of bang…
You Want border-color: transparent, Not border: none by Dave is a great reminder to not remove borders from components for accessibility reasons, especially to better support high contrast mode.
Whether you’re looking for a way to streamline your workflow or simply curious about the latest design tools, this roundup is for you. From color palette generators to complete design builders, this month’s roundup of the most exciting new tools for designers has something for everyone. Enjoy!
Crafting compelling design narratives requires precise tools and the right aesthetic. Start with our curated collection of fonts and typefaces designed to echo the unique style of stamp lettering.
The margin property of CSS is just a way to push other elements away. It’s very common and doesn’t feel particularly problematic. On the other hand… maybe it is?
Early on in the design, the need arose for a liquid three-column layout which featured two flexible outer columns and a fixed-width centre column, not a layout commonly seen implemented with CSS. I also wanted the centre column to be fixed in the browser window and so not move with the scroll.
