Ca fait plus de 2 ans que ça me tentait et j’ai enfin franchi le pas vendredi dernier. A mes blogs, se rajoutent donc désormais un nouveau canal : http://fred.tl mon tumblr. Je l’imagine comme une timeline (je suis fan de mon nom de domaine pris pour l’occasion fred.timeline) où je pourrais poster tout ce qui me passe sous les yeux, dans la tête, ou dans l’appareil photo… Pas de limite, pas de contrainte, pas de prise de tête…

Je reviendrai prochainement sur tumblr, ce que j’en découvre et pourquoi cette plate-forme m’a toujours intriguée.

En attendant d’en reparler plus en détails, je cherche des nouveaux tumblr à suivre, à découvrir, à savourer ! Mes mots-clé pourraient être : #apple #design #photo #geek #voyage

Alors que me conseillez-vous les amis ??

Je profite de l’été pour re-travailler pas mal sur ce blog qui approche bientôt des 4 ans d’existence. Vous êtes plus de 13 000 abonnés au flux RSS et pas loin de 4500 followers à me suivre sur Twitter. J’avais donc envie de changer plusieurs choses sur ce blog et de me remettre à bloguer plus régulièrement.

Un nouveau nom

Premier changement : le nom ! Exit le long et difficilement prononçable « blog.aysoon.com », place au court et simple « aysoon.fr ». Plus simple à retenir, plus court, « aysoon.fr » sera aussi l’occasion de se positionner de manière plus explicite sur une audience française et donc un référencement privilégié sur Google France.

La redirection a été faite normalement sans rien oublié : 301 sur toutes URLs, changement de Sitemap, de flux RSS (désolé pour la republication complète d’hier soir), déclaration au niveau de Google, changement des scripts de stats, etc.

Certains d’entre vous qui suivent également un de mes autres blogs, Webilus, ont pu constater que j’ai également changer de nom il y a quelques jours en pensant de Webilus.com à Webilus.fr, là encore pour les mêmes raisons. Il reste Monetiweb

Une nouvelle charte graphique

Second changement mis en ligne hier matin : la nouvelle charte graphique du blog, la cinquième en 4 ans. Résolument plus moderne que l’ancien design, ce thème WordPress a pour but de mettre plus en avant les contenus, rendre leur lecture plus agréable et faciliter la navigation dans le site.

Un thème complètement customisé

Partant d’un thème existant, j’ai quasiment réécrit tout le thème WordPress pour y inclure les spécificités de mon blog mais également pour en alléger le poids global. J’ai mis en oeuvre un ensemble d’optimisations sur le temp de chargement des pages que j’ai pu apprendre et découvrir en développant Icones.pro il y a quelques mois. Parmi les plus marquantes :

• Utilisation au maximum des fonctionnalités proposées par CSS3 : tous les dégradés que vous pouvez voir, les ombres, les bordures, etc sont réalisés en CSS3 et donc traité par le navigateur sans chargement d’images supplémentaires. Si vous êtes sur IE, vous aurez accès à une version plus light, mais bon… demandez-vous plutôt pourquoi vous êtes encore sous IE !
• Sprite CSS : si vous êtes curieux et que vous regardez un peu les éléments chargés sur la page, vous vous apercevrez sans doute que le thème ne charge qu’une seule et unique image pour ce qui est de la décoration du blog (et donc hors images d’articles). C’est un Sprite CSS que vous pourrez voir là.
• Utilisation intelligente de jQuery sans retard sur le chargement des pages
• Paramétrage fin des conditions de cache sur les fichiers statiques : Expires, Cache-Control, ETags
• Minification des JS et CSS en production
• Compression gzip des ressources statiques
• Cache WordPress via Super Cache
• Utilisation de X-Cache sur le serveur dédié hébergeant le blog

Des inspirations diverses

J’ai ajouté plusieurs éléments ou fonctionnalités que je n’avais pas sur l’ancien thème. La plupart ont été reproduites sur des modèles bien connus :

• Articles mis en avant dans le Header : petit module listant 5 articles de mon choix dans le header de toutes les pages. Gizmodo a mis en place ce module depuis longtemps.
• Barre de partage vers les réseaux sociaux dans la colonne de gauche : en un clic, partagez vers Twitter ou Facebook. Mashable a été le premier à proposer ce petit module.
• Articles relatifs sous la forme d’image : en bas de chaque article, je propose 3 articles relatifs sous forme d’une image avec, au rollover, le titre de l’article qui apparaît. De nombreux blogs mettent en avant leurs articles avec des images plutôt que des simples liens. Fubiz l’a mis en place avec brio.

Un Flux RSS complet

Je reviens en arrière sur un choix que j’avais fait il y plus d’un an : le flux RSS de ce blog (et des autres blogs bientôt) est de nouveau complet et plus tronqué ! Je ne relance pas ici le débat, j’ai juste envie là encore de faciliter la lecture des internautes.

Les autres blogs suivront

Comme pour le changement de nom, je vais très rapidement décliner ce nouveau thème sur Webilus et Monetiweb. J’en reparle donc très bientôt.

Un nouvel esprit

Je ne sais pas si on peut appeler ça un troisième changement ou qu’une évolution mais je vais diversifier les sujets de mes articles. Un blog est un reflet de ce qu’on est et de ce que l’on a envie de partager. En 4ans, j’ai personnellement et professionnellement pas mal évolué, mes articles évoluent donc en conséquence. Toujours du web, beaucoup de web mais aussi des articles touchant au monde d’Apple qui me passionne de plus en plus, des articles plus personnels (à venir) ou encore ce que je range dans la catégorie 2 min 42′ (qui remplace le micro-blog que j’avais mis en place il y a quelques semaines sur cette même adresse et où je publie de très courtes nouvelles.

Bloguer me manque : partager, faire découvrir, répondre et discuter aux réactions des lecteurs. Cela fait plusieurs mois que j’ai mis cette partie de mon monde un peu de côté et j’ai envie d’y revenir. J’espère arriver à y consacrer le temps nécessaire. J’espère que vous serez au rendez-vous comme à chaque fois !

Déjà près de 7 semaines que Icones.pro est en ligne et j’ai eu la très bonne surprise de constater ce matin que le site venait de dépasser le million de pages vues depuis son lancement (le 16 octobre dernier) soit près de 20 000 pages vues par jours en moyenne… J’avais donc juste envie de partager ce premier million avec vous ! La barre des deux millions devrait être atteinte d’ici moins de 40 jours si tout va bien soit vers la mi-janvier…

Voilà ce que vous allez pouvoir trouver de nouveau (chaque item étant détaillé plus bas) :

1. Refonte du moteur de recherche
2. Recherche par taille et par licence
3. Mais aussi la recherche par couleur !
4. Nouvelle mise en page de la page d’accueil
5. Meilleure compréhension de la licence d’utilisation de chaque image
6. Moteur de recherche Firefox avec autocomplétion
7. Devenez Fan sur Facebook
8. Un compte Twitter
9. Les prémices de la suite…

1) Refonte du moteur de recherche

Il s’agit certainement du développement qui m’a pris le plus de temps et que j’avais déjà prévu avant même de mettre en ligne la première version du site. Icones.pro est avant tout un moteur de recherche. Sa qualité première est donc de proposer des résultats pertinents par rapport à la recherche qui est demandée. Je me suis donc basé sur les milliers de recherches quotidiennes pour comprendre et améliorer la pertinence des résultats. Il ne s’agit pas forcément de proposer plus de résultats pour une recherche mais de trier ces résultats de manière plus fine pour que les premières images proposées soient celles que vous chercher ! Ce travail de fond nécessite encore un peu de réglages, cette tâche n’est donc pas terminée mais comparé à ce qu’il y a avait hier, c’est déjà bien mieux !

L'algorithme du moteur de recherche d'Icones.pro a complètement été revu

2) Recherche par taille et par licence

De tous les retours que j’ai eus, la possibilité de rechercher par taille et par licence d’utilisation est certainement l’une de vos plus grandes demandes. C’est en ligne ! Désormais après avoir lancé une recherche sur un ou plusieurs mots-clé, vous pouvez choisir la taille minimum que vous souhaitez (32px, 48px, 64px, 96px, 128px ou même 256px). Pourquoi seulement la taille minimum ? Et bien parce que sur Icones.pro, chaque image est disponible dans toutes les tailles inférieures à sa taille maxium. Si par exemple une image existe en 128px, elle vous sera proposée en 96px, 64px, 48px, 32px et 16px. De la même manière vous pouvez demander à ne trouver que des images avec une licence d’utilisation autorisant un usage commercial. Si vous êtes donc à la recherche d’icônes pour un client ou pour un produit à but commercial, vous serez ainsi sûr de ne pas enfreindre la loi en utilisant des icônes qui vous y autorisent.

Vous pouvez maintenant filtrer les résultats par taille, licence d'utilisation et couleurs !

Chaque filtre peut facilement être supprimé en un seul clic

3) Mais aussi la recherche par couleur !

Ok celui-là est certainement celui dont je suis le plus fan ^_^ ! Au delà de la recherche par taille et par licence, je vous propose désormais la possibilité de filtrer votre recherche par couleur !  Par exemple, vous cherchez une image de flèche (177 résultats), vous cliquez sur le petit carré symbolisant la couleur bleu, et boom  : 42 images de flèche uniquement de la couleur bleu ! Génial, non ? Et cela marche bien évidemment pour toutes les recherches… Vous pouvez même combiner les couleurs en cliquant sur plusieurs couleurs, la recherche se filtre sur un critère en « OU ». Si je reprends mon exemple précédent de la recherche flèche de couleur bleu, si j’ajoute le vert, je passe à 140 résultats d’image de flèche « bleu OU vert« , etc. Enfin, et cela va sans le dire, tous les filtres de recherche (taille, licence et donc couleur) sont cumulables : je peux ainsi chercher des images de flèche de couleur bleu ou vert d’une taille minimale de 128pixels et à usage commercial autorisé : 38 images correspondent à cette recherche !

Cliquez sur une couleur, et Boom ! les résultats sont filtrés par couleur

De la même manière que pour la taille ou la licence, vous pouvez supprimer une couleur en un seul clic

4) Nouvelle mise en page de la page d’accueil

Je n’étais pas super fan d’avoir un moteur de recherche à droite sur le site et notamment sur  page d’accueil. J’ai donc revu tout cela pour proposer une page d’accueil plus sobre, avec un champ de recherche central et bien identifié. J’ai laissé les différentes images en dessous (sélection du jour, les plus vues, les plus téléchargées, etc.) en optimisant le temps de chargement de ce bloc. Ce changement de position du champ de recherche a également été reporté sur l’ensemble des pages du site où vous trouverez désormais le moteur de recherche en haut à gauche (position classique et plus intuitive).

Nouvelle page d'accueil du site Icones.pro

5) Meilleure compréhension de la licence d’utilisation de chaque image

Une autre demande qui m’a également été souvent soumise est de pouvoir mieux visualiser quelle licence d’utilisation dispose chaque icône. En effet, de nombreux utilisateurs du service sont des webdesigners ou graphistes et ont des besoins d’utiliser des icônes dans un cadre commercial. A ce titre (et en plus du filtre par licence dans la recherche), j’ai créé un encart dédié à la licence d’utilisation pour chaque icône. La licence y est clairement définie ( Creative Commons, libre pour usage personnel uniquement, GML , LGPL, etc.) et la mention usage commercial OUI / NON est mise en avant. Ainsi plus de doute possible !

La licence d'utilisation de chaque image est désormais clairement identifiée (cadre rouge)

La licence appliquée et la possibilité d'utiliser l'icône dans un but commercial sont explicitement indiquées

6) Moteur de recherche Firefox avec autocomplétion

Les utilisateurs de Firefox ont la possibilité de choisir les moteurs de recherche qui figurent à haut à droite aux cotés de Google, Wikipedia et autre. Suite à deux demandes que j’ai reçues d’utilisateur d’Icones.pro, je me suis renseigné sur la possibilité d’y faire figurer le site. C’est désormais possible. Une fois sur le site, si vous regardez bien, un halo bleu apparaît sous l’icône du moteur de recherche que vous utilisez. Cela indique qu’en cliquant dessus vous allez pouvoir ajouter à la liste celui d’Icones.pro. Une fois ajouté, il vous suffit de commencer à taper une recherche et vous retrouvez alors le fonctionnement classique de la recherche avec l’autocomplétion. Pratique, non ?

Sur Firefox, une fois sur le site, cliquez sur l'icône du moteur de recherche en haut à droite...

... choisissez ensuite "Ajouter "Cherche sur Icones.pro"" ...

.. vous pouvez alors à tout moment lancer une recherche d'icône. Des suggestions vous sont mêmes proposées !

7) Devenez Fan sur Facebook

Autre nouveauté, cette fois-ci en dehors du site en lui-même, j’ai créé une page sur Facebook pour le site. Quel but ? Promouvoir le site sur le réseau social, diffuser les dernières infos du site auprès de la communauté (et donc pas forcément ici, sur aysoon.fr). Alors si vous aimez le site, n’attendez plus ! Devenez Fan d’Icones.pro sur Facebook et diffuser le message !! Merci

Vous aimez ou utilisez Icones.pro ? Devenez fan du site sur Facebook !

Un compte Twitter

Ceux qui me connaissent le savent, je suis assez accroc à Twitter depuis plus de 2 ans et demi maintenant. Il est donc tout naturel qu’Icones.pro possède son propre compte Twitter afin là encore de diffuser de nouvelles infos, les derniers pack d’icônes, etc. Comme la page Facebook, c’est également un moyen pour moi de dialoguer et d’échanger avec les utilisateurs du site. Si vous êtes utilisateur de Twitter, le compte à ajouter est @icones_pro !

Vous avez un compte Twitter ? Ajoutez @icones_pro!

9) Les prémices de la suite…

Enfin et pour finir, j’ai déjà commencé à travailler sur la version suivante. Je ne compte en effet pas m’arrêter en si bon chemin, de plus en plus d’internautes utilisent le site chaque jour et je souhaite continuer à travailler sur le service ! Mon prochain principal chantier concerne l’amélioration des performances du site : temps de chargement, disponibilité des images, temps de réponse du moteur de recherche. C’est un chantier important qui ne devrait pas me prendre plus de 2 semaines. Il est en revanche nécessaire pour préparer la suite : l’internationalisation du site ! Patience ça arrive

Travaillant dessus depuis quelques semaines déjà, c’est avec plaisir que je vous annonce aujourd’hui la mise en ligne de la première version d’Icones.pro !

Qu’est-ce qu’Icones.pro

Icones.pro est un moteur de recherche d’images PNG et d’icônes en français. Il propose actuellement plus de 15 000 images référencées dans sa base et je souhaite continuer à en ajouter régulièrement. Il ne s’agit pas d’un blog mais bien d’une espace de partage et de recherche d’images PNG. J’ai choisi de me lancer dans cette aventure en constatant le nombre de graphistes et webdesigners qui s’amusaient à publier des packs d’icônes ou d’images sur différents thèmes et le nombre de personnes / webmasters / blogueurs qui pouvaient en être friand et en chercher. Actuellement, il existe surtout ce genre de site en anglais (US) mais pas à ma connaissance en France.

La page d'accueil du site Icones.pro

Le site est construit essentiellement autour de son moteur de recherche. Vous entrez un ou deux mots-clé que vous cherchez et boom les résultats s’affichent.. classique mais efficace Dans un deuxième temps, vous pouvez continuer votre navigation depuis une image en découvrant les images du même genre ou les images issues du pack d’icônes. A date, il n’y a pas d’entrée de navigation par catégorie afin de privilégier le moteur de recherche, à vous de me dire si cela manque.

A ce titre, j’ai mis en place (dans le coin droit en bas de chaque page) un système de feedback pour me remonter toutes anomalies, tout avis ou encore une nouvelle fonctionnalité que vous aimeriez voir arriver sur Icones.pro.

Par ailleurs je compte développer pas mal de contenus éditoriaux sur tout ce qui attrait à l’utilisation des icônes, à leur création sur Mac, sur PC, etc.

A qui s’adresse ce site ?

Je pense qu’Icones.pro intéressera avant tout les webdesigners ou blogeurs cherchant des images pour illustrer leurs sites ou blogs, des graphistes, des personnes cherchant des illustrations pour leurs slides PowerPoint ou encore tous les utilisateurs de Windows ou Mac voulant personnaliser les icônes de leur dossier. Le référencement du site dans Google m’en dira plus en surveillant les recherches des internautes qui les mèneront sur le site.

Quelques recherches en exemple

Parmi toutes les recherches envisageables, certaines marchent déjà pas mal comme :

• Facebook
• animal
• logo Twitter
• icône RSS
• icône jeux
• iPod ou iPhone ou Apple
• Outlook

Il reste encore du travail !

Même si le site semble terminé et disponible en ligne, je considère que le plus gros reste encore à faire : améliorer la pertinence des résultats. C’est un des chantiers de fond de ce projet et je ne compte pas m’arrêter là ! Pour le constaterez peut-être mais certaines recherches renvoient beaucoup (trop) de résultats. Il y a un travail de paramétrage à mener au fil des recherches qui vont être faites sur le site. J’ai donc besoin de vous pour améliorer le site ! Je pense concentrer mes efforts dans un premier temps sur les termes les plus recherchés, le moteur de recherche complet s’améliorera ainsi peu à peu.

Internet Explorer 6 ? naaaan…

Choix radical et sans appel, Icones.pro ne supporte pas Internet Explorer 6… du tout ! Pour le lancement et certainement pour la suite, les utilisateurs du très vieux (2001) IE 6 sont redirigés vers une page les invitant à migrer vers un navigateur plus récent. Icones.pro utilisant pas mal de JavaScript, des PNG transparents (non supportés en natif par IE6, je le rappelle) et visant une population d’utilisateurs assez habitués au web, je ne pense pas que cette page sera souvent affichée. Mais bon je vais surveiller les stats quand même

Un petit mot sur la technique : WordPress !

Ca en surprendra certains, mais Icones.pro est construit sur WordPress ! WordPress est en effet devenu un outil robuste et que l’on peut aisément adapter pour l’utiliser comme un véritable CMS. J’ai donc construit toute la logique du site autour de cet outil en le tordant un peu pour répondre à mon besoin. Avec une bonne gestion du cache en place, je pense que le serveur devrait tenir un bon moment avant de rencontrer des difficultés de charge. Nous verrons bien. Pour la partie rendue, j’utilise le célèbre jQuery. De manière générale, j’ai essayé d’optimiser le temps d’accès des pages en minifiant et regroupant les JS et CSS.

Quelques fonctionnalités sympas en image

La page d'accueil propose plusieurs navigations transverses : les plus vues, les plus téléchargées, etc.

Le moteur de recherche propose de l'auto-complétion avec prévisualisation !

Chaque image PNG est téléchargeable en un clic dans plusieurs tailles

Pour chaque image, vous pouvez avoir toutes ces infos, la téléchager en PNG ou ICO et la partager !

Découvrez pour chaque image, toutes les images qui y ressemblent

Mais vous pouvez aussi découvrir les images du même pack d'icônes

Allez n’attendez plus, découvrez Icones.pro et donnez-moi votre avis !

Je viens de réaliser un dossier complet sur le Web2.0. Il résume en une quinzaine de pages tous les enjeux économiques qui sont apparus avec la nouvelle tendance2.0 mais aussi les technologies qui y sont employées.

Sommaire :

J’attends vos impressions sur cette réalisation mais aussi si vous  avez des des compléments d’informations n’hésitez pas à les poster dans les commentaires
Bonne lecture

J’ai réalisé une petite mosaïque de tous ces logos :

Tous les logos de Google

Cette mosaïque a été réalisé avec Picassa, logiciel de photo de Google ( pour la petite histoire ^_^ ).
Evidemment, il doit en manquer et pour cela je vous invite à m’envoyer un mail si vous en trouver d’autres : mail.

Si vous voulez télécharger une image globale de tous les logos : Tous les logos Google par aysoon.jpg (attention à la taille : 2,6 Mo !)

Presque 6mois que je n’avais pas fait de retouches à mon site, il était temps ! C’est chose faite. Le site revient dans une version estampillée 2.0 ( mais pas bétâ ) dans laquelle je présente mon profil, mes réalisations et où les visiteurs peuvent y trouver mon Curriculum Vitae.
J’ai voulu quelque chose de simple, épuré, web 2.0 (avec Ajax!). J’espère que les visiteurs apprécieront… mais vous ? vous le trouvez comment ???