After looking at the available options I definitely prefer number 2 in the list above: the name of the language as text in the language itself, possibly followed by the name of the language in the language of the current page.

After thinking about it, this is what is the most explicit, even if it is not shiny 👍‍

Do not use flags to represent languages. Explications are provided in the article.

TL;DR; Use hsl isntead of RGB to create a gradient. This will avoid a grey zone. But using hsl is not available in CSS for now, so we can use a linear-gradient from a multiple of colors instead. Each color have to be similar to its neighbors... and it works !

and here the tool: https://www.joshwcomeau.com/gradient-generator/

The collaborative library of tips among design professionals. Share and learn from your peers.

I will wander around this site in my spare time and learn a few things here and there :)

A source of information about accessibility

Why even use shadows ?

Shadows imply elevation, and bigger shadows imply more elevation. If we use shadows strategically, we can create the illusion of depth, as if different elements on the page are floating above the background at different levels.

Here's the first trick for cohesive shadows: every shadow on the page should share the same ratio. [...] To ensure consistency, each shadow should use the same ratio between these horizontal and vertical offsets.

By matching the hue and lowering the saturation/lightness, we can create an authentic shadow [same color style] that doesn't have that “washed out” grey quality.

Ideas are:

1. Creating a cohesive environment by coordinating our shadows.
2. Using layering to create more-realistic shadows.
3. Tweaking the colors to prevent “washed-out” gray shadows.

I will think about it the next time I will have an interface to build.

Haikei is a web app to generate unique SVG shapes, backgrounds, and patterns – ready to use with your design tools and workflow.

Create blob svgs 👍

Carefully chosen color palettes.

The menu "Composing a palette" and "Understanding the scale" helps

A website prototyping tool. Similar to Figma as far as I know.

Different useful tools: triangle generator, color shades generator, gradient generator, page dividers, svg to jsx, svg compressor, base64 encoding, fake data generator, symbols collection, lorem ipsum, css cursors, keyboard events codes.

under the MIT licence.