222 private links
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.
Réalisé par l'Arcep, il regroupe des critères formulés en questions sur des thématiques. Le critère est accompagné d'un niveau d'impact et d'une fiche pratique est associé afin de mettre en oeuvre et de tester ledit critère.
A website that embraces Brutalist Web Design is raw in its focus on content, and prioritization of the website visitor.
A website is about giving visitors content to enjoy and ways to interact with you.
Guidelines:
- Content is readable on all reasonable screens and devices.
- Only hyperlinks and buttons respond to clicks.
- Hyperlinks are underlined and buttons look like buttons.
- The back button works as expected.
- View content by scrolling.
- Decoration when needed and no unrelated content.
- Performance is a feature.
The only limitation of brutalist web design is that it is designed for content and not interactions. So this design method does not fit dashboards of real-time data for example. Am I missing something here?
I appreciate the guidelines that can be reused on every usable and accessible website or applications.
A quickstart tip:
Start with left-aligned black text on a white background, and to apply styling only to solve a specific problem
and more tips:
- Understand the semantic meaning of HTML elements.
- Learn about typography.
- Try designing for a small screen by default.
- Learn from designers about their choices and why they made them.
- When in doubt, do what Tron does: fight for the users.