Waayyy tooo coool checkboxes as switch

A collection of background effects.

Create a type similar to another existing type :O

* + * as known as the howl selector: targets all elements that have the previous same selector.

This selector is great because it has no specificity.

An alternative is *:not(:first-child)

Use types to enforce consistency.

Les Refinement Types sont des objets qui permettent de s'assurer de la cohérence des données en mathématique on appellerait ceci un sous-ensemble.

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/)

An example of linktree

Instead, it could be better to use:

• community pattern: everyone else is doing it. Everyone sees it they know exactly how and why it is there.
• readability pattern: created for the sake of making more readable code. The only true goal is writing code that anyone can reason quickly about.
• performance pattern: squeeze the code for maximum performance, and it can degrade readability.
• guardrail pattern: it exists to avoid known foot guns such as magic number

Often people see "best practices" as community, readability, or guardrail patterns. It is also time as professional that we use a richer vocabulary.

A list of patterns for better UX with AI. For example, the user has the choice to use a gender neutral AI, an explanation of the algorithms and opt-in or opt-out the use of AI.
It has 60 patterns at the moment.

A typical pattern describes the problem, the chosen solution, the rationale behind that solution, related patterns that the designer should be aware of, and other relevant details, such as the results of usability testing.– Jared Spool

I totally agree with it: I find composition a killer feature as it keeps the API of the component open.

Another background css pattern generator

Another one: https://patternizer.com/4rvv

Useful for flat design

A list of UI patterns