La roue chromatique et son cortège de couleurs primaires et secondaires est un outil très prisé par les graphistes et les web designers. Elle permet — à partir d’une couleur donnée — de créer des palettes de couleurs harmonieuses : couleurs analogues, complémentaires, complémentaires isocèles, triadiques ou tétradiques. Toutefois, la beauté de cette roue chromatique ne doit pas nous empêcher de poser des questions existentielles sur la théorie des couleurs et le fonctionnement de leur perception par notre cerveau.
→
Archives des tags : écran
Webdesign, lisibilité, typographie et rédaction web
Une grande partie des notions relatives à la lisibilité des contenus sur les écrans date des débuts du web. Dès 1997, Jakob Nielsen déclarait que la lecture sur écran était 25% plus lente que sur le papier. Depuis cette époque, la technologie n’a cessé d’évoluer et la qualité des écrans et des polices de caractères va dans le bon sens. Il est temps de se poser des questions sur la lisibilité des caractères, le sens de lecture d’une page, les valeurs optimales pour le corps des textes et leurs interlignages, le nombre de fontes que l’on peut utiliser dans une page, et la rédaction pour le web. →
CSS3 Media Queries en Javascript pour les vieux navigateurs
CSS3-MediaQueries-JS est une bibliothèque Javascript qui permet d’utiliser les Medias Queries dans IE 5+, Firefox 1+ et Safari 2 — Firefox 3.5+, Opera 7+ et Safari 3+ étant nativement compatibles avec cette propriété CSS3. Les Medias Queries offre un mécanisme pour isoler certaines propriétés ou pré-requis techniques pour appliquer aux agents utilisateurs correspondants une déclaration ou une feuille de style CSS spécifique. →
Il y a de la vie en dessous de 600px
Dans un contexte de webdesign, le fold fait référence à la partie supérieure de la page web qui apparait sans que l’on fasse défiler la page vers le bas. C’est une valeur relative à la taille de l’écran que l’on fixe généralement à 600 pixels en prenant la résolution d’écran `1024 x 768` comme taille standard (on retranche les pixels occupés par la barre d’outil du navigateur). Avec l’arrivée massive des NetBooks, j’ai même tendance à placer le fold à 500 pixels. Or, si le fold est une réalité, il ne faut pas hésiter à placer du contenu important sous cette barre des 600px. L’essentiel est que le visiteur ait trouvé des informations au-dessus qui l’encouragent à continuer sa lecture. Comme vous n’êtes pas obligé de me croire sur parole, je vous laisse avec Paddy Donnelly et sa très belle page Life below 600px : →
Connaitre la taille du « viewport » en Javascript
Get viewport size (width and height) with javascript — Parce qu’il est parfois utile de connaitre la largeur et la hauteur disponible dans la fenêtre du navigateur.