Trousse de développement

Cette trousse est un outil destiné au développement de sites Web. Des composants sont régulièrement ajoutés à la trousse de développement qui, à terme, inclura l’ensemble du contenu du Système de design gouvernemental afin de faciliter la réalisation de projets numériques gouvernementaux. 

La trousse comporte un ensemble de fichiers (CSS, SCSS, HTML et JavaScript) pouvant être intégrés à n’importe quel projet de développement web, indépendamment de la technologie utilisée (PHP, React, Angular, Vue, etc.).  

La version actuelle contient les éléments suivants :

Bases

• Couleurs
• Grille horizontale (grille de 8 px)
• Images
• Iconographie
• Liens
• Liste
• Niveaux de titres
• Ombrages
• Paragraphes
• Polices de caractères
• Séparateur

Composants

• Alerte générale
• Avis
• Barre de recherche
• Boutons
• Formulaires
  • Boutons radio, cases à cocher et boutons de sélection
    • Groupe de boutons radio et de cases à cocher
    • Case à cocher unique
    • Boutons de sélection
  • Champ texte
  • Champ de recherche
  • Commutateur
  • Liste déroulante
  • Champs alignés horizontalement
  • Indicateur de champ obligatoire (intégré dans les composants de formulaire concernés)
  • Message d'erreur (intégré dans les composants de formulaire concernés)
• Haut de page
• Infobulle

Modèles

• Bandeau d’en-tête du PIV
• Pied de page du PIV

Un processus d’autorisation de projet numérique est en place au Secrétariat à la communication gouvernementale pour tous les projets de rehaussement, de développement ou de refonte de sites Internet. Avant d’entamer un nouveau projet, assurez-vous d’obtenir un avis favorable de dérogation (l’accès VPN est nécessaire pour accéder à la page). Une fois l'autorisation obtenue, vous pouvez accéder à la trousse sur GitHub.