Le « principe de proximité » est un concept issu de la Psychologie de la forme (Gestalt) qui énonce que le cerveau a tendance à regrouper des éléments qui sont placés à proximité pour former un ensemble cohérent. Des éléments placés côte à côte sont perçues comme des éléments ayant un rapport entre eux. Ils forment dans notre esprit des sous-ensembles qui vont alors fonctionner comme un tout. Pour appliquer ce principe de proximité dans le cadre de la conception d’un site web, on rassemblera les éléments qui partagent un destin sémantique commun au sein d’un ensemble visuellement identifiable.
Le blog de l'intégrateur web
CSS Color Editor remplace automatiquement les couleurs dans vos CSS
CSS Color Editor est une application en ligne qui permet de modifier légèrement ou radicalement votre palette de couleurs en trois étapes : indiquez l’emplacement de votre fichier CSS ; modifiez les anciennes couleurs grâce à un Color Picker complet et intuitif ; téléchargez le fichier CSS modifié. Voulez-vous en savoir plus ?
CleverCSS — Mettez un Python dans vos CSS
CleverCSS est une manière de produire des CSS inspirée par le langage de programmation Python : les accolades sont remplacées par l’indentation des différentes règles CSS et les déclarations sont introduites par le signe deux-points. Jusque-là, rien de bien fou, mais CleverCSS ne s’arrête pas à l’économie de quelques signes et propose de nombreuses améliorations à CSS : de l’optimisation de la syntaxe à l’utilisation des constantes en passant par le calcul sur les valeurs, y compris les couleurs. Voulez-vous en savoir plus ?
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 : Voulez-vous en savoir plus ?
HTML5 — Une orientation encore trop « littéraire » et pas assez « web »
Dans HTML5, il manque quand même la balise
. Ce début de réflexion que je partageais sur Twitter m’est venu en lisant les panier pour aller avec articletables de la loi spécifications de HTML5, notamment la partie semantics. Là, j’ai eu comme une révélation : Les balises HTML et surtout HTML5 sont orientées vers les contenus littéraires (dialog), le monde de la presse (article) et les publications à caractère scientifique (section). Voulez-vous en savoir plus ?
10 conseils pour améliorer votre feuille de style CSS « print »
Les feuilles de style réservées à l’impression sont souvent oubliées alors qu’elles offrent de grands services pour tous ceux qui impriment les pages web pour les consulter plus tard ou simplement pour avoir une meilleure lisibilité si les pages présentent des fonds torturés. Voici l’essentiel en 10 trucs et astuces pour créer une feuille de style CSS réservée à l’impression. Voulez-vous en savoir plus ?
Calcul du PageRank
Le PageRank n’est plus ce que c’était. Autrefois (il y a deux ou trois ans), le PageRank servait de référence absolue pour situer rapidement un site web. Aujourd’hui, les classements ont pris le relais et j’avoue ne plus en tenir compte dans mon surf quotidien : j’utilise Google Chrome et je n’ai pas d’indicateur pour afficher le PageRank des sites que je visite. Voulez-vous en savoir plus ?
Du vert et du fuschia pour mon ancien thème Dotclear !
En surveillant mon e-réputation, c’est au détour d’une interview parue sur Pixenjoy que je suis (re)tombé sur une capture d’écran d’octobre 2007 d’une ancienne charte graphique. Ça fait un peu mal aux yeux mais je me souviens avoir eu de nombreuses opinions favorables à l’époque (si, si, c’est vrai) ;) Voulez-vous en savoir plus ?
Genfavicon — Générateur de favicon
Genfavicon – Un favicon est une image miniature qui prend place devant l’URL du site consulté dans IE8 ou Firefox et/ou dans les onglets de Google Chrome. Ils sont pratiques pour identifier les sites web que vous consultez lorsque plusieurs onglets sont affichés. Pour réaliser un favicon, n’importe quel éditeur d’image peut faire l’affaire. Toutefois, un générateur d’icônes comme Genfavicon vous permettra de gagner du temps en autorisant le recadrage d’une image distante à partir de son URL ou depuis votre poste de travail. Voulez-vous en savoir plus ?
Commentaires récents