In my previous article, I brought up various notification types and how to present them on screen. Toast notifications can be easy to overuse in a web application UI. Sometimes we leverage them simply because they take up zero real-estate on our pages and components. No need to mess around […]
User Interface
20 posts
There’s nothing more frustrating to users of a web product than to be left in the dark. I have written before about the various states a page should reflect so that the person interacting with the product knows something is happening and why. Notification messages or alerts help us provide […]
As a web application consultant, I often get situations presented to me by my clients, asking what is the best way to handle UI presentation for users with improper permissions? For example, if a user does not have the authority to create, edit, delete, or change something on a web […]
I once worked on a modal dialog for a client, where I needed to show three menu dropdowns. These dropdowns were supposed to have data selected by the end-user before enabling a submit button and closing the modal. However, nothing in the specs defined the state of the data in […]
Accessibility (A11y) is hard. There’s no debate on that one. Making it easier for people hard of seeing is no easy task on a web project. You have many scenarios to take into account, like real-life testing and determining whether some of the features should offer an alternate “more accessible” […]
I have been using JavaScript (JS) framework of sorts since 2013. I started with jQuery, which boosted my efficiency and productivity significantly when JS was in its infancy. Back then, it was hard to code something quickly without using a bunch of boilerplate or having to account for browser inconsistencies […]
Storybook.js is a user interface library explorer tool. It helps build, test, and organize custom components. The tool works well with vanilla JavaScript and the most popular frameworks; Angular, React, Vue. Once established, the Storybook tool will serve as a full-blown explorer of your UI library. It will organize your […]
I am an avid video game player. Since my early teens, I have thoroughly enjoyed playing games with great mechanics, superb animation, and smooth increases in difficulty. Interestingly enough, the one visual aspect of all these video games that I rarely notice is the user interface (UI). It disappears. You […]
Putting together a UI library with a set of components that resemble LEGO blocks is the main goal in many of my web projects. And just like my article about style guides, having a consistent set of pieces available will speed development and give confidence that feature extensions will conform […]