200 private links
A list of SQLite GUIs
https://observablehq.com/documentation/cells/data-table
https://dbeaver.io/ / https://www.dbvis.com/
A firefox browser extension "SQLite Manager" https://addons.mozilla.org/en-US/firefox/addon/sqlite-manager-webext/
A rating UI pattern with smileys: only built with HTML and css.
There are many approaches.
One solution is to set the color-schema CSS property color-scheme: light dark; then use the light-dark function.
But did you know that you can also set the
mediaattribute to conditionally load and apply CSS based on user preferences? Such asmedia="(prefers-color-scheme: light)"
This media attribute can also be set in JS too, in order to load the proper stylesheet.
Un outil alternatif à SNCFConnect pour connaître les horaires des trains, et des trajets possibles.
Le site fonctionne avec plusieurs pays, dont la France.
A progressive enhancement with view-transition
Create interfaces visually
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/)
You don't need to tell in the UI that X feature is amazing. People will see it.
You can however hint on the feature: you can do X.
Rule: Ellipsis in text should be avoided for actions
I go often for the state based version, based on component states.
Nearly all the state is handled in the view component.
Using monospace fonts to design based on the ch unit.
Background: https://wickstrom.tech/2024-09-26-how-i-built-the-monospace-web.html