search help
store
feedback
feed

Archives 1 avril 2010news

Un dico des sigles du social

En ce moment je bosse sur un petit dictionnaire des sigles de l'action sociale
si vous n'avez que 90 secondes pour découvrir le projet, regardez la petite vidéo ci dessous

[youtube=http://www.youtube.com/watch?v=VfPOn1470jI]

vous pouvez aussi voir le site à cette adresse http://glossairedusocial.fr/

help

Des outils pour harmoniser les couleurs de son projet web

Hier,une amie a retwitté le message d'une personne  à la recherche de jeu de couleurs pour son site, le temps que je retrouve deux trois liens pas mal dans mes favoris  , le cerveau collectif avait proposé une solution. Cependant, afin de ne pas avoir cherché pour rien, je vous pose les liens vers ces site ici.

il est vrai qu'au  moment ou on lance un projet graphique, il est judicieux de choisir une palette de couleur harmonieuse.

plusieurs  sites proposent des palettes à réutiliser.

  • Paletteman.com existe depuis bientôt 10 ans,et a été entiérement repensé récement.
    il propose une vingtaine de palettes de 4 couleurs. ces palettes peuvent être assombries, éclaircies, ou éditées manuellement.
  • Colorblender.com propose pour sa part, de créer un nuancier à partir d'une couleur définie en RGB ou en HSV
  • Colourlovers.com propose 1 plus d'un million de palettes de couleurs avec un classement par date de publication, vote des visiteurs commentaire, tout cela par jour, mois et année, une sorte de web social de la colorimétrie ;o)
  •   Color Palette Generator et Colorhunter.com   enfin  vous proposent de créer une palette de couleurs automatiquement à partir d'une Photo, une bonne idée quand on a une banque d'image et qu'on souhaite s'en inspirer pour son site.
  • (Edit du 22/04) suite à un message de TweeterPan (qui était à l'origine de la demande sur twitter) j'ajoute à ma liste Colorschemedesigner.com  qu'il a finalement choisi et qui propose 6 modes de complément colorimétriques, un ensemble de filtres pour des déficients visuels, la prévisualisation des modèles de couleurs sur des modèles de page web sombre ou claire, et l'export des palletes aux formats hexadecimal (pour le html et les css) et Photoshop. bref à première vue la Rolls de la couleur sur le web, à tester.

En complément

    En lien avec ses site et la tématique du choix de couleur, vous trouverez  un Cercle Chromatique Accessible en cliquant ici, celui ci vous permet de tester un couple couleur de police de caractère/couleur de fond en simulant le handicap visuel de personnes soufrant de deuteranopie, de protanopie ou de tritanopie (les définitions sont disponibles sur le site je vous rassure). c'est très instructif, en particulier si on souhaite que son site soit facillement lu par le plus grand nombre.

    Enfin, parce qu'un peu d'auto promo est bienvenue, je vous renvoie à cet article sur la conversion Pantone RVB

    Optimiser ses fichiers PDF pour le référencement

    De plus en plus de sites proposent de télécharger des documents au format PDF, pour leur part les moteurs de recherche référencent aussi le contenu de ces documents.

    quelques petits reflexes avant la mise en ligne d'un document peuvent permetre d'en améliorer le référencement.

    • Pensez à donner un titre au format texte (pour que le moteur puisse les récupérer),
    • Donnez un nom compréhensible au fichier (rapport-activites-2010.pdf sera plus parlant que document-2.pdf)
    • Dans le même esprit, si le document fait plusieurs pages, essayez de proposer une table des matière qui facilitera le référencement
    • Essayez d'optimiser la taille du document, pour l'affichage et le téléchargement pour Internet (Adobe Acrobat, et certains autres logiciels libres comme pdf creator ou gratuits comme primo pdf proposent des options pour cela)
    • Enfin modifiez les informations liées à votre document PDF : par défaut à la création d'un fichier pdf, des informations lui son associées : son titre, le nom de son auteur, celui du logiciel qui l'a créé) Vous pouvez optimiser ces informations et ajouter une description et des mots clef qui faciliteront le travail des moteurs de recherche, et l'exploitation des résultat par vos utilisateurs. pour cela on peut utiliser le freeware pdf  infos dont voici un rapide aperçu du fonctionnement

    Une fois le logiciel installé et lancez, ouvrez un ficher en cliquant sur le bouton [OPEN]
    Les informations disponibles s'affichent  dans les diférent champs.

    • File name - Nom du ficher - (non modifiable)
    • PDF version - Version du format Pdf utilisée - (non modifiable)
    • Author - Indiquez ici le nom de votre structure ou de votre site
    • Title - Titre du document, (choisissez un titre explicite comme pour la balise title d'une page Web)
    • Subject - Sujet du document , (Résumez en quelques mots ce dont traite votre page)
    • Keywords - Mots clef de votre documents
    • Creator - Nom du logiciel ayant servi à la création du fichier original (optionnel)
    • Producer -Nom du logiciel ayant servi à la création du PDF (optionnel) 

    Une fois vos informations saisies, cliquez sur le Bouton [SAVE] pour sauvegarder les modifications

    Votre fichier est prét à être expédié sur votre site et référencé par les moteurs.

    Pour plus d'informations

    news

    Tester ses pages sur plusieurs navigateurs

    L'une des des taches quotidienne des développeurs et les graphistes web est de s'assurer du rendu et de la compatibilité de leurs créations sur les différents navigateurs web.
    en effet, par soucis d'amélioration de leurs produits (ou pour tenter d'imposer des fonctionnalités perceptibles de leurs assurer de nouvelles part de marché), Il apparait souvent qu'une page n'as pas le même aspect (ou qu'un script javascript ne fonctionne pas de la même manière) sur un  navigateur ou un autre.
    bien sur, au fil du temps, il semble que le respect de règles communes apparaissent rendant les navigateurs plus uniformes dans leur fonctionnement.

    La famille Internet explorer en particulier réserve souvent des surprises par rapport aux autres navigateurs, c'est pourquoi certains logiciel permettent d'installer plusieur version d'IE en parallèle sur une même machine.

    Si par exemple, vous utilisez IE dans sa version 7 ou 8, vous pouvez installer : Les versions 3 à  6 de ce navigateur grâce à Multiples IE

    sur le même principe Internet explorer collection propose les version 1 à 8 de IE pour tester votre site 

    IE Tester (toujours en version Alpha)permet au utilisateur de XP, Vista et Seven de tester les version de IE dans une même fenêtre.

    pour sa part le site Xenocode/Sponn.net  vous permet de charger dynamiquement (sur tout PC equipé de windows) les navigateurs les plus courants (IE,Firefox, Chrome,Safari,Opera) sur Xenocode webapps

    Enfin, il est intéressant de connaitre les navigateurs les plus utilisés par les internautes afin d'être capable d'optimiser son site pour une majorité d'utilisateurs, Statcounter, propose des statistiques globales  d'utilisation de navigateur sur cette Page

    help

    Insérer un bouton de vote Blogonet sur votre blog Blogspot

    Si  votre blog est inscrit au classement Blogonet vous avez la possibilité  d'ajouter un bouton de vote comme celui présenté ci contre   à la fin de chacun de vos articles.
    Si vous vous utilisez Blogspot ou Blogger, et que vous utilisez le code html proposé sur le site, vous risquez cependant de lnepas voir apparitre le bouton de vote, celui ci étant généré avec deux paramètres :

    • l'URL de l'article
    • et le paramètre image.

    Pour inclure inclure ce bouton de vote je vous propose donc le petit code suivant qui à première vue fonctionne bien.

    pour installer le bouton, suivez la procédure suivante:

    • dans le tableau de bord de votre blog, rendez-vous à la page Mise en page - Modifier le code HTML
    • dans la rubrique modifiez le modèle, cochez la case
    • faites défiler le modèle jusqu'à la ligne :
    • et juste avant incluez les lignes suivantes :
    1.   

    • Enregistrez le modèle,
    • Visualisez le blog, et vous avez un bouton de vote sous chacun de vos articles...
    • vous pouvez voir le résultat de la manipt sur le blog  Mon avis t'intéresse

    bien sur un petit clic sur le bouton vote de ce post est bienvenu ;-D

    copyright
    Bear
    feed