Un outil pour concevoir des ombres avancées sur une boite.
Un site avec des milliers d'exemples d'emails avec une mise en forme de qualité. Une source d'inspiration !
Pouvoir flouter une image derrière un bloc, c'est désormais possible presque partout dans le web (Firefox manque encore à l'appel)
Les carrousels, sur le web, ça ne marche pas, sauf si on laisse l'utilisateur faire ce qu'il veut et qu'on lui en donne les moyens ! (article en anglais, mais y'a des images)
De l'art de produire une image d'attente pour un site web (en attendant que l'image originale soit chargée).
Comment mettre en place les section dans son HTML de manière intelligente ?
Résultat d'un sondage sur les technologies CSS. L'occasion d'en découvrir certaines...
Faire des formes triangulaires en CSS
Bonnes pratiques pour intégrer des images SVG dans une page web de manière accessible.
Du bon usage des polices pour le web
Un exemple de faux placeholder pour un select. Très esthétique !
Un comparatif de 27 sites fournissant des images libres de droit (en anglais)
Un site dédié au daltonisme qui donne des exemples de ce qui marche ou marche pas pour eux sur des sites web ou des applications
Problèmes communs en CSS et leurs solutions
1h de vidéo pour apprendre comment se passe le traitement d'image et quels sont les traitements qui changent la couleur ou pas. Passionnant et très technique !
Voici donc une technique originale : le détourage par contraste. Cela consiste à créer un masque de calque initialisé avec une copie du calque en niveaux de gris. Ainsi le calque se masque lui-même. Il ne reste alors qu’à utiliser l’outil Niveaux pour forcer le contraste, pour que le fond devienne noir et le premier plan blanc avec un peu de nuances entre les deux.
Un outil en ligne pour détourer automatiquement une personne.
Centré ou pas centré ? Un petit jeu de design pour voir que ça n'est pas toujours facile de voir.
Un menu déroulant accessible pour le RWD
Cet outil peut être utilisé afin de générer des valeurs pour la propriété border-image