Les nuanceurs - Le blog de Zeni sur les dernières tendances du web

Les sites suivant ont été récemment mis en production :

• www.gaselys.com
• factoring.lcl.fr
• www.ca-factoring.fr

Dans les trois cas, nous n'avons pas fait le design, mais surtout l'ossature technique et le conseil des clients.

Dans le cas de factoring.lcl.fr et www.ca-factoring.fr, nous avons "dynamisé" des sites qui ne l'étaient pas, nous l'avons inclue dans le cadre technique d'Eurofactor. Le client n'a donc maintenant plus qu'un seul Back-Office pour gérer l'ensemble de ses sites. Nous assurons aussi l'hébergement.

Qui n'a pas un jour vu les ressources mémoire augmenter considérablement avec l'utilisation de FireFox.

Saviez vous que le nom de Google est en fait issu d'une faute d'orthographe ?

Album covers battle vidéo Une animation à partir des pochettes d'albums ( Scorpions, def lepard, Billy Joel,Michael Jackson ...etc),
mais si avant les CD, pour ceux qui n'ont pas connus il y avait les disques microsillons ( vinyles ) ...

Il s'agit de plugins Firefox et de sites Web pour la majorité.
Voici les listes exhaustives directement à la source :

• Pour les outils Firefox qui tacheront de vous faciliter la vie
  
  • http://www.vandelaydesign.[..]ons-webdesign/
• Tout ce qui a un rapport avec le référencement
  
  • http://www.vandelaydesign.[...]-and-track-your-website//

Parmi tous ces liens, toutes ces fonctionnalités, j'ai repéré ceux-là :

• http://www.seomoz.org/page-strength/ : qui vous donne un score au potentiel de référencement pour votre page web, les réseaux sociaux sont pris en compte, l'age du nom de domaine etc.
• http://sitening.com/seo-tools/seo-analyzer/ : va vous donner un score pour la sémantique de votre code HTML vis à vis du référencement. Ex : absence de balise H, menu non parsable etc.
• http://www.webuildpages.com/seo-tools/strongest-subpages-tool.php : vous donne les pages les plus riches de votre domaine en terme de mots clefs.
• http://www.iwebtool.com/google_banned : Google a t il banni mon site ?
• http://www.seomoz.org/geotarget : géolocalisation de la réussite de votre référencement naturel (nécessite d'être enregistré)
• http://tools.summitmedia.co.uk/spider/ : un simulateur de robot google : ma page est elle trop lourde ? les H sont ils en nombre trop important ou pas assez ? les balises alt ont elles des mots clefs ? bel outil

Avant d'aborder les extensions firefox, un site qui vous propose de faire des captures d'écran de votre site sous les différents navigateurs du marché : http://browsershots.org/
Pour les extensions Firefox faites pour vous faciliter la vie (je vous passe ce qu'on a dans firebug) :

• LinkChecker : affiche les liens cassés dans votre page (à voir si ça ne clique pas en tâche de fond sur des boutons de type "désinscription" quand il est présent dansla page à analyser
• aardvark : un outil pour vous faciliter la vie dans la création d'une css dévolue au média print (autrement dit l'imprimante)
• YSlow : pourquoi ma page est lente et comment faire pour résoudre les problèmes ?
• Screengrab : enregistrer une page sous forme d'image : Wahouuu !
• Save as image : pareil
• FasterFox : du tweaking de FireFox : autrement dit, du tuning pour le faire se dépêcher

France 2 et France 3 ont refait leur site il y a quelques semaines. Le nouveau design n'est pas encore appliqué sur toutes les pages mais on peut tout de même noter des changements majeurs :
Graphiquement, on se retrouve sur un site résolument 2.0 avec des arrondis, dégradés, de la transparence sur les visuels, etc ...On sort d'un format adapté à du 800x600 pour arriver sur une page qui rentre (pile !) dans un 1024. Question couleur, l'équipe créative a décidé de reprendre le rouge du logo pour l'appliquer sur tous les "headers" de blocs. Je ne suis pas sûr que ce choix soit très pertinent. Une nuance de rouge, ou un code couleur aurait permis de s'y retrouver un petit peu plus sur la page. Cependant les blocs sont bien organisés et l'ergonomie s'en sort assez bien.

En terme de fonctionnalités, on reste dans le web collaboratif avec des forums, des flux RSS, des tags, et de l'Ajax pour naviguer dans les différentes boites d'informations.
Pourtant je me pose une question concernant les vidéos. Le choix de l'ouverture en popup est justifié (pour continuer à naviguer sur le site), mais pourquoi choisir un format vidéo Windows, plutôt qu'une solution flv qui aurait pu être récupéré (pourquoi pas) par une application RDA développée avec AIR. Notons que TF1 a aussi parié sur Windows, il doit surement y avoir une raison :)

A noter également un menu déroulant digne d'Amazon



Assez pratique, on peut accèder à toutes les émissions proposées par la chaine ou aux émissions archivées (quoiqu'un peu buggé sur cette partie).
Ce menu est utilisé par France 3 pour permettre une navigation entre les régions.

Voici quelques billets / outils intéressants:

Tutoriaux pour optimiser le chargement des pages :

1. Make fewer HTTP requests
2. Use a Content Delivery Network
3. Add an Expires header
4. Gzip components
5. Put CSS at the top
6. Move scripts to the bottom
7. Avoid CSS expressions
8. Make JavaScript and CSS external
9. Reduce DNS lookups
10. Minify JavaScript
11. Avoid redirects
12. Remove duplicate scripts
13. Configure ETags

http://developer.yahoo.com/performance/rules.html
http://www.sitepoint.com/article/web-site-optimization-steps
http://yuiblog.com/blog/category/performance/

Différents outils de compression Javascript/CSS:

http://developer.yahoo.com/yui/compressor/
http://code.google.com/p/minify/
http://www.bananascript.com/index.php?compress
http://dojotoolkit.org/docs/shrinksafe