Outils

Navigateur et extensions

• Un navigateur : Firefox
• Pour ne pas être gêné par le cache de Firefox :
  • about:config
  • browser.cache.check_doc_frequency : passer de 3 à 1 (cf Documentation Officielle de FireFox sur la fréquence d’actualisation du cache
• Des extensions pour les rédacteurs :
  • HTML Validator With Tidy : à régler en mode SGML
    Permet de vérifier qu’il n’y a pas d’erreurs grossières dans les raccourcis typographiques utilisés
  • Headings Map
    Permet de vérifier que les titres sont correctement utilisés dans la page
• Des extensions utiles en tout temps
  • The Addon Bar (restored) : pour retrouver la barre des modules dans Firefox 29+ (Australis)
  • RSS Icon pour retrouver l’icone de RSS dans la barre d’adresse de Firefox 4 [1]
  • Adblock Plus : pour ne plus avoir de publicités
  • FireShot : pour faire des captures d’écran du navigateur
  • Facultatif : Muter : pour couper le son de Firefox (utile si une vidéo démarre dans un onglet qu’on ne voit pas)
  • LastPass : pour gérer ses mots de passe dans un coffre fort sécurisé avec remplissage automatique des formulaires de login
  • Backspace Enabler : uniquement sous Linux : pour que la touche retour arrière ramène à la page précédente comme sous Windows et MacOSX

Des images libres de droit

• Iconduck : plus de 100000 icônes libres de droit
• Icon Finder : des icônes dont certaines sont libres de droit
• IconsDB : d’autres icônes
• morgueFile
• Photo Pin
• everystockphoto
• Wikimedia commons
• foter : méta moteur de recherche d’images libres de droit
• Pexels
• Pixabay : que nous utilisons très très souvent !
• Adobe Stock gratuits : une partie des images d’Adobe, totalement gratuites !
• ReShot
• photosgratuiteslibresdedroits.com : Des centaines de photos gratuites libres de droits à télécharger
• Negative Space : des photos tombées dans le domaine public
• Stock Up : moteur de recherche pour plus de 9000 images
• visualhunt : pour rechercher dans 350 millions d’images libres de droit !
• LibreStock : moteur de recherche d’images libres de droit
• Pixnio : images gratuites pour toute personne et toute utilisation
• pikwizard : images libres de droit gratuites
• Burst : photos gratuites libres de droit à usage commercial
• Unsplash : banque d’images à haute résolution
• Gratisography : images gratuites à usage commercial
• Little Visuals : Images gratuites à haute résolution
• SuperFamous : images de haute qualité gratuites à télécharger, utilisation à des fins personnelles et commerciales
• Life Of Pix : photos de très haute résolution
• Startup Stock : images professionnelles en haute résolution, idéales pour un site web traitant de technologie
• MMT : photos professionnelles gratuites à usage commercial
• Pexels : photos artistiques professionnelles
• Magdeleine : possibilité de trier les photos en fonction des couleurs et des catégories
• Jay Mantri : photos de ville et de paysages libres de droits à usage commercial
• Stock Snap : images et photos gratuites à usage commercial
• Picography : magnifiques photos de « style de vie » pouvant être utilisées à des fins commerciales
•  

Et pour Google Maps :

• Mapicons collection un grand choix d’icones, et la possibilité de personnaliser leurs couleurs

Aide à l’écriture

• Rédiger pour Internet afin d’être lu et trouvé
• CNTRL : tout ce qui touche à la langue française, en particulier, les synonymes
• Aidenet : vous propose un dossier complet sur la grammaire française ainsi que sur la conjugaison et les verbes

Outils de retouche d’image

En ligne

• Sumo Paint Un photoshop-like en ligne

En local

• XnView : retouche d’image et traitement par lot
• Screenshot Captor : Open source : capture d’écran et retouches
• Paint.Net : un clone de Photoshop™ gratuit
• The Gimp : la référence Open Source face à PhotoShop (interface qui peut dérouter)
• ShareX permet de faire des captures et de retoucher les images

Outils de retouche sonore

• Audacity : la rolls pour traiter les sons !

Mise en œuvre avec un CMS

Les principes sont les mêmes quel que soit le CMS.

Ces articles sont écrits pour SPIP, mais la mise en œuvre serait sensiblement la même avec un autre CMS :

• Wordpress
• Drupal
• Typo3
• EZ Publish
• Joomla
• Dotclear
• …

Les bases pour les rédacteurs

• Les raccourcis typographiques indispensables de SPIP : la base de la mise en sens avec SPIP
  Voir aussi mon intervention à ParisWeb 2010
• Le gras est mauvais pour la santé de votre site
• Erreurs classiques de mise en forme typographique
• Du bon usage du référencement de sites dans SPIP
• Avantages comparés Articles/Documents joints
• Les 3 publics d’un site web
• Archives et référencement
• Comment insérer une image avec SPIP ? : placer les images efficacement
• Gestion des liens avec SPIP : utiliser les possibilités de SPIP pour faire des liens précis et durables.
  Et évitez de Cliquez-ici !
• Rédiger pour Internet afin d’être lu et trouvé
• Choisir l’ordre d’un contenu dans SPIP
• Embargo d’information avec SPIP
• Insérer une vidéo Youtube comme document joint à SPIP
• Voir aussi le support SPIP 3 pour rédacteur

Squelette SoyezCréateurs sous SPIP

• Documentation de SoyezCréateurs sur SPIP-Contrib
• Possibilités des sites SoyezCréateurs
• Schémas de fonctionnement du squelette SoyezCréateurs : pour bien comprendre comment la zone centrale est remplie
• Sigles, abréviations et acronymes : pour gérer les sigles
• Usage des champs d’un article avec SoyezCréateurs