Webtrospection » Support technique

Un fil d’ariane pour votre blog

Maxime — Fri, 06 Nov 2009 16:22:41 +0000

Pour faire suite à ma présentation des fils Ariane sur un site Web je vous propose aujourd’hui deux ressources qui vous permettront d’intégrer simplement ce système sur votre blog.

Pour commencer voici Breadcrumb NavXT, un plug-in simple d’utilisation et d’apparence discrète,
jBreadCrumbs quant à lui est un plugin qui permet d’afficher des fils d’Ariane avec effet d’accordéon horizontal, très esthétique.

A lire également

Lien permanent | Mots-clefs : Référencement, Wordpress

Les pendules à l’heure sur Wordpress

Maxime — Mon, 02 Nov 2009 15:47:47 +0000

Le changement d’horaire n’affecte pas que les vaches, il touche aussi de plein fouet les blogueurs étourdis. Tout le monde a pensé à bidouiller sa petite horloge, son téléphone portable, le tableau de bord de sa voiture et autres gadgets du quotidien (si ce n’est pas le cas vous avez juste quelques jours de retard d’avance de décalage avec tout le monde, bande de marginaux) … et qui s’est occupé de remonter la pendule de son blog ?

Vous ne savez pas comment procéder ? vous aviez peut-être tout simplement oublié ? Pas de panique, tonton Maxime est là et vous propose une méthode infaillible ! Même pas besoin d’installer un plug-in ressourcephage dis donc. Voici la marche à suivre :

Dans le panneau d’administration Wordpress, cliquez sur réglages puis général,
Dans Fuseau horaire, choisissez Paris (enfin si vous habitez en France bien sûr),
Enregistrez les modifications.
Et pis c’est tout.

Non, ne me remerciez pas, je vous assure ça me fait plaisir, vraiment !

A lire également

Lien permanent | Mots-clefs : Wordpress

Bug Wordpress : affichage du mauvais auteur d’un billet

Maxime — Thu, 13 Aug 2009 10:26:42 +0000

Après la dernière mise à jour automatique de Wordpress hier j’ai rencontré un souci inattendu concernant l’affichage de l’auteur d’un billet : les articles que je rédigeais étaient attribués à un autre auteur du blog.

Sous le titre de chaque billet j’affiche le nom de l’auteur, suivi de la date, catégorie(s) et mots-clés. Jusqu’à présent il n’était pas nécessaire de mettre en avant l’identification de l’auteur puisque j’étais le seul mais désormais deux contributeurs participent à la rédaction, à rythme plus ou moins régulier, il est donc tout à fait normal d’afficher leur nom. Pour ce faire, rien de bien compliqué : il suffit d’ajouter la balise qui va bien et le tour est joué. Impeccable.

Tout se passait pour le mieux jusqu’à ce que je me rende compte hier soir que mes articles de la journée avaient été attribués à un autre auteur. Je n’ai pas pu identifier clairement l’origine du problème : conséquence d’une mise à jour ? cafouillage suite à l’ajout d’un nouvel éditeur ? toujours est-il que le souci devait être solutionné, notamment pour pouvoir réagir aux commentaires dont je ne suis pas notifié par mail si le billet n’est pas de moi.

Après quelques heures à transpirer virtuellement à la recherche d’un compagnon d’infortune possédant la solution à mon trouble, j’ai fini par trouver mon bonheur. Il semble que le bug soit connu depuis la version 2.6 de Wordpress, la marche à suivre est simple et efficace :

Premièrement il faut ajouter un nouvel administrateur temporaire, puis se connecter avec les identifiant de ce second administrateur et changer le rôle du premier administrateur en simple abonné. Ensuite on repasse l’administrateur temporairement abonné en administrateur et ça devrait fonctionner ! Vous suivez ?

Bien entendu vous pouvez supprimer l’administrateur créé spécialement pour la manipulation.

Tout est bien qui finit bien, ils vécurent heureux et eurent de nombreux billets.

A lire également

Lien permanent | Mots-clefs : Blog, Echange, Ergonomie, Mviry, Wordpress

Appréhension du design et de l’ergonomie pour webmaster amateurs ou débutants

Franck — Tue, 11 Aug 2009 14:44:29 +0000

Il est parfois déroutant pour un webmaster de créer un site internet qui soit beau et ergonomique à la fois. Pourquoi ? Tout simplement parce que le graphisme tout comme l’érgonomie nécessitent bon nombre de compétences autant techniques qu’artistiques qui peuvent prendre des centaines d’heures (années ?) à acquérir… Néanmoins il est essentiel de commencer votre travail sur de bonnes bases. Je vais essayer de réunir quelques principes de bases qui pourront vous aider dans la mise en place de sites web sur les sujets du design et de l’ergonomie.

Le design

C’est la partie visuelle de votre site. Le design (ou graphisme) doit être particulièrement soigné, équilibré car il reflète l’image de votre activité. C’est ce que l’on appelle dans le commnément « l’identité visuelle« .

A la conception de votre design via Photoshop, Illustrator… ou GIMP (pour les pauvres ou les honnêtes), vous devrez garder en tête que le support que vous allez créer devra accueillir du contenu. Evident ? Au premier abord oui, pourtant c’est un concept assez difficile à assimiler chez certain créateurs… Simplement parce qu’on a tendance intrinsèquement à dissocier le design du contenu, alors que ces deux éléments doivent former un tout homogène : le site. Donc un bon design est un design réfléchi en fonction du contenu qu’il va accueillir, pour ça, préparez votre design en faisant des schémas, une esquisse peut suffire parfois.

Et en pratique ?

Les couleurs

C’est le premier truc auquel je réfléchis. Personnellement j’essaye de trouver des couleurs qui s’associent bien : jaune/violet, noir/couleurs vives… Les couleurs devront êtres choisies en fonction du type d’activité du site web que vous créez. Si vous avez du mal à trouver des nuances harmonieuses voici un site qui pourra vous aider.

Généralement pour moi c’est 3 couleurs, sélectionnées en fonction des désirs du client principalement, sinon, en fonction de son activité, les couleurs de son logo… Il faut s’imprégner de l’univers du thème choisi par l’intermédiaire de photos ou de supports de communication existants, c’est une étape plutôt subjective.

Voici la manière qui met permet de déterminer les couleurs nécessaires à la réalisation d’un design : exemple, je dois designer un site vitrine (environ 10 pages) pour un fabricant de portes; nombre de couleurs ? 3, lesquelles ? marron (pour le bois), gris (pour l’acier) plus une troisième couleur qui pourrait très bien être du rouge, vert, bleu ou jaune qui relèverait les deux couleurs précédentes et qui pourrait se rapprocher par la même occasion du panel de couleurs proposées par le fabricant.

Attention, choisir 3 couleurs ne signifie pas que je ne peux pas en utiliser plus ou moins. Pour un site e-commerce je pourrais garder mes 3 couleurs dominantes, puis en utiliser d’autres pour donner une identité à chaque catégories de produit par exemple. Le tout est qu’il faut 2-3 couleurs dominantes qui structurent visuellement votre design et le rende homogène.

Les formes

Comme pour les couleurs, c’est assez instinctif, néanmoins je respecte quelques règles. Pour le site de notre fabriquant de portes, je choisirais un design globalement carré et structuré (pour le côté serieux, hé oui, si vous achetiez une porte à 3500 balles vous souhaiteriez au moins qu’elle soit droite et bien cadrée dans l’ouverture prévue à cet effet… et une ou plusieurs courbes dans le header, pour la douceur et en fonction des photographies mises à disposition. Comme vous l’aurez remarqué les formes varient d’un site web à un autre, mais structurellement c’est souvent identique, petit rappel rapide :

Une page web centrée dans une largeur comprise généralement entre 800 et 1100px (pour convenir aux principales résolutions d’écran),
Un header en haut de page, présentant votre logo (souvent à gauche et cliquable pointant vers l’index) composé de photos ou des formes abstraites (souvent en dégradé depuis la mode 2.0) d’une hauteur variable (qui tend à l’augmentation depuis la mode 2.0 et la hausse des résolutions d’écran…,
Un corps, soit une zone centrale dédiée au contenu, adaptable en hauteur,
Un footer (pied de page) sur lequel on retrouve généralement le logo de l’entreprise, et le texte nécessaire à la SEO.

A partir de cette structure simple peuvent se décliner un tas de formes, pour que votre site soit clair visuellement évitez la surcharge de formes inutiles, surtout dans la partie centrale qu’occupe le contenu. Les formes et contours de votre design doivent diriger naturellement les visiteurs vers le contenu qu’il souhaite voir sur votre page. Les choses doivent se faire simplement et la surcharge d’éléments visuels que l’on peut constater, par exemple, sur de gros portails d’informations, embrouille le visiteur. Un visiteur perdu c’est du taux de rebond garanti !

Pour avoir une bonne appréhension des formes il faut un sens esthétique qui n’est pas forcément inné chez tout le monde, travaillez le en regardant attentivement des sites de références dans le domaine. Voyez ce qui vous choque esthétiquement sur un site puis ce que vous trouvez agréable à regarder.

Petit exercice pratique, regardez ceci :
http://yvettesbridalformal.com/index.htm

Puis ceci :
http://www.alsacreations.com/

Quels sont les différences fondamentales entre ces deux sites web ?

Les images

Les images (photographies, représentations, pictogrammes… vont devoir être travaillées et adaptées pour coller parfaitement à l’ensemble de votre design. Pour cela les logiciels pré-cités vous offriront un panel de possibilités phénoménal, que ce soit en terme de retouche et de manipulation d’images. Dans tout les cas, évitez la surcharge et faites clair. Une image n’a pas assez de contraste ? Remettez en ! Une image est floue ? Mettez plus de netteté ! Vous devez particulièrement faire attention aux détails comme l’agencement de vos photos, la netteté, la luminosité, le contraste, ou encore la déformation car ce sont tout ces détails qui feront la différence !

Quelques trucs à savoir à propos des images :

Pour un design de site vous travaillez en 72 dpi,
Gare à l’utilisation d’images trop compressées sinon bonjour la pixelisation !
Utilisez des images libres de droits (vous en trouverez à très bas prix sur fotolia par exemple),
Quand vous enregistrez vos designs pour le web, faites bien attention au taux de compression. Le fichier final du design sera un compromis entre qualité (ajustement de la compression, ajustement des niveaux, niveau du flou… et poids. Plus un design contiendra de couleur et sera net plus il sera long à charger pour vos visiteurs,
Sur un site web évitez les GIFs animés, ils doivent être utilisés avec parcimonie car le GIF animé va attirer immédiatement l’attention du visiteur et risque de le perdre si il y en a trop sur la page. C’est une erreur typique que l’on retrouve sur les sites internet de débutants, le summum étant l’arrière plan mozaïc animé,
Attention à l’utilisation du format .PNG car la transparence est mal gérée sur certains navigateurs d’anciennes générations (IE 6 par exemple),
Quand vous placez une photographie sur un site web pour illustrer un article par exemple, si vous souhaitez que vos visiteurs puissent la visualiser en grand, créez d’abord une vignette de la photo, puis un lien cliquable qui pointera vers la photo en haute résolution. L’erreur généralement commise est d’insérer une photo en grand format et de forcer la taille pour qu’elle soit petite. Car si la taille change, le poids de la photo lui, reste le même.

L’ergonomie

C’est elle qui va répondre aux attentes de vos visiteurs. Elle permet à un visiteur de naviguer le plus naturellement possible, d’atteindre son objectif (recherche d’un produit dans un site e-commerce, recherche du moyen de paiement, l’accès aux coordonnées de l’entreprise etc… rapidement. Bien sûr l’ergonomie dépend de plusieurs facteurs comme l’âge, le rapport à l’outil informatique, les difficultés liées aux handicaps, le materiel utilisé ou le navigateur. C’est pour ces raisons que vous devez adapter votre site en fonction du plus grand nombre pour que chacun puisse accéder de manière optimale à l’information. Loin de moi l’idée de donner des leçons en terme d’ergonomie web ou d’accessibilité, des tas de bouquin vous en parlerons bien mieux que moi. Néanmoins il est important de prendre en compte ce paramètre dès le début de la création d’un site web. Cela évite les retouches tardives et permet de fidéliser vos visiteurs.

Concrètement pour améliorer l’ergonomie :

Créer un breadcrumb (chemin de fer ou fil d’Ariane, il s’agit de l’arborescence de votre site, généralement placée sous le header). Cela permet aux visiteurs de se repérer sur votre site (et c’est bon pour la SEO au passage),
La règle des trois clics doit être respectée autant que possible. C’est à dire que le visiteur doit avoir accès à l’information en maximum 3 clics, exit donc les menus déroulant à 10 niveaux,
Vos textes doivent êtres clairs, par exemple n’écrivez pas en blanc sur noir, choisissez une typo lisible comme l’arial (l’utilisation du comic sans ms est une faute de goût impardonnable), comprise dans une taille raisonnable (pas la peine de mettre le texte en 20px). Choisissez une bonne hauteur d’interligne et structurez vos textes en paragraphes, avec des titres et/ou sous-titres de différentes couleurs (les couleurs du site). Et n’oubliez pas de mettre vos liens hypertexte en évidence,
Faites attention au poids de votre page web, elle doit être la plus légère possible. Pour ça, optimisez votre code HTML et vos feuilles de style CSS, optimisez vos images. Pour la vidéo et le son préférez le streaming,
Ne mettez pas de musique en fond sonore,
Gardez la même structure de page sur l’ensemble du site, le visiteur doit connaitre le fonctionnement de votre site dès la première page,
Respectez les normes d’accessibilité W3C.

Conclusion

Sur toute la chaine de conception d’un site web, il vous faudra penser global, le site final comme un tout homogène, le design lié à l’ergonomie elle même liée au code et à l’accessibilité, ainsi qu’a la SEO. La difficulté réside dans la polyvalence que demande la discipline et du fait que le design est un art, donc subjectif. Le seul moyen de s’améliorer est de tester, comparer et recommencer, tout en gardant à l’esprit le but que vous souhaitiez atteindre pour le résultat final de votre site.

A lire également

Lien permanent | Mots-clefs : Accessibilité web, Design / Graphisme, Développement, Ergonomie, Graphisme, Web

Lorem ipsum, pour tester l’apparence de vos pages

Maxime — Thu, 06 Aug 2009 09:27:40 +0000

Lorsqu’on réalise un site Web l’une des premières étapes de production consiste dans la conception des maquettes des pages. La majorité des Web designer utilise des logiciels type PhotoShop ou illustrator pour parvenir à leurs fins. En règle générale le contenu textuel du site n’est pas définitif (voire pas défini du tout) à cette étape, c’est pourquoi nous mettons en place un faux-texte pour mieux visualiser la mise en page. Ce faux-texte est plus communément appelé Lorem ipsum.

Non, lorem ipsum n’est pas un message crypté tout droit sorti de l’esprit farfelu d’un développeur sociopathe. Il est utilisé depuis le XVIe siècle dans l’imprimerie pour la simulation de texte. On attribue son origine à Cicéron qui dit ainsi : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit [...] ou Il n’existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu’elle est [...]. Lorem ipsum remonte à loin, très loin, 45 avant Jésus-Christ.

Si l’imprimerie et la création Web sont deux domaines très différents, ils ont en commun l’aspect graphique qui nécessite d’effectuer des tests sur la mise en page. Mais alors pourquoi s’enquiquiner à balancer du latin ? pour faire le malin ? pas du tout ! L’utilisation d’un faux texte incompréhensible (sauf si on parle latin évidemment) permet aux clients et aux graphistes de se focaliser sur le visuel global du site sans être choqué par l’absence de texte.

Lorem ipsum a cet avantage de produire des mots à longueur variable essayant d’imiter une occupation normale des espaces. En revanche on peut considérer que le texte n’étant jamais vraiment lu il ne permet pas de vérifier la visibilité effective, ce qui peut représenter un inconvénient majeur si l’on n’est pas particulièrement attentif à ça.

Pour finir, de ressources Web pour générer du faux texte Lorem ipsum en fonction de vos besoins :

Lorem ipsum : générateur automatique de lorem ipsum, avec moult paramètres. À utiliser pour la conception graphique.
HTML-ipsum, du texte lorem ipsum avec les balises HTML qui vont bien (titres, paragraphes, listes). Pratique pour tester l’intégration de vos maquettes.

A lire également

Lien permanent | Mots-clefs : Design / Graphisme, Ecriture, Web

Impossible de faire la mise à jour automatique de Wordpress ? Voici la solution

Maxime — Tue, 04 Aug 2009 18:00:53 +0000

Depuis le début de ce blog je n’avais pas encore eu l’occasion de vivre les joies des mises à jour Wordpress. Constatant hier la mise en ligne officielle de la version 8.2.3 j’ai considéré qu’il était temps pour moi de franchir ce cap. C’est donc la fleur au fusil, mis en confiance par l’installation enfantine de Wordpress que j’ai attaqué.

Il ne m’a pas fallu longtemps pour déchanter… Les cinq premières minutes se passent plutôt bien : procédure routinière de sauvegarde des fichiers et de la base de données, puis désactivation des plug-ins pour éviter tout problème d’incompatibilité. Tandis que je continuais à suivre rigoureusement les recommandations d’un tutoriel quelconque trouvé sur le Web, les ennuis vinrent sonner à ma porte, comme le facteur, mais beaucoup plus que deux fois…

Je passe rapidement l’étape de transfert FTP pour en arriver au moment crucial : le test de l’affichage et du backoffice. Le blog s’affiche correctement, à quelques bugs css près, bon départ. J’entre mes identifiants d’administrateur, ô joie ça fonctionne… Aussi sec je fonce réactiver mes plug-ins… Et là c’est le drame : erreur 500. En d’autres termes page blanche. Rien, plus moyen d’accéder à quoi que ce soit. Je ventile, je fuse, j’évapore !

Quelques glaçons savamment placés plus tard, je prends mon courage à deux mains et fouille la toile en recherche d’une solution, que je trouve quelques secondes prestement. Il semble que le problème soit fréquent, notamment lors des mises à jour, et concerne les plug-ins. Qu’à cela ne tienne, je supprime tout et retente ma chance. Effectivement le problème vient bien de là.

En bon procédurier que je suis j’entreprends d’uploader et activer un par un chacun de mes précieux modules en espérant tomber sur le maillon faible. Quelle ne fut pas ma surprise de constater qu’aucun plug-in fonctionnait correctement !

D’abord déçu, je choisis de revenir en arrière et réinstaller la version précédente du blog. Ça marche, au moins le blog est fréquentable, mais quelle frustration !

Tout cela me semblait bien gros : comment la totalité de mes plug-ins peuvent-ils être incompatibles avec Wordpress ? trop aberrant pour être vrai. La vérité était forcément ailleurs mais comment faire ?

Retour à mes premiers amours, je me documente rapidement sur l’efficacité de la mise à jour automatique. J’avais lu il y a quelque temps que certains hébergeurs posaient problème pour ce genre d’interventions est de prime abord je croyais que le mien en faisait partie.

Finalement non ! Au détour d’un forum m’apparu une solution très simple : ajouter des lignes de code au .htaccess du blog après quoi la mise à jour automatique devrait être possible. Je teste. Eurêka !

Mise à jour effectuée en une quarantaine de secondes. Arf !

Voici donc le code à ajouter si comme moi vous n’avez pas à utiliser la mise à jour automatique de Wordpress :

AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

Tout est bien qui finit bien, les plug-ins fonctionnent, le reste aussi. En plus ça m’a donné une idée de billet.

Tant que j’y suis, la version 2.8.3 modifie largement le système de widget et la plupart d’entre eux ont changé de nom. Ainsi vous risquez d’avoir quelques déconvenues avec l’affichage mais ne vous y trompez pas, il suffit de modifier l’intitulé des éléments CSS.

A lire également

Lien permanent | Mots-clefs : Blog, Mviry, Wordpress

À la conquête du Web 2.0 : agrégation RSS

Maxime — Tue, 28 Jul 2009 16:15:09 +0000

Voici le deuxième billet consacré à l’utilisation de la syndication RSS. Précédemment j’ai essayé de vous présenter ce qu’est un flux RSS, aujourd’hui nous allons nous intéresser à l’étape majeure qui suit la collecte de fils RSS : les agrégateurs de contenu.

Un agrégateur RSS est un logiciel qui permet de rassembler, organiser et consulter facilement des flux RSS. Plusieurs types d’agrégateurs RSS sont disponibles :

Les logiciels d’agrégation à installer sur en local votre ordinateur,
Certaines messageries électroniques permettent la lecture de fichiers RSS,
Des clients mail, principalement Thunderbird,
L’utilisation des marques-pages ou favoris de votre navigateur Web permet aussi la lecture RSS,
Des portails Web personnalisables spécialisés dans la gestion de flux RSS.

En ce qui me concerne je me sers exclusivement d’un portail dédié. L’inconvénient des logiciels d’agrégation et des clients mail réside dans l’obligation d’installer quelque chose sur une machine, ce qui pose problème quand on est pas chez soi ou lorsqu’on subit un formatage… Quant aux marques-pages et messageries électroniques, ces solutions ne me semblent pas adaptées pour une utilisation massive de flux RSS.

En revanche un site qui héberge vos flux est une solution que je trouve idéale : aucun souci de pertes de données, aucun programme à installer, utilisation possible partout où l’on a accès à Internet.

Il existe une ribambelle d’agrégateurs en ligne, vous connaissez probablement Google Reader, iGoogle ou Netvibes. Eh bien justement c’est Netvibes que j’utilise. Je ne me permettrai pas de dire que c’est le meilleur, je n’en ai pas testé d’autres parmi les trois cités, mais une chose est sûre il me convient parfaitement (et puis quand je peux j’essaie d’éviter le tout Google).

Netvibes offre à ses utilisateurs un site web personnel constitué par des pages onglets. Ce site est, à toute fin pratique, un portail web individuel qui donne accès à une multitude de services. Chaque service se présente comme un bloc.

La page d’accueil de ce site se décompose en modules, représentés graphiquement par des blocs rectangulaires. Grâce à l’utilisation d’AJAX, l’utilisateur peut intuitivement réorganiser sa page en déplaçant, supprimant ou ajoutant des blocs.

Netvibes ne propose aucun contenu propre mais agrège le contenu en provenance d’autres sites. Pour ceci, il s’appuie sur les standards que sont RSS, Atom et iCal, ce qui permet d’agréger le contenu de tout site publiant des informations dans ces formats. Des modules spécialisés ont été développés pour augmenter l’intégration des sites particulièrement populaires (Gmail, del.icio.us, flickr, Myspace, facebook, etc…. On peut aussi y ajouter des modules pré-programmés tels que la météo, un compte mail POP ou ses favoris.

Souce : Wikipédia.

En constante évolution depuis 2005, Netvibes nous offre fréquemment de nouvelles fonctionnalités comme la gestion d’un espace public où partager ces flux, la mise en page des différents blocs (pour adopter le style en vogue des blogs magazine), l’apparition du multi pages qui élargit encore les possibilités d’organisation.

Bien entendu Netvibes, comme la plupart des autres agrégateurs, est gratuit. Il suffit de s’inscrire une fois pour toutes et c’est bon.

La prochaine fois nous aborderons les différentes techniques de lecture de vos flux, l’objectif étant de gagner un maximum de temps (ou plutôt de ne pas en perdre, il est facile de passer des heures à bouquiner tous vos flux).

A lire également

Lien permanent | Mots-clefs : 2.0, Blog, Firefox, Google, Internet Explorer, Navigateurs

Les Extensions Firefox indispensables aux webmasters

Maxime — Tue, 21 Jul 2009 09:54:41 +0000

Firefox est le principal concurrent d’Internet Explorer, avec actuellement 30 % de part de marché il grignote petit à petit le monopole de Microsoft dans le domaine des navigateurs Web. Firefox séduit notamment par la multitude de fonctionnalités qui peuvent être ajoutées pour améliorer l’expérience utilisateur.

Dans un futur proche je vous présenterai quelques extensions intéressantes pour une utilisation ludique de Firefox, mais en bon obsessionnel de travail que je suis (arf!) je vais commencer par une sélection dédiée aux webmasters. Toutes ces extensions sont capitales et nous font gagner un temps précieux.

Firebug : en quelque sorte un débuggeur en ligne. Ce plug-in permet d’analyser le code en détail (html, css, javascript… et tester des modifications en direct. Pour ma part j’utilise principalement les fonctions css, au survol de la souris sur un élément de la page les propriétés sont affichées instantanément et peuvent être modifiées pour voir ce que ça donne. La visualisation des marges intérieures et extérieures est également très pratique, j’en ai profité pas plus tard qu’hier en modifiant un plug-in de ce blog. Firebug dans le détail,
Yslow : publiée par Yahoo ! cette fonctionnalité est intégrée à Firebug, elle propose une notation basée sur plusieurs règles en relation avec la vitesse des sites Web. Idéal pour optimiser la vitesse d’affichage d’un site en regardant de plus près l’utilisation des CSS, la duplication de scripts, bref indispensable pour optimiser son site en quelques minutes,
IETab : pour simuler le rendu d’un site sur Internet Explorer dans Firefox. Et hop, encore un peu de place dans votre barre des tâches et de productivité gagnées,
Web Developper Toolbar : je l’utilise essentiellement pour évaluer certains critères d’accessibilité des sites, notamment l’affichage sans CSS,
ColorZilla : petit outil pour déterminer très simplement les couleurs des éléments d’une page Web. Pratique !
Copy Plain Text : permet de copier le texte d’une page au format brut, sans attributs inhérents au contenu Web. Indispensable pour faire un copier coller de texte d’une page Web vers Word par exemple. Plus besoin de passer par le bloc-notes,
Google Toolbar : pas vraiment indispensable mais sympa pour avoir une petite idée du PageRank d’une page. Il y a d’autres fonctionnalités mais elle les utilise pas plus.

Voilà pour mes plug-ins du moment, il y en a des dizaines, j’aurai probablement l’occasion d’en citer à nouveau.

edit : Exit Google Toolbar, remplacé par Google PageRank Status. Plus discret, moins curieux. Merci Poupi !

A lire également

Lien permanent | Mots-clefs : Design / Graphisme, Firefox, Logiciel libre, Microsoft

À la conquête du Web 2.0 : le RSS

Maxime — Fri, 05 Jun 2009 16:13:44 +0000

Nous célébrons aujourd’hui le dixième anniversaire des flux RSS, je profite de l’occasion pour vous en expliquer le fonctionnement ainsi que l’intérêt qu’il représente pour se tenir au courant de l’actualité sur le Web.

Sans entrer dans les détails, le RSS (ou Really Simple Syndication – Syndication très simple) est un format de fichier basé sur le langage XML qui permet de rassembler en un fichier différents éléments récents d’un site Web. L’usage le plus courant est de recevoir la liste des nouveaux articles publiés sur un blog ou un site d’informations, avec un résumé pour chaque article.

Pour recevoir les dernières données d’un site, rien de plus simple : il suffit de s’abonner au flux en repérant une icône de ce style sur le site qui vous intéresse. Par exemple sur le blog je propose quatre liens différents pour inciter le lecteur à s’abonner à mon flux.

L’abonnement aura pour effet d’ajouter le flux dans votre agrégateur de contenu préféré. Les agrégateurs sont comparables à des portails d’information, dans lesquels sont affichés les flux RSS qui vous intéressent. Ces flux sont organisés sous forme de liste présentant les titres des derniers articles, vidéos ou podcasts. En cliquant sur un des titres vous affichez leur contenu de l’article. J’aborderai en détail le sujet des agrégateurs prochainement.

Vous l’aurez compris, l’intérêt du RSS réside dans le fait qu’il permet de rassembler toutes les nouveautés et actualités de vos sites préférés en un seul point. Plus besoin de faire le tour de vos marques-pages pour vérifier s’il y a du nouveau, un gain de temps énorme !

La plupart des bloggeurs qui misent sur l’actualité utilisent d’ailleurs le RSS à très forte dose. En ce qui concerne le grand public, nous sommes encore très loin d’une utilisation quotidienne puisqu’on estime à 12 % le nombre de Français qui ont recours à la syndication RSS en 2007.

A lire également

Lien permanent | Mots-clefs : 2.0, Actualité, Blog, Mviry, Web

À la conquête du Web 2.0 : Twitter

Maxime — Thu, 21 May 2009 17:10:32 +0000

La frénésie du Web 2.0 (c’est-à-dire le Web communautaire et participatif) a atteint la France depuis quelque temps et on ne va pas s’en plaindre ! Après le controversé Facebook, c’est maintenant Twitter qui s’impose en tant que plate-forme de référence pour le micro-blogging. Vous en avez probablement entendu entendu parler, même TF1 connaît (ouh la mauvaise langue !)

Micro-blogging, un bien joli mot pour dire qu’en gros vous publiez de petites informations qui se limitent à une ou deux phrases (140 caractères sur Twitter, qui porte bien son nom, issu de l’anglais « gazouillis ».

Principe d’utilisation

Twitter c’est très simple : vous pouvez lire les messages des personnes que vous suivez (Abonnements) et les personnes qui vous suivent (Abonnés) voient ce que vous écrivez. Il est également possible d’interagir avec les autres utilisateurs, de façon publique (vos Abonnés et ceux de votre interlocuteur voient les messages) ou privée.

Vous l’aurez compris, le système repose entièrement sur l’interaction entre les utilisateurs. Dans un premier temps il est donc indispensable de se créer un réseau sinon Twitter n’a aucun intérêt.

Twitter, pour quoi ?

Depuis sa création en 2006 Twitter a été qualifié d’inutile et superficiel par certaines personnes. Inutile dans le sens où si l’on n’a pas un réseau intéressant on ne tire pas grand-chose du site ; superficiel parce que certains pourraient n’avoir pour seul but de flatter leur ego en ayant le plus possible d’Abonnés. Soit, il y a toujours des rabat-joie.

Pour autant Twitter peut être très intéressant :

Si mes amis utilisent le service, je peux me tenir au courant de leur quotidien même si je n’ai pas toujours le temps de leur téléphoner ou de passer un moment avec eux,
Twitter est une source d’information en temps réel incroyable, pour peu que vous suiviez des pointures des domaines qui nous intéressent,
Idéal également pour la communication d’une entreprise, d’un événement, d’un blogueur, etc,
Sympa pour créer des liens avec avec des personnes partageant vos centres d’intérêt, pour ça rien de plus simple : il suffit de s’intéresser aux Abonnés de vos Abonnements.

D’ailleurs si ça vous intéresse, voici l’adresse qui vous permettra de me suivre.

A lire également

Lien permanent | Mots-clefs : 2.0, Blog, Echange, Réseaux sociaux, Web