Reflectiv - The digital agency

Sam Diener, sur Sys-con.com à posté un article super intéressant à propos des techniques SEO affichées par de nombreuses entreprises dédiées se vantent d'être efficaces alors qu'elles ne le sont pas.

Cet article est très intéressant à lire, et ce pour plusieurs raison. Tout d'abord pour éviter de se faire avoir si vous recrutez un "expert" en SEO, mais aussi pour savoir que ces vieilles pratiques que vous avez depuis toujours ne sont plus efficaces.

Je vais lister les points ici en les expliquant, mais pour avoir plus de détails, je vous invite à vous rendre sur le site en question.

Un article très intéressant sur les 10 astuces pour se créer un environnement de travail motivant à la maison. L'article est très bien réalisé, avec des images qui évitent la nécessité de lire les explications dans chaque parties.

Je vais vous lister les différents points ainsi que l'image associée. Pour le reste, je vous invite à vous rendre sur l'article d'origine, qui est complet et très agréable à lire.

Vu sur korben.info, cette présentation est très intéressante à lire, malgré les répétitions des citations dans les commentaires.

Enjoy !

Cet article proposé par Christian Heilmann sur le blog des développeurs d'Opera liste des bonnes pratiques à appliquer en développement Javascript.

Il est rare d'avoir un article de cette qualité, donc je met le liens avec le sommaire (traduit) afin de vous donner un avant goût.

• Appelez les éléments (variables et fonctions) par leur nom - simple, court et lisibles
• Évitez les variables globales
• Gardez une convention d'écriture stricte
• Commentez autant que nécessaire sans trop en faire
• Évitez de mélanger avec d'autres technologies
• Utilisez une notation raccourcie lorsque cela est évident
• Modularisez : une fonction par tâche
• Améliorez progressivement
• Préparez votre code pour la configuration et la traduction
• Évitez les imbrications profondes
• Optimisez les boucles
• Évitez l'accès au DOM au maximum
• Ne vous basez pas sur les comportements des navigateurs
• N'ayez confiance en aucune donnée
• Ajoutez des fonctionnalités avec Javascript, ne créez pas trop de contenu
• Bâtissez votre code en vous basant sur les géants (YUI, JQuery, Dojo, etc)
• Le code en développement n'est pas le code en production

Un article vraiment complet et très intéressant !

J'était déjà tombé sur cet article et déjà à l'époque il m'avait beaucoup plus.

Chris Coyier, de Css-Tricks propose une mise à jour de son article parlant de la beauté du code HTML.

Voici une traduction pour les non anglophones des différents points.

• HTML5 - HTML5 et ses nouveaux éléments rendent le HTML encore plus beau que jamais.
• DOCTYPE - HTML5 a le meilleur doctype !
• Indentation - Le code est indenté de façon a montrer la relation père/fils des différents noeuds et mettre en valeur cette hiérarchie
• Charset - Déclaré en tout premier dans la partie head, avant tout contenu.
• Title - Le titre du site est simple et propre. Le but de la page apparaît en premier, suivi d'un séparateur et finis par le titre du site.
• CSS - Un seul style est utilisé (les différents types de médias sont déclarés dans la feuille de style) et appliqués uniquement aux bons navigateurs. IE 6 et les versions précédentes ont une feuille de style universelle.
• Body - ID appliqué au body afin de proposer un style unique de page sans ajouter de tags superflus.
• Javascript - jQuery est chargé depuis les serveurs Google. Un seul fichier javascript est chargé. Les scripts sont indiqués à la fin de la page.
• Chemin vers les fichiers - Les ressources chargés utilisent des chemins relatifs pour être plus efficaces. Le chemin vers des contenus est quant à lui absolu, afin de pouvoir le proposer à travers d'autres plateforme (lecteur de flux rss par exemple).
• Attribut des images - Les images possède un texte alternatif, principalement pour les personnes utilisant des navigateurs adaptés mais aussi pour la validation. Hauteur et largeur sont indiquées afin d'améliorer le rendu.
• Le contenu principal en premier - Le contenu principal de la page arrive après les éléments principaux (titres, menus, etc) mais avant les contenus secondaires (sidebar).
• Utilisation des éléments descriptif appropriés - Header, Nav, Section, Article, Aside ... toutes ces propriétés décrivent le contenu qu'elles contiennent de façon plus efficace que l'utilisation de divs.
• Hierarchie - le tag Title est réservé pour du contenu concret, et suis une hiérarchie claire.
• Description appropriée des Tags - Les listes sont marquées comme des listes, dépendants du type de liste : ordonnée, non ordonnée, et la liste de définitions
• Contenu récurrent est inclus - Les éléments qui sont utilisés dans plusieurs pages sont incluses via un traitement côté serveur.
• Classes sémantiques - Utilisation de nom, classes, ids appropriés sémantiquement : Elle décrive ce qu'elle font et pas comment ("col" au lieu de "leftbar")
• Classes - Elles sont utilisées à chaque fois qu'un style doit être appliquée plusieurs fois.
• IDs - Ils sont utilisés à chaque fois qu'un élément apparait qu'une seule fois.
• Element dynamique - Ce qui doit être dynamique est dynamique.
• Encodage des caractères - Si c'est une caractère spécial, il sera encodé.
• Liberté de rendu - Aucun point dans la page applique un style visuel et aucun ne doit le faire. Tout dans la page doit être contextuel.
• Commentaires - Les commentaires présents ne peuvent pas avoir l'air évident au premier abord, mais pourrons aider lors d'une prochaine relecture.
• Valide - Le code doit respecter les recommandations W3C. Les tags doivent être clos, les attributs requis utilisés et aucun élément ne doit être déprécié.