Actualité

Scampi 0.4

24 septembre 2018

Amélioration du Core et de divers modules, avec notamment le regroupement en sous-modules des éléments de formulaire.

Suppression du répertoire _tests, qui n'était pas utilisé. Déplacement du fichier récapitulatif scampi.scss qui y était présent vers la racine du dépôt.

Core

core/helpers :

  • définition d'une variable spécifique pour les paddings applicables aux éléments de class .container
  • suppression du padding-top par défaut sur l'élément .main-container

Modules

modules/browsehappy :

  • un poil de décoration

modules/collapse :

  • gestion d'un libellé sur deux lignes
  • meilleur alignement des symboles ouvrir/fermer
  • définitions de variables (gestion de la valeur, de la couleur, de la taille et du positionnement du picto, paddings du bouton et de la zone dépliable)

modules/forms

  • regroupement de tous les modules dérivés et dépendants de forms dans modules/forms avec liste des partials à inclure en fonction du projet
  • mise à jour des fragments twig
  • mise à jour de la doc

Scampi 0.3

27 mars 2018

Beaucoup de changements et améliorations dans cette nouvelle version, notamment sur le plan de l'accessibilité. Assurez-vous d'avoir bien pris connaissance de ces changements avant de faire une mise à jour.

Modifications de cette version 0.3

Général :

Suppression du speak:none appliqué à des sélecteurs css (notamment lors d'ajouts de contenus décoratifs via :after ou :before) car cette règle n'est pas toujours bien respectée par les aides techniques. Lesdits contenus décoratifs sont désormais encapsulés (avec ou sans :before / :after) dans un span aria-hidden true.

Modules :

  • blockquote : fix typo dans le mixin qui empêchait la prise en compte du font-style par défaut
  • breadcrumb :
    • sémantique html, construction en ol/li
    • déplacement du séparateur sur un span aria-hidden true
  • buttons :
    • ajout de variables pour les styles par défaut des boutons (class .btn)
  • collapse :
    • restauration de l'outline au focus qui avait disparu
    • placement du symbole dans un span aria-hidden=true
    • mise à jour du script en v1.8.0
  • forms :
    • ajout d'une class .form-duo pour des champs côte à côte
    • suppression de l'outline:none sur le focus des inputs
    • ajout de messages d'erreurs in situ
    • correction d'une variable érronée d'une media query
  • menu-simple :
    • attribut aria-expanded true|false sur le bouton "hamburger"
    • amélioration cosmétique quand le libellé passe sur plusieurs lignes
    • wrapper jquery autour du script pour éviter les conflits avec les autres scripts
      • déplacement du séparateur sur un span aria-hidden true
  • modal :
    • bugfix: suppression du aria-hidden="true" quand la modale est ouverte
    • suppression du mixin opacity (montée des versions IE compat)
  • pagination :
    • ajout d'un role="navigation" sur nav
    • remplacement de l'aria-label par un title pour "page précédente/suivante"
    • ajout d'un title explicite sur chaque numéro de page ("page 1" ...)
  • site-banner-simple :
    • alt vide sur le logo
    • ajout d'une baseline
    • gestion du responsive des 3 éléments (logo, titre, baseline)
  • svg-icons :
    • ajout de l'attribut focusable false pour correction de bug IE11
    • réglage à 1em de la taille par défaut
    • trois icônes livrées par défaut (lien externe, courriel, lien téléchargement) assorties de leur sprite
  • textarea-counter :
    • amélioration de la restitution du décompte par les aides techniques
  • u-comments :
    • attribut aria-expanded true|false sur le bouton déclencheur
    • ajout d'un effet au focus et au hover sur le bouton déclencheur
  • u-debug :

    • simplification de l'affichage du rythme vertical

    Dépendances :

    Suppression du fichier jquery.min.js ; c'est désormais à l'utilisateur de choisir la version qui lui convient et de l'importer dans son projet. La documentation reflète ce nouveau process.

    Documentation :

  • Liens dans modules/readme vers les pages de doc/démo sur le site du PiDILA

  • Actualisation et rafraîchissement des fichiers md de presque chaque module
  • Création de doc pour des modules qui en manquaient

Travaux en cours

10 mars 2018

Beaucoup de travaux en cours pour l'équipe en ce moment :

Refonte de la checklist

Il s'agit d'une refonte à la fois technique et rédactionnelle réalisée en collaboration avec la DINSIC. La nouvelle version offrira une interface plus agréable, une fonctionnalité de recherche, la possibilité d'enregistrer un lien vers une liste préfiltrée. Nous en profiterons pour relire l'ensemble des critères, les numéroter pour pouvoir y faire plus facilement référence et consoliderons les métadonnées de classement.

La nouvelle version intégrera les critères de la DINSIC pour la délivrance de l'homologation Cerfa des démarches en ligne.

Date de sortie : avant fin mars 2018.

Contenus et ergonomie du site

En parallèle des travaux sur la checklist, nous procédons à une série d'améliorations de l'ergonomie du site à la suite de retours utilisateurs.

La documentation de Scampi s'est enrichie de démonstrations de chaque module d'interface (attention, nous anticipons la mise à jour de Scampi, la documentation et les démos correspondent donc à cette future version).

Nous souhaitons aussi étoffer la rubrique Gestion de projet pour accompagner la maîtrise d'ouvrage le mieux possible.

Date de sortie : au fil de l'eau, en continu.

Nouvelle version de Scampi

Mise à jour de nombreux composants de Scampi et ajout de quelques nouveaux. Nous avons également procédé à une analyse très poussée de l'accessibilité des modules et procédé aux correctifs ou améliorations issus de cette analyse.

Date de sortie : avant fin avril 2018.

Nouvelle version de Scampi-Twig

Nous collectons nos retours d'expérience et ceux de nos utilisateurs sur la mise en œuvre de Scampi-Twig sur différents projets et nous procéderons à la réorganisation des fichiers et l'amélioration des scripts de tâches.

Date de sortie : avant fin juin 2018.

Mises à jour de Scampi et de Scampi-Twig

2 novembre 2017

Scampi passe en version 0.2 et offre de nouveaux modules :

  • input-group : réunir visuellement des boutons ou éléments de formulaires
  • menu-simple : composant minimal pour un menu horizontal rétractable en hamburger sur mobile
  • modal : fenêtre modale
  • pagination : groupe de boutons pour naviguer d’une page à l’autre, préc/suiv, début/fin
  • svg-icons : permet l’utilisation d’icônes svg réunies dans un sprite

Scampi-Twig version 0.3 suit cette évolution mais pas seulement : on a un peu modifié l’architecture pour que ce soit plus intuitif de savoir où trouver quoi.

Du neuf pour le design de ce site

4 mai 2017

Nous disposons désormais de jolis logos et illustrations pour notre équipe et nos outils. Retrouvez-les tous dans la page de notre guide de styles dans la section Identité visuelle/Logo et la section Identité visuelle/Icônes. La palette des couleurs a été adaptée à ces nouvelles images : elle figure dans la section Identité visuelle/Couleurs.

Publication de la checklist Pidila

20 mars 2017

Les 302 critères de la checklist Pidila sont enfin disponibles sur le web sous forme de checklist unique. Les critères sont filtrables par profil, référentiel, niveau ou thématique.
Découvrir la checklist Pidila.

Publication de Scampi-Twig en version 0.1 (beta)

15 novembre 2016

Scampi-Twig (actuellement en version 0.1-beta permet de générer des pages statiques avec Twig et Markdown et utiliser bien sûr Scampi pour les styles. Vous pouvez nous aider à améliorer cet outil en le testant et en ouvrant des bugs ou suggestions d’amélioration.

Publication de Scampi en version 0.1 (beta)

30 octobre 2016

Le dépôt de Scampi devient public. Il est actuellement présenté en version beta (0.1). Nous espérons pouvoir en sortir une version stable à la fin de l’année. Vous pouvez nous y aider en testant cet outil et en ouvrant des bugs ou suggestions d’amélioration.