Nous y voilà, un dossier ressource composé de 164 sources vers des tutoriels, des outils, des checklist et des ressources à gogo. Un dossier composé de ressources « secrètes » qui ont fait les ingrédients de recettes gagnantes SEO et optimisation de sites. Un dossier qui part de liens que je mets en favoris depuis le 27 décembre 2004 jusqu’à ce matin encore, et qui va continuer à grandir d part vos commentaires, vos réponses @palbertus et ma veille stratégique.

1 – Gestion de projet et productivité

• Histoire : l’évolution du web et ses formats. Un timeline en HTML5 qui retrace les changements technologiques de Netscape HTML 2.0 jusqu’à Google Chrome et les HTML5. Certes le passé intervient plus vite dans ce secteur, mais pour tous les juniors en marketing online cette page est un must-read.
• gratuit DocHub : sûrement le wiki CSS/HTML/JS/DOM/JQUERY/PHP/PYTHON le plus pratique que j’ai pu trouvé.
• API : optimiser son site avec des API externes (performance, inscription via réseaux sociaux, backup, social bookmarking). Pour les power uses de Google Analytics, Page Speed, Translator, Webfonts et j’en passe, à découvrir le Google API Explorer (et la payant console API Google). Il existe aussi gratuit API-Status pour connaitre l’état de ces dernières.
• Checklist pour le lancement d’un site 
• iPhone : gratuit Du goodie en fichiers source PSD, Illustrator, très haut de gamme pour vos storyboards et mauqttes mis à disposition par l’agence Teehanlax (Iphone 4 GUI Retina, Android GUI ou encore des sketchs iPhone,…)
• 
  Wireframe et storyboarding : Bien que mon coup de coeur s’en va sur une payant  appli de wireframing offline de Blasamiq. J’ai récemment découvert une autre solution en ligne réalisé en HTML5 : gratuit Moqups. Ces outils sur lesquels je suis tombé en lisant la series de Smashing Book sont rapidement devenus un gain en productivité et surtout de la valeur ajoutée en création de projet.
• gratuit Outil pour les RegEx
• Démarrer vos projets en projetant vos idées sur gratuit Mindmeister, un outil de brainstorming et mind mapping gratuit qui se dénote en version iPhone aussi
• Debuggers : gratuit debugger Facebook, gratuit debugger Rich Snippet de Google
• Sécurité et hacking. Devenus un business très fructueux et souvent corrélé avec les negative SEO, les techniques de malware et de spamming via des themes, codes et plugins distribués gratuitement sur le web ont atteint des niveaux record. Voici des outils pour faire du monitoring et agir vite : un gratuit liste très complète d’outils de sécurité pour site,  StopTheHacker,
• HTML5 : un tutoriel Microdata
• Validateurs CSS et HTML : gratuit CSSLint, gratuit W3C Validator, gratuit CSS W3C Validator
• Planning GANTT : gratuit AlternativeTo propose une liste très intéressante d’outils de gestion GANTT
• WebpageTest : avant que gratuit Firebug ou l’inspecteur Google Chrome n’existairent, il y avait cet outil…

Webdesign et création de site Internet

• Les 50 ressources les plus utiles pour un webdesigner (selon Smashing Magazine)
• Responsive WebDesign : ce nouveau standard d’intégration HTML mobile et Tablettes permet de monter une page compatible selon n’importe quel navigateur et résolution. Je vous propose des petits outils très pratiques pour débuter : Un tutoriel responsive design pour mobile, une Image Grid, 30 exemples de sites
• gratuit Canvas HTML5
• payant Fontdropper de WebInk : gain de temps exceptionnel avec cet outil online qui permet de tester le rendu d’une webfont juste avec un simple drag’n drop de la police sur la page HTML.  Dans la même catégorie Webfonts :  gratuit FontSquirrel et gratuit Google Webfonts
• CSS3 : les meilleurs gratuit générateurs de code CSS3, des gratuit resets CSS de Paulund
• HTML5 : gratuit une checklist de la compatibilité des navigateurs ainsi que les attributs supportés par navigateur
• 50 éléments graphiques web en PSD
• Fan de la map utilisée sur le site Foursquare ? Visitez MapBox, une librairie de carte cutomisées. On est d’accord 100% ésthétique.
• Couleurs, palettes et tendances avec gratuit COLOURlovers, qui fournit aussi un outil très sympa pour habiller votre arrière-plan Twitter
• Navigation sur mobile, le tutorial par WebDesignerWall
• Des templates WP pour vos pages de maintenance ou vos pages « coming soon »
• gratuit Wufoo, galerie de formulaires
• Inspiration : Cultfoo,
• Le Blog du Webdesign avec un grand « B ». Plus qu’un blog car vous trouverez des tonnes de goodies et téléchargement ainsi que de l’inspiration pour vos futures créations.

Mots-clés :