Si vous ne connaissez pas encore les segments avancés, vous allez voir Google Analytics sous un autre jour.

Ces segments vont vous permettent de regrouper et de suivre les visites de vos sites. Il vous sera alors possible de connaitre les visites réalisées à partir des moteurs de recherche d’image, celle réalisées depuis un iPad et même de connaitre la question que ce pose l’internaute avant d’arriver sur votre site. Cela vous sera utile à mieux comprendre vos internautes et de ce fait à améliorer le contenu de vos sites.

Voici pour cela quelques liens expliquant les différents segments utiles :

Centre d’aide officiel à l’utilisation des segments

7 segments avances Google Analytics à créer absolument

Comment déterminer les questions que se posent vos visiteurs

Ras le bol de l’Arial, Helvetica ou autre… Voici une sélection de police optimisées pour le Web avec tout le détails de la mise en pratique sur votre site. Merci Google

http://www.google.com/webfonts/v2

Si vous ne connaissez pas encore HTML5 Boilerplate, il s’agit d’un template HTML/CSS/JS de tueurs pour développer des sites rapides, robustes et éprouvés pour le futur. Un maximum de bonnes pratiques et de recommandations réunis dans un seul template.

Voici maintenant la version pour email, avec un template optimisé pour l’affichage dans la majorité des lecteurs de mail tel que Gmail, Hotmail, Yahoo etc…

http://htmlemailboilerplate.com/

Besoin de connaître la signification d’une couleur, à la recherche du palette et bien plus encore. Voici votre guide http://www.code-couleur.com/.

Ce site en français est entièrement dédié à la couleur. Vous y trouverez la signification des couleurs, un dictionnaire des couleur, les palettes de couleur…

On connait la validation de nos CSS avec les normes W3C, voici une validation cette fois sur la qualité de vos CSS. C’est assez pratique même si parfois les recommandations ne sont pas applicable suivant votre utilisation.

http://csslint.net/

Dur à dire, alors en attendant ce jour heureux voici un site qui nous indique par localisation le % d’utilisation de ce superbe navigateur : ie6countdown.com

J’ai eu l’occasion de participer brièvement à ce concours, très intéressant et formateur. Voici le retour fait par l’un des jury de ce concours. Vous y trouverez des liens intéressants sur l’explication des modifications réalisées par les concurrents.

- Retour sur le Concours Webperf 2010 par BrainCracking
- Concours Webperf 2010 : les bases par BrainCracking
- Concours Webperf 2010 : maîtriser le chargement par BrainCracking
- Concours Webperf 2010 : refactoring et enseignements du concours par BrainCracking
- Ma participation au Webperf-Contest 2010 par yterium.net
-

Allez plus loin avec ces 30 sélecteurs CSS et leur compatibilité dans les navigateurs.

Vous y trouverez par exemple le selecteur « X[href^="http"] » utilisé de cette manière


1. a[href^="http"] {
2. background: url(path/to/external/icon.png) no-repeat;
3. padding-left: 10px;
4. }


Pour afficher un petit icone devant chaque lien depuis votre site, pointant vers l’extérieur. Et ça marche à partir de IE 7

30 sélecteurs CSS à mémoriser

Il n’est pas évident de comprendre cette recommandation de Google Page Speed. Je vous invite donc à consulter le sujet suivant sur le forum d’Alsacréations

« L’année 2010 se termine, c’est le moment de faire un grand bilan de tout ce qui a changé dans le monde du référencement naturel : algorithme, interface, nouveaux produits ou services, rachats… sans oublier les changements sur WebRankInfo. Bonne lecture ! »

Source : WebRankInfo