Devenet Devenet

Liens en vrac

Quelques 360 marque-pages glanés pendant ma navigation sur le Web.

Using border-image to apply and overlay gradient

https://frontendmasters.com/blog/quick-trick-using-border-image-to-apply-and-overlay-gradient/

Il est possible d’utiliser la propriété CSS « border-image » pour facilement ajouter un fond sur une image et faciliter le contraste avec le texte.

.overlay {
 border-image: fill 0 linear-gradient(#0003,#000);
}

2024-07-11

The eight golden rules of interface design

https://www.cs.umd.edu/~ben/goldenrules.html

1. Strive for consistency.
2. Seek universal usability.
3. Offer informative feedback.
4. Design dialogs to yield closure.
5. Prevent errors.
6. Permit easy reversal of actions.
7. Keep users in control.
8. Reduce short-term memory load.

2024-01-11

E-mails HTML modernes : en finir avec les tables

https://www.teotimepacreau.fr/blog/emails-html-modernes/

« Nous prenons en compte seulement les clients Apple Mail, Gmail et Outlook qui couvre ainsi 90 % des lecteurs de mails dans le monde. Nous utiliserons des règles CSS/HTML supportés à minima part 70 % de tout les clients mails. »

Plus besoin d’utiliser des <table>, les <div> sont bien supportées. Les styles sont préférablement en “inline”, car en cas de transfert le <style> est supprimé.

2023-12-15

Can’t unsee

https://cantunsee.space

“A game where you need to pick the design that is most correct. Test your attention to details!”

• Score: 7580
• Rank: platinum (top 5%)

2023-09-18

Firefox address bar tips

https://wiki.tilde.institute/w/firefox-address-bar-tips

^    to search for matches in your browsing history.
*    to search for matches in your bookmarks.
+    to search for matches in pages you’ve tagged.
%    to search for matches in your currently open tabs.
#    to search for matches in page titles.
$    to search for matches in web addresses (URLs).
?    to search for matches in suggestions.

2023-07-11