197 private links
- 3D flow diagram for relationships and connections
- Card Diagram to highlight and select information or data in relation to its surrounding data and information
- Pyramid graph: Being great at showing two categories of information and comparing them horizontally, they are an alternative to typical horizontal or vertical bar graphs.
Pyramid graph - Sankey Flow Diagram: show the progression and the journey of information and data and how they are connected in relation to their data value.
- Stream graph: a great way to show the data and how it relates to the other data
- Tree map: It’s a great way to show the data spatially and how the data value relates, in terms of size, to the rest of the data.
- Waterfall chart: showing the data and how it relates in a vertical manner to the range of data values.
- Doughnut chart: show the data against the other data segments, and value within a range of data.
- Lollipop chart: excellent method to demonstrate percentage values that also integrates the label and data value well.
- Bubble Chart: illustrate data values in terms of size and sub-classification in relation to the surrounding data.
Start with the first chapter Foundations
Build HTML first, then CSS, then JS.
Building your service using progressive enhancement will:
- ensure your service is robust and of a high quality
- make it more likely your service will work regardless of which browser or device is being used
- mean your service’s most basic functionality will work and meet the core needs of the user
- improve accessibility by encouraging best practices like writing semantic markup help users with device or connectivity limitations to use your service
and arguments against SPA.
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