– jakub.kr
Jakub shares a collection of small interface details that compound into a much better user experience, from text wrapping and concentric radius math to interruptible animations and optical alignment. It is packed with practical UI polish ideas that are easy to miss, but hard to unsee once you notice them.
Read more [jakub.kr]
We gave all the settings screens in Flare a fresh coat of paint. Consistent layouts, better forms, improved navigation and plenty of small details that make the experience calmer and more focused.
Read more [flareapp.io]
Join 9,500+ smart developers
Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
"As a Laravel developer, this is the one newsletter I most look forward to. Freek has a talent for distilling packages or techniques down to something immediately useful - one tip can save you hours and even weeks. It's concise and practical and highly relevant."
Every page in Oh Dear now works on mobile. Not just slapped-on media queries, but reworked layouts: a floating action button for navigation, dedicated mobile card views for monitor lists, scrollable tables with fade hints, and bigger touch targets throughout. Over 160 Blade templates were touched.
Read more [ohdear.app]
– ryangjchandler.co.uk - submitted by Ryan Chandler
Have you ever been on a website and navigated between pages, only to notice that the layout shifts slightly because the scrollbar suddenly appears on longer pages?
Read more [ryangjchandler.co.uk]
A nice touch by Joel Clermont
Read more [masteringlaravel.io]
This site offers some good alternatives for modals
Read more []
In this post, we'll walk through some optimistic UI tricks we apply when using Laravel with Livewire and Alpine to capture the best of both worlds.
Read more [tighten.com]
We can’t possibly build products that are useful, let alone delightful, if we don’t frequently talk to the people who’ll use it.
Read more [www.markhamsq.com]
– tighten.com - submitted by Jamison Valenta
This post discusses three equitable design considerations to avoid creating unintentional barriers and cultural or social biases for potential users.
Read more [tighten.com]
– tighten.com - submitted by Jamison Valenta
This post discusses accessibility design considerations that will help users with disabilities successfully use and navigate your website or application.
Read more [tighten.com]
– tray2.se - submitted by Patrik Ahlström
Have you ever had a huge list of values that the users needs to scroll through to get to the
item they wanted, you know the classic Country dropdown, and for me who lives in Sweden
will have to scroll through a load of countries to get to the desired one.
Read more [tray2.se]
A nice list of things to keep in mind when writing software or documentation.
Read more [leerob.io]
My colleague Brent makes the case for being more creative on the web
Read more [stitcher.io]
Another nice post by Sara Soueidan.
Read more [www.sarasoueidan.com]
– tighten.co - submitted by Matt Stauffer
In the age of internet tracking, more users are turning to blocker software for protection. Sara Bin shares some tips to improve your website's UX for these users—and everyone else!
Read more [tighten.co]
– dev.to
David Khourshid explains how you can use state machines to make your logic more resilient.
Disabling a button is not logic. Rather, it is a sign that logic is fragile and bug-prone. In my opinion, disabling a button should only be a visual cue to the user that clicking the button will have no effect.
Read more [dev.to]
Jess Archer recently gave an excellent talk at Laracon AU. In a new blogpost she explains one one tips given during her talk: how to close modals in a Vue app by using the back button.
On most web apps, pressing the back button while a modal dialog is open will navigate to the previous page, rather than closing the modal. This can be very frustrating! It might not seem like a huge deal on a desktop app, but on a mobile, where a modal like this will often be full-screen, and with phones having back buttons and back gestures, I believe it's a huge user experience improvement.
Read more [jessarcher.com]
I fully agree with Troy Hunt here.
So in summary, everyone clicks through cookie warnings anyway, if you read them you either can't understand what they're saying or the configuration of privacy settings is a nightmare, depending on where you are in the world you either don't get privacy or you don't get UX hell, if you understand the privacy risks then it's easy to open links incognito or use an ad blocker, you can still be tracked anyway and finally, the whole thing is just conditioning people to make bad security choices.
Read more [www.troyhunt.com]
Here are some good reasons why you shouldn't use a first name and last name field.
The structure of a name is not the same across cultures. Users who visit your site will consist of a broad range of people from different countries. Your name field should be culturally inclusive so that no one struggles to fill out your form. With most things in life two is better than one. But when it comes to name fields one is better than two.
Read more [uxmovement.com]
Marina Posniak, UX writer at Spotify, shares some great tips on how to write error messages well.
To start, ask yourself if you even need the error message. Before writing anything, consider if there’s a way to redesign the experience so there’s no error at all. Is there a way to just make it work? (Really, the best error message is no error message.) But if you do need it, think carefully about the message. When things go wrong and the app “fails,” say something useful. The message should help the user solve the problem and move on.
Read more [thestyleofelements.org]
