Agile Brown Bag : Bonnes pratiques HTML / CSS

Agile Brown Bag : Bonnes pratiques HTML / CSS

Comme chaque mois, chez Agile Partner, nous mettons en avant des technologies et autres idées de l’IT pour les collaborateurs sous forme de Brown Bag lors de notre Agile Brown Bag. Pour cette seconde session, Christian Jolas, UX consultant, nous a présenté les bonnes pratiques HTML / CSS.

Les bonnes pratiques HTML

  • L’utilisation du Doctype
  • La balise <meta>
  • L’utilisation des entités HTML
  • Donner du sens à son contenu de lien
  • Texte alternatif sur les images
  • Les en-têtes dans les tableaux
  • L’utilisation du label avec un input
  • Une liste contient uniquement des <li>
  • Ne pas utiliser de CSS inline

Les bonnes pratiques CSS

  • Faire bon usage des sélecteurs CSS (id, class, éléments, attribut, enfant, frère direct, frère indirect, pseudo-class, pseudo-élément)
  • Hiérarchie : ID > class > élément > attribut
  • Commenter son code
  • Block >< Inline
  • Display: none >< display: hidden
  • Regrouper les attributs
  • Eviter les répétitions
  • Utiliser des raccourcis (margin: 0px 5px 10px 5px)
  • Utiliser des pré-processeur: Less, SASS, Stylus…

Si vous désirez aller plus loin dans le domaine, n’hésitez pas à consulter et forker la présentation!

Annabelle Buffart

Web geek

No Comments

Post a Comment

Comment
Name
Email
Website