Des trucs sympa qu'on peut faire en CSS
Cette checklist est un point de départ pour concevoir un produit accessible. Elle vous aidera à améliorer l’expérience utilisateur des personnes en situation de handicap.
Des icones vectorielles libres de droit
You can use “-webkit-line-clamp” property to truncate the text to the specific number of lines. An ellipsis will be shown at the point where the text is clamped.
Il y a plein de choses à faire pour que les polices d'une page web se chargent proprement.
Soit une colonne centrale.
Comment afficher un bloc sur toute la largeur de l'écran ?
Quelques principes pour rendre un graphique en barres accessible.
Il y a plein de choses à prendre en compte :
- contrastes
- couleur seule ne peut pas porter l'information (il faut une forme en plus)
- légendes
- échelle
- résumé
Un outil à installer sur Mac, Linux ou Windows pour tester un site avec plein de device différents, avec scroll synchronisé
Minimal snippets for modern CSS layouts and components
Un site qui montre comment faire avec des CSS modernes
Using padding-top
.container {
width: 100%;
padding-top: 56.25%;
}
Using aspect-ratio
.container {
width: 100%;
aspect-ratio: 16 / 9;
}
Méthode moderne pour faire des cards Responsive en HTML/CSS
Faire une palette de couleurs accessible à tous est nécessaire pour garantir une consultation de votre site web dans le maximum de contextes (en particulier au soleil avec un mobile, ou dans le train).
Cet article décrit une méthode pour créer une palette accessible à partir de 2 couleurs contraintes.
on peut désormais utiliser loading="lazy" sur les iframe avec Chrome
Une charte des Appels d'Offre pour rémunérer les design demandés dans l'AO.
Tout travail mérite salaire.
De belles astuces CSS avec les sélecteurs.
margin-inline-start: 1em; pour avoir une marge qui dépende de l'orientation d'un texte (selon la langue).
Brillant !
Utiliser des polices sur son site web en respectant la vie privée de ses visiteurs, c'est non seulement possible, mais souhaitable.
Au passage, quelques liens vers des sites de polices de caractères open source.
Un outil pour fabriquer facilement des Clip-path (découpe d'un bloc CSS)