203 private links
A comparison of 31 UI frameworks. 3 criteria were used.
Both work in this case but "proceed" might make more sense, it can imply an action afterwards or interconnectedness—it basically means here "continue with these settings". "Confirm" can be read as more final and cut off, it doesn't necessarily imply how the steps are interconnected or if there is an action, if that's the case, it essentially just means "do you agree to these settings?"
An example of linktree
KISS
A simple StartPage built for custom needs
Make a UI for it
A way to render the highlighted blocks (Tip, Note, Important, Warning, Caution) following the proposal of https://github.com/orgs/community/discussions/16925
:has has a lot of possibilities with drag'n'drop. Here the developer uses 3 items: mushrooms, potions and .
For example: dragging some items to make parts of the site grow. https://lynnandtonic.com/assets/images/thoughts/case-study-2022-mushroom-header.mp4
See https://lynnandtonic.com/assets/images/thoughts/case-study-2022-david-rose.mp4 for more real interactions.
A potion adds color: https://lynnandtonic.com/assets/images/thoughts/case-study-2022-home-potions.mp4
Create an accessible <marquee> tag
How to log performance information client-side.
Either a <table> or a grid layout?
Using an object model helps while designing some web pages or content.
An object in a web project is something that has structure, instances, and purpose. Instances are all the specific occurrences of an object.
An instance of the object link can be "When to choose a progressive web app".
So, as we make our user experiences more object-oriented, we also make them more intuitive.” - Sophia Prater, ooux.com.
With this practice, 4 unintuitive objects are identified. The author use the example of a zoo website and they are:
- isolated objects: they are disconnected from related objects. The penguin animals are not related to the demos and habitat from the list of all the animals. The habitat is also included on the map view of the zoo, but there are no links to the Animal or the demo on this map view either.
- broken objects: ones that are not directly manipulatable. Demos are useful to show events to the user. As someone who would like to attend the penguin demo, I want to click on an individual demo to see more details, but it is not possible.
- masked objects: styled to look the same, but are actually different. On the DisneyPlus web view, there is no way to differentiate between a series or a movie. As you want to see a movie (one shot) instead of a series (multiple shots), you have to check on the detailed view in a panel.
- shapeshifter objects: opposite of masked ones, they are styled to look different, but are actually the same. Date formatting, links, and so on should look and behave the same across the website or the experience platform. They have to be consistent.
When to use a GUI Toolkit, is it more native than the web? It means some criteria the author defines. Also what level of WCAG conformance can someone hope for?
The 4 examples are from the WAI, Deque, U.S. Web Design System et Tommy Feldt.