Bibliographie technique et outils pour l'écriture des sites

Quelques adresses vraiment utiles :

http://www.fontsquirrel.com/
De très nombreuses fontes graphiques gratuites et de bonne qualité

Colormixers
Une page pour composer sa charte graphique, en comprant des couleurs en accords.

http://robots-txt.com/
Le protocole ROBOTS.TXT

https://www.sitemaps.org/fr/protocol.html
Le protocole Sitemap - son validateur

http://www.amaryllidaceae.org/web-jardin/fichier/erreur-404.htm
Comprendre la gestion des erreurs 404 (page non trouvée). (2017-09-06)

http://www.ocawa.com/fr/Accueil.htm
Tester l'accessibilité des pages

http://vischeck.com/
Tester l'accessibilité aux déficients visuels

http://french.joelonsoftware.com/Articles/Unicode.html
Une explication de l'Unicode et de l'UTF8

https://unicode-table.com/fr/
Latin-1, Unicode, langues d'Europe Centrale

Google rankings
Evaluer ses mots-clés et la place du site selon un mot-clé

Comment un moteur de recherches voit-il vos pages ?
Utiliser un navigateur LYNX en mode texte. Plongée dans le passé.. Cet outil sert aussi à valider vos pages pour les lecteurs d'écrans pour aveugles
Download à : http://www.fdisk.com/doslynx/lynxport.htm

Validateurs

W3C HTML
http://validator.w3.org/

W3C CSS
http://jigsaw.w3.org/css-validator/

W3C Semantic Data extractor
https://www.w3.org/2003/12/semantic-extractor.html

Google validateur
https://www.google.com/webmasters/tools/richsnippets
- permet la validation des microdata de schema.org

Google validateur pour mobile
https://www.google.com/webmasters/tools/mobile-friendly/
- test de la page pour mobiles et tablettes.

Quelques logiciels libres pour remplacer ceux dont vous n'avez vraisemblablement pas les licences :

https://www.gimp.org
Plus besoin de Photoshop... Gimp est un des meilleurs outils pour travailler l'image. Dans la communauté Open Source, gage de qualité. Gratuit. (20 oct 2005)

http://www.libreoffice.org/
Les suites bureautiques équivalentes à Office. Le prix en moins. Génère des fichiers PDF et au format OpenDocument (ODT standardisé par OASIS). Une garantie de relecture très long terme. Gratuit et enthousiamant !

Inkscape - Le logiciel libre d'édition graphique vectorielle (format SVG) pour remplacer Illustrator, Freehand, CorelDraw. Gratuit, libre.

Bluefish - Editeur très puissant adapté à la création manuelle de pages web mais aussi de scripts en tous genres. Permet d'optimiser au mieux le code html (intégre le validateur W3C Tidy).

Bonnes pratiques

Opquast - les bonnes pratiques du Web
https://checklists.opquast.com/fr/oqs-v2
Une check-list pour évaluer la qualité de votre site.

Bonnes pratiques du Web - Smile - Open Source Solutions
http://www.smile.fr/Livres-blancs/Culture-du-web/Bonnes-pratiques-du-web
Recueil très complet des bonnes pratiques couvrant la plupart des aspects de la conception et de l'ergonomie d'un site internet (2014)). Téléchageable gratuitement en s'inscrivant sur le site de Smile.

https://www.tresor.gouv.qc.ca/ressources-informationnelles/standards-sur-laccessibilite-du-web/ Nombreux guides concernant les bonnes pratiques et l'accessibilité des pages web et imprimées.

https://www.nngroup.com/
Nielsen Norman Group : Une des références en matière d'ergonomie de sites internet avec Jacob Nielsen comme contributeur. Articles de fond sur tout ce qui touche la réalisation et les pratiques de l'art. (2015-04-11)

http://60canards.com/livre-dvd-strategie-contenu-redaction-web-referencement-web-analytics.html Un ensemble de publications donnant des idées sur l'ergonomie et l'efficacité des sites. (2015-05-25)

Des outils très utiles...

Ecrire, publier ! Quelle sera la durée technique de vos travaux ??

Pour pouvoir encore vous relire dans 5, 10 ans, pour qu'il existe encore une mémoire de votre travail, pour que les autres sachent vous lire maintenant, il faut utiliser des standards pour tous vos travaux. L'Administration se pose ces questions sur des horizons plus lointains encore :

Ce Référentiel général Interopérabilité fichier PDF - (Volet Technique) vous présente des recommandations bien utiles...

Twitter

https://www.hashtags.org/
Analyse de l'activité d'un hashtag afin de bien le choisir. (2015-07-14)

http://hashtagify.me/
Relations entre hashtags, top influencers, exemples d'usages. (2015-07-14)

https://twitter.com/search-home
Recherche de l'activité des hashtags sur Twitter. (2015-07-14)

http://www.jchr.be/html/caracteres.htm
Tous les caractères spéciaux avec leur codage. (2015-07-19)

Publ.:
Liens vérifiés le :