Les règles d'écriture du web by https://padlet.com/mael_marchand1/3r9fw2w2dxv5 Fait par Maël Marchand en-us 2019-04-10 08:13:41 UTC 2019-05-07 08:47:17 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Diskette.png Les polices mael_marchand1 https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350255914 -Non au Comic Sans MS
-Ne pas utiliser trop de polices (2-3 polices)
-Bannir les polices trop compliquées ou fantaisistes]]> 2019-04-10 08:19:20 UTC https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350255914 Ecrire du texte mael_marchand1 https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350256288
  •  Ne pas faire des fautes d'orthographes
  • Ne pas faire de longues phrases
  • Justifier le texte
  • Mettre les mots clés en surbrillance
  • Penser au référencement
  • Faire des paragraphes courts
  • Bien aérer le texte
  • Grammaire et Orthographe irréprochable
  • Utiliser des phrases courtes et simple
  • S'adapter à son public
  • Avoir un contraste fort entre le texte et le fond (couleur)
  • Illustrer son texte avec des images
  • Organiser son texte avec des titres / sous-titre
  • Ne pas faire trop réfléchir son lecteur
  • Ne faire d’abréviations
  • Utiliser des listes à puce
  • Eviter les textes incrustés dans l’image, sauf nécéssité graphique
  • Eviter l'italique et préférer le gras
  • Eviter de souligner
  • NE PAS ECRIRE EN LETTRES CAPITALES
  • Ne pas écrire sur plusieurs colonnes
  • Ne pas avoir plus de 2 ou 3 paragraphes de 4 à 5 lignes par écran
    • ]]>     2019-04-10 08:21:04 UTC https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350256288     Utiliser les images mael_marchand1 https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350265422
  • Utiliser des images libres de droit
  • Faire attention au droit à l'image (des personnes dessus)
  • citer les sources
  • Mettre un descriptif / légende
  • Mettre un texte alternatif
  • Mettre un titre
  • Éviter une image en plein milieu du texte, plutôt privilégier la placer entre deux paragraphes
  • utiliser les bonnes tailles
  • Créer plusieurs images avec des résolutions différentes
  • Adapter la taille des images pour éviter que largeur dépasse 100vw
  • http://squoosh.app
  • Ne pas déformer les images (width ET height)
  • Bien choisir le format de son image
  • Images pertinentes
    • ]]>     2019-04-10 09:02:31 UTC https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350265422     Utilisation des couleurs mael_marchand1 https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350274328
  • Utiliser des couleurs complémentaires
  • Utiliser un thème de couleurs / palette
  • Éviter les couleurs trop 
  • Utiliser un couleur primaire et une secondaire et peut-être une tertiaire
  • Choisir les couleurs selon leur signification
  • Utiliser des couleurs neutre ou néon ou pastel
  • On peut utiliser un thème monochrome
  • Utiliser des couleurs contrastées
  • Appliquer la règle du 60% 30% 10%
  • Luminosité des couleurs
  • Éviter les couleurs saturées (255;255;255)
  • Mêmes couleurs pour le même type d'information
  • Éviter le bleu ou le rouge pour le texte
  • Eviter rouge + bleu, jaune + violet, jaune + vert
  • htmlcolorscodes.com
  • color.adobe.com
    • ]]>     2019-04-10 09:46:28 UTC https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/350274328     Responsive mael_marchand1 https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/357517536
  • Pas de défilement horizontal ni zoom
  • 0 à 500 px : smartphones
  • 500 à 960 px : tablettes
  • 960 à 1280 px : ordinateurs

    • Pour le site :
    • 320 à 767 px : smartphones
    • 768 à 1023 px : tablettes
    • 1024 + px : ordinateur
    ]]>     2019-05-07 08:40:23 UTC https://padlet.com/mael_marchand1/3r9fw2w2dxv5/wish/357517536