CSS3 Please! Votre allié lors de vos développements CSS3

29 Sep
CSS3 Please! Screenshot

The test sandbox.

Le CSS3 fait aussi partie du « HTML5« , son but est de diminuer au maximum le nombre de « hacks » et astuces basées sur l’ajout de markup non-sémantique dans des pages HTML.

Pour faire simple, grâce au CSS3, vous allez maintenant pouvoir faire des bords arrondis, des dégradés, des transitions, des ombrages, etc… sans utiliser d’image ni de javascript.

Le gain est double : le chargement de vos pages web s’en trouve accéléré et le rendu de vos pages par le navigateur sera plus rapide sans l’utilisation de javascript additionnel.

Malheureusement, certains navigateurs ne supportent pas du tout certaines propriétés CSS3 alors que d’autres ne les supportent que via des propriétés CSS spécifiques.

Le service CSS3 Please! a pour but de vous aider à simplifier votre recherche de balises compatibles entre tous les navigateurs en les regroupant via un système de « WYSIWYG » vous permettant de tester en direct le rendu des propriétés en question sur une boîte de test.

Son utilisation est très simple, vous entrez les dimensions et les couleurs de votre choix à un autre, et CSS3 Please! les met à jour dans toutes les propriétés ! Il ne vous reste plus qu’à faire un copier-coller du code vers votre feuille de style CSS et le tour est joué !

Pour chaque règle CSS, la compatibilité avec le navigateur est affichée en commentaire, à droite. Ainsi, vous pourrez vérifier directement avec les navigateurs concernés si le rendu est correct.

Le grand avantage de CSS3 Please! est d’être mis à jour régulièrement, permettant le support des derniers navigateurs sortis.

Après HTML5 Boilerplate, cet outil se doit de figurer dans vos favoris ! Vous n’aurez plus d’excuse pour ne pas utiliser du CSS3 dans vos créations graphiques maitnenant !

Wikeo a décidé de mettre à jour son interface et de faire appel au CSS3 en grande quantité !

Publicités

Windows Phone Mango released as of now

27 Sep

Windows Phone 7.5 MangoSo here we are! The start signal is launched, Windows Phone 7.5, alias Mango is being released as of now.

According to Microsoft, this update will take a few weeks to roll out across all countries, it is just a matter of time.

To recall you, Windows Phone Mango will bring more than 500 new features and improvements. It is the biggest update of WP7 since it launch.

This update was long waited by WP7 users and is a great deal for Microsoft who invested a lot of dollars and a great trust in their product. They mustn’t fail unless they risk to loose the mobile market.

This update will bring a better battery life, threaded applications, the new and great Internet Explorer 9 (with HTML5 goodness), speed improvements and so on.

The strategy of Microsoft is very clear : unify desktop and mobile, as one could be the extension of the other, seamlessly.

2012 will be an exciting year guys (Windows 8 + Windows Apollo) !

Costaud : Un annuaire de qualité pour vos sites web

20 Sep

Il est bien établi que pour débuter le référencement de votre site internet, il est conseillé de l’inscrire dans des annuaires de sites.

Ceux-ci lui permettront d’être vite pris en compte par les moteurs de recherche qui le créditeront d’une certaine crédibilité grâce aux liens fournis par les annuaires.

Mais attention, il vaut mieux privilégier la qualité à la quantité. Oubliez donc les logiciels de soumission automatique de votre sites à x annuaires. Dans le meilleur des cas, ces services n’auront aucune influence sur votre référencement mais dans le pire des cas, ils pourraient avoir une influence négative !

C’est dans ce cadre que nous vous présentons aujourd’hui Costaud.net, un annuaire de qualité qui vient de rouvrir en v2 avec un design flambant neuf et une ergonomie largement retravaillée.

Avec Costaud, vous aurez une fiche dédiée à votre site mais vous pourrez aussi ajouter des liens vers des articles en rapport avec votre site, faire des liens vers des pages internes de votre site, publier des communiqués de presse, faire une interview de vous, proposer des coupons réduction, etc…

Allez vite vous inscrire sur Costaud !

Pour info, la fiche de Wikeo se trouve ici : Créer un site internet

Franchement, félicitation à toute l’équipe de Costaud qui a fait un travail remarquable (c’est du costaud – ahah…) !

Créer un site en HTML5, CSS3 : pas si utopique !

19 Sep

Beaucoup (trop) de personnes pensent encore qu’il est encore trop tôt pour créer un site en utilisant les technologies du HTML5.

Arrêtons de vivre dans le passé !

Franchement, quel est encore le frein actuellement pour se lancer dans la création d’un site HTML5 ?

Internet Explorer ? Faux : La version 9 intègre la plupart des nouveautés HTML5 et la version 10 amènera la totalité des nouvelles API.

Tous les autres navigateurs sont parfaitement compatibles depuis plusieurs versions.

Utilisateur d’IE < 9 ? Expérience dégradée

Le plus gros frein est que les utilisateurs d’Internet Explorer < 9 se retrouveront sur un site web/un service moins à la pointe. Encouragez-les à mettre à jour leur navigateur ou à passer sur un alternatif, et pour les récalcitrants, tant pis, ils auront été prévenus.

Votre service dépend entièrement d’une de ces nouvelles technologies ?

Alors étudiez bien les alternatives existantes, privilégiez l’utilisation de navigateurs à jour et l’utilisation de mobiles qui ont bien souvent des navigateurs plus à la pointe.

Bref, créer un site internet en HTML5 maintenant ne relève plus du tout de l’utopie, et il est temps de s’y pencher pour être prêt une fois que les vieux navigateurs disparaîtront de la circulation !

Astuce : Redirection 301 si l’ancienne URL est toujours accessible (anti-DC)

31 Août

Récemment je suis resté bloqué un petit temps sur un soucis épineux lors de mes recherches d’amélioration de mon référencement naturel sur Wikeo :

En effet, j’utilise un framework php MVC qui me permet d’utiliser des url du style /fr/sitemap/index.

Mon soucis est que je voulais avoir des meilleures URL, adaptées à la langue, dans ce cas-ci : /fr/plan-du-site tout en évitant le duplicate content.

Le but étant qu’un visiteur (ou un robot) accédant à /fr/sitemap/index soit redirigé vers l’url /fr/plan-du-site, qui sera réécrite vers /fr/sitemap/index pour le fonctionnement interne du framework MVC.

En effet, lorsque vous désirez mettre en place des belles URL mais que votre site est déjà indexé, il faut faire en sorte que les moteurs de recherche ne tombent sur du contenu dupliqué et vous pénalisent.

J’ai donc essayé plusieurs méthodes pour finalement trouver une solution efficace !

Le premier script testé (simple à concevoir mais tout à fait incorrect) me créait une boucle infinie sur les deux URL possibles…

RewriteRule /fr/sitemap/index /plan-du-site [L,R=301]
RewriteRule /plan-du-site /fr/sitemap/index [L]

Mes recherches m’ont d’abord menées vers l’utilisation de la variable spéciale %{REQUEST_URI} de la manière suivante :

RewriteCond %{THE_REQUEST} /fr/sitemap/index
RewriteRule /fr/sitemap/index /plan-du-site [L,R=301]
RewriteRule /plan-du-site /fr/sitemap/index [L]

Malheureusement, le résultat n’est pas du tout celui escompté… En effet, cette variable n’a pas la même signification qu’en PHP, où $_SERVER[‘REQUEST_URI’] retourne l’URL réellement appelée par le visiteur.

C’est alors qu’au détour de forums et d’articles de blogs, je suis tombé sur l’article suivant, qui propose d’utiliser la variable %{THE_REQUEST}, pour le résultat suivant :

RewriteCond %{THE_REQUEST} /fr/sitemap/index
RewriteRule /fr/sitemap/index /plan-du-site [L,R=301]
RewriteRule /plan-du-site /fr/sitemap/index [L]

Et là, miracle ! La redirection 301 peut s’effectuer dans le bon sens, les visiteurs (ou robots) arrivant sur fr/sitemap/index sont redirigés vers /plan-du-site, qui est à son tour réécrite en fr/sitemap/index, pour une utilisation par le framework php !

La variable %{THE_REQUEST} contient en effet l’URL avant tout rewriting et reste intacte même si apache boucle plusieurs fois dans vos règles de réécriture, alors que %{REQUEST_URI} change en fonction des réécritures.

Protoculous, Prototype et Scriptaculous compressés !

23 Août

Une petite minute de nostalgie pour les anciens utilisateurs de Prototype.js, ce framework javascript qui a rendu à nouveau populaire l’utilisation de ce langage au sein des pages web.

A l’heure où jQuery domine le monde des frameworks javascript, que Scriptaculous et Prototype.js sont au point mort, l’auteur de Protoculous sort une nouvelle version de cet outil.

Protoculous, c’est quoi ?

Prototype et Scriptaculous sont des librairies javascript relativement lourdes à charger dans une page web. Le but de Protoculous est de réduire cette taille au maximum afin d’accélérer le chargement des pages web.

La version 2.0 intègre les librairies Prototype et Scriptaculous compressées ainsi qu’un fichier spécial, Protoculous.js, qui regroupe les deux librairies dans un seul fichier. Le but est de réduire le nombre de fichiers chargés dans vos pages web si vous utilisez les deux librairies. Vous passez ainsi de 7 fichiers à 1 seul, réduisant par conséquent le nombre de requêtes HTTP devant être effectuées vers votre serveur.

L’utilisation de Protoculous vous fera gagner des points dans l’outil d’évaluation Google Page Speed et rendra l’affichage de votre site web plus rapide.

Impact de Google Panda en France

16 Août

Le tant attendu (ou redouté) Panda, cette mise à jour drastique du moteur de recherche Google qui a déjà fait beaucoup couler d’encre outre-atlantique est arrivée en France ce 12 août.

A l’heure actuelle, nous sommes déjà en v2, soit le deuxième ajustement de cette mise à jour par rapport à la réalité du terrain.

Bien qu’il soit très tôt, il est possible d’évaluer la situation actuelle car certains sites ont subi les foudres du moteur de recherche. Mais il semblerait que globalement, l’impact du Panda n’aura pas été celui redouté.

Remettons un peu tout dans son contexte.

Panda est une mise à jour de l’algorithme de Google censée faire la chasse aux « fermes de liens », des sites conçus uniquement dans le but de bien positionner d’autres sites. C’est le cas de l’ancienne génération d’annuaires mais aussi et surtout, des comparateurs de prix.

Lorsque Panda est arrivé aux Etats-Unis, personne ne connaissait son impact exact, c’est pourquoi, beaucoup de sites ont vu leurs visites chuter de manière vertigineuse. La plupart des ces sites ont dû trouver des astuces pour faire remonter la confiance de Google envers leurs sites et ont en général bien réussi l’exercice.

De notre côté de l’atlantique, nous avons pu assister à cette écatombe et surtout, se prémunir en vue de limiter au maximum la casse.

Ce n’est donc pas étonnant de constater que les sites maintenus activement et référencés par des référenceurs professionnels n’ont pas connu les mêmes déboires que lors du premier lancement du Panda.

L’effet positif de cette mise à jour est que les résultats de recherche de Google sont globalement plus qualifiés sur certaines recherches et si vous avez des sites avec du contenu pertinent, ceux-ci ont grimpé dans l’estime de big G et sûrement dans les pages de résultat de recherche !

Quelques blogs relatent les effets du Panda sur leur référencement, c’est notamment le cas de celui de Wikeo, le service de création de site internet gratuit. Et vous, quel est votre sentiment par rapport à ce drôle d’animal ?