The UI is not free anymore and is removed from the community version

It's hard to have a good privacy nowadays

it looks good :D

Contre toute attente, chaque ligne de commentaire se termine soit par un "\n" ou un "\r".
En détaillant le contenu du PDF, les 5083 commentaires sont en fait 130 lignes de commentaires répété plusieurs fois au sein du fichier.

Quel est la cible?

An example of style guide for content

Example of usage of conic-gradient

An interactive gallery that demonstrated what's possible with just CSS gradients.

Things I want to do:

• Content related
  • Publish reviews of books/music/… in a cool sortable grid (example)
  • Publicly display global website statistics (example)
  • Create and regularly update a "uses" page (example)
  • Create and regularly update a "now" page (example)
  • List all emojis used on the site by frequency (example)
• Design related
  • Create an official coat of arms as the logo of your site (example)
  • An audible frequency graph that determines posting activity: example
• IndiWeb related
  • Have a guestbook page where people can send Webmentions to to sign it: example

TL;DR refers to the language selector checklist

In my experience, when asked to change a country or language, a vast majority of users will immediately head to the header of the page first, and if they can’t find it there, they’ll jump all the way to the bottom of the page and scout the footer next.

I find this rule true in my experience:

We can’t confidently infer users’ preferences without asking them first.
While polite nudging is reasonable, automatic redirects are not.

As a rule of thumb: let the user choose between language, country and currency.

For example, if you want to purchase sneakers on Adidas from Germany but deliver them to your friend in Poland, you need to be able to make sense of the Polish language when checking out.

Moneses shows two tabs in the right upper corner of the header. Users can switch between language and country, defining preferences for each separately. [...] We can allow users to customize further parts of the UI, from currency and auto-translation to units of measurement and date formatting.

Preferred customization:

• shipping location
• preferred currency
• units of measure
• time/date formatting
• time zones preferences
• level of experience

Modal windows are often dismissed. So, In the mock-up above [with a modal on the bottom right], the important content isn’t blocked by the modal.

• display most languages/countries in their local format . It avoids the assumption that the user needs to understand English.
• breaking options down by tabs, either horizontal or vertical ones
• provide users with poignant autocomplete suggestions. But Sometimes the fine-tuning of making autocomplete work for many different languages might be an effort way too underestimated and way too time-consuming.
• Use the globe or translate flags to indicate the choice of locales

On Atlassian, if the user with a different browser language preference enters the site, it suggests changing the language at the very top of the page, with a globe icon appearing there, too.

Some smooth checkboxes :)

Comparing common concepts of web frameworks daily usage.

For each concept, an example in the framework is provided.

Guess what happens if 100 kids draw monsters and 100 illustrators bring those imaginations to life? Probably something hilarious and very refreshing.

And there is a store

Kids draw monsters, then artists from all over the world recreate them in their own styles! We hope to help children recognize the power of their own imaginations and to encourage them to pursue their creative potential.

A curated gallery of patterns by awesome designers & illustrators

Typography, layout, color, patterns — vintage magazines provide an endless source of inspiration. If you’re up for some eye candy, the folks at Present & Correct have collected a selection of print design goodies over time.

All the searchable data are loaded into a json inside a script tag. The searchable content is made through title, url, date and content.
It uses 2.14MB used though :/ But no request

Inspiring me to do the same on my blog :)

Des idées de recyclages, d'éco-conception mises en pratique. Cela fait plaisir à lire.

I argued more and more about the utility for more than one skip link on some websites. Here a real use case example. This website has 3 skip links at the date of 2022-02-19 when you press tabs:

• Skip to main content
• Jump to all topics
• Jump to list of all articles

One point I find negative however: the last link "Jump to list of all articles" is redundant with the first link of the main menu, 2 tabs further. After thinking about it, this may be due to the versions for small displays that don't allow to navigate the menu with the keyboard o_0

I remember that in the case of this site, having two escape links seems quite practical:

• Skip to main content
• Jump to all topics → concerns the categories of articles on the site

Then by pressing tabs successively, we get to the main navigation.

So here is a site that demonstrates the usefulness of skip links with a nuanced example (2 examples of justified skip links, with another example of superfluous links).