371 private links
Using Escape has some limitations:
- it stops the browser from loading pages
- Escaping performs other functions in the operating system
- Pressing Escape isn’t considered a user interaction:
And Esc is the only keyboard key that doesn’t count as user interaction for the purposes of transient activation.
Why other alternative keys (^ Ctrl, ⎇ Alt, ⌥ Option, ) are not better, because they have tradeoffs.
⇧ Shift is also better. It has also limitations though.
About the EtP pattern what is the EtP pattern?
We would’ve also liked to have had the button overwrite or erase the user’s recent browser history, but we can’t do that either. (And for good reason!)
Why redirect the user to BBC weather?
As civil servants, we didn’t want to link to a news service as that could lead to claims of political bias.
BBC Weather’s homepage is a content-rich page. Users have a reason to be looking at it and to be looking for an extended period of time.
Give users a way to quickly and safely exit a service, website or application.
An example of safety content page that describes how the user can be safe online: Ways to stay safe online.
An example on domestic abuse report but notice they use the Escape key.
Let's call it the EtP pattern.
(via the blog post https://beeps.website/blog/2024-10-09-why-govuk-exit-this-page-doesnt-use-escape/)
Using monospace fonts to design based on the ch unit.
Background: https://wickstrom.tech/2024-09-26-how-i-built-the-monospace-web.html
Wow les réalisations sont inspirantes. Simples et claires.
Elle est toutes les bibliothèques que j'ai connues, ce que j'y ai trouvé de mieux et ce que j'aurais aimé y construire. Bref, La bib' est la bibliothèque de mes rêves, quand je rêve du coin de la rue.
Nice resources about accessibility on the web
The writing and designing guidelines for the Australian Government.
The challenges of creating accessible products often lead to innovative solutions that benefit all users, pushing the boundaries of what's possible in design.
A color palette
It could be nice for the #pses website
Oui, ce logo me semble bien meilleur
Pour le menu, plaçons le sur une page dédiée,
Pas con: si toutes les pages sont légères et mises en cache, alors la navigation sera tout aussi fluide. Le menu peut très bien être une page en lui-même.
Thoughtful designers lead visitors not only to the answer to their question but to better questions as well.
Rigid hypertext is streetscape and corporate office: simple, orderly, unsurprising. We may find the scale impressive, we admire the richness of materials, but we soon tire of the repetitive view. We enter to get something we need: once our task is done we are unlikely to linger. We know what to expect, and we rarely receive anything more.
The blog of the developer of https://a.singlediv.com/
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.