228 private links
Nice project
Un dashboard d'accessibilité reprenant un bon paquet d'outils. C'est bien fait, complet, et ça rend la démarche d'accessibilité approchable
The way it is written is smart 👍
.hover-1 {
--h: 1.2em;
line-height: var(--h);
color: #0000;
text-shadow:
0 calc(-1*var(--_t, 0em)) #000,
0 calc(var(--h) - var(--_t, 0em)) #1095c1;
overflow: hidden;
transition: .3s;
}
.hover-1:hover {
--_t: var(--h);
}A floating possum flying through the window 👍
I like the theme picker here :D
Instead, we can mix 3 or 4 designs together to create something unique. For example, maybe I’ll take the color scheme from one site, the general layout and spacing from another, and the typography styles from the third!
When I’ve mentioned this strategy to actual designers, they laugh and say that it’s what they all do. I think this is their version of the “joke” that programmers spend half their time googling things.
A collection of UI patterns from different libraries. It shows their similarities!
Skeuomorphism relies on real-world aesthetics to make the UI intuitive and familiar. The app logo of YouTube on iPhone was a TV for example.
Flat and Material design has dominated the web UI landscape since the early days of responsive design
The dream of a more tactile-looking 3D web UI lived on, and it resurfaced in 2020 as Neumorphism.
A mix of Skeumorphism and Material Design.
Neumorphism also has serious accessibility flaws. The poor contrast made the UI unusable for users with poor vision or color blindness, and it’s difficult to perceive visual hierarchy if the effect is overused. Moreover everything, including cards and other non-interactable elements, looks like a button.
Claymorphism builds on top of Neumorphism foundations. Although both use rounded corners, they differ in how they use backgrounds and shadow.
A library to create fancy animations on the web.
It uses a Lottie file under the hood.
A Lottie is a JSON-based animation file format that allows you to ship animations on any platform as easily as shipping static assets.
Listed advantages of the website:
- small file size
- infinitely scalable (based on SVGs)
- multi-platform support and libraries
- interactivity
It is used by Duolingo, animated stickers on Telegram
Funny to see.
I ike the one with the DVDs :D
L'UI de ce service mail à l'air excellent
- Use color and weight to create hierarchy instead of size
- Don’t use grey text on colored backgrounds
- Reduce the opacity of white text
- Hand-pick a color that’s based on the background color
- Offset your shadows
- Use fewer borders
- Use a box shadow
- Use two different background colors
- Add extra spacing
- Don’t blow up icons that are meant to be small
- Use accent borders to add color to a bland design
- Not every button needs a background color
Ok, donc le but du jeu est de réussir à remplir le formulaire.
Combo over 9000 pour la difficulté