350 icones en teintes de gris.
Un outil MacOS pour connaître tous les raccourcis clavier disponibles sur MacOS.
Outil qui marche sous Windows, Mac et Linux pour analyser l'accessibilité d'un contraste.
Tout ce qu'il faut savoir sur le float des CSS !
Pour vérifier l'accessibilité d'un contraste de couleurs pour du texte. Conseil : le régler en AAA car à cause des terminaux utilisés en mobilité, on a besoin plus souvent d'un grand contraste.
Optimiser une image PNG peut être subtil !!!!
Sur Mac, les fichiers .DS_Store sont des petites cochonneries qui se mettent un peu partout. Ces fichiers servent à mettre en cache le contenu de vos répertoires donc peuvent représenter un intérêt si vous êtes un gros utilisateur de Finder.
Pour tester les effets de variation vitesse que l'on peut appliquer à un déplacement en CSS3
Les contrastes de textes sont un élément essentiel d’accessibilité des sites internet. Un choix judicieux permet de garantir une lisibilité maximale aux personnes ayant un handicap visuel permanent (déficience visuelle, etc.), temporaire (fatigue, écran de mauvaise qualité, etc.)… et toutes les autres.
Un outil pour valider et optimiser le HTML des emails
Un menu avec un effet semi opaque.
Taille des photos des profils et des pages Facebook - Photo de profil : 180x180px, réduits à 128x128px - Photo de couverture : 851x315px - Photo partagée sur le journal : 404x404px - Photo mise en avant sur le journal : 843x403px - Photo d'évènement sur le journal : 843x403px Taille des photos des pages Facebook - Aperçu de page personnalisée (onglet) : 111x74px -* Couverture de page personnalisée : largeur de 810 pixels.
Vous ne connaissez pas l'accessibilité ou en avez juste entendu vaguement parler ? Avant de vous lancer dans une expertise complète, vous vous demandez s'il ne serait pas possible de vérifier vous-même, vite fait, le niveau d'accessibilité de votre site ?
Toutefois, il est possible d'interdire cette possibilité, et de plusieurs manières : - via un méta-tag : , - via un entête PHP : header('X-UA-Compatible: IE=edge');, -* ou soit directement dans un htaccess via header set X-UA-Compatible "IE=Edge".
Outil pour geler une partie d'une vidéo et ne garder qu'une zone animée.
Une invitation à faire du Responsive Design (Design adaptatif) non pas en fonction de mobiles particuliers, mais selon des points de rupture (là où le design devient laid).
Regarder à partir de quel endroit le design devient bancal pour, à cet endroit-là, introduire un point de rupture — et hop, une media query.
Le line-height est une propriété de base très importante mais trop souvent mal utilisée. En fait, elle est très souvent ignorée, ou bien définie approximativement parce qu’elle concerne l’espace qu’occupe le texte. Et visuellement, le texte est difficile à mesurer. Néanmoins, le line-height est essentiel au confort de lecture ainsi qu’à l’équilibre spatial d’une page web.
Des formes vectorielles pour graphistes
Une bien jolie police de caractères avec pleins de variantes