You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+30-14Lines changed: 30 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,13 +1,18 @@
1
-
# S.K.E.L.E.T.O.R
1
+
# ANS - RESSOURCES
2
+
### Design System de l'ANS
3
+
4
+
---
2
5
3
6
Framework CSS créé par les équipes front d'Alterway.
7
+
Maintenu par Klee Interactive.
4
8
- BEM pour le nommage des class et id
5
9
- SASS pour le CSS
6
10
- jQuery ou Vanilla JS selon le besoin
7
11
- Accessibilité : RGAA (AA) exigé
8
12
- GULP 4.x.x
13
+
- Docksal
9
14
10
-
# Génération du projet
15
+
##Génération du projet
11
16
12
17
Pour la première fois
13
18
```
@@ -29,30 +34,32 @@ Pour lancer avec le watcher
29
34
fin watch
30
35
```
31
36
32
-
## Si le GULP plante
37
+
###Si le GULP plante
33
38
34
39
Faire :
35
-
- rm -rf node_modules
36
-
- rm -rf package-lock.json
37
-
- fin npm cache clean --force
38
-
- fin npm install
39
-
40
+
```
41
+
rm -rf node_modules
42
+
rm -rf package-lock.json
43
+
fin npm cache clean --force
44
+
fin npm install
45
+
```
46
+
---
40
47
# Les grands principes
41
48
42
-
## Base
49
+
###Base
43
50
- Héritage de Boostrap 4.x.x
44
51
- OOCSS et BEM
45
52
- Architecture en Atomic Design
46
53
- Compilation via Gulp 4.x.x
47
54
48
-
## Javascript
55
+
###Javascript
49
56
Les plugins JS sont en jQuery pour la majorité d'entre eux.
50
57
Ils respectent les patterns d'accessibilité.
51
58
52
-
## Accessibilité
59
+
###Accessibilité
53
60
Respecter le RGAA, coder de façon accessible tant en HTML (twig), en CSS et en JS.
54
61
55
-
## Composants
62
+
###Composants
56
63
- dossier TWIG des composants : `web/twig/site/component`.
57
64
- dossier CSS des composants : `web/style/site/5-component`.
58
65
@@ -62,12 +69,21 @@ Ex. du composant qui a pour class `.a-info` :
62
69
- création du .twig : `web/twig/site/component/1-atom/a-info.twig`
63
70
- création du .scss : `web/style/site/5-component/1-atom/_a-info.scss`
64
71
65
-
# Mise à jour de version
72
+
---
73
+
74
+
# Mise à jour de version officiel du projet
66
75
67
76
A chaque mise à jour de version :
77
+
- Modèle : X:Y:Z (ex: 1.9.0)
68
78
- Mettre à jour la date de livraison et le numéro de version sur la page `index.twig`
69
79
- Lister tous les nouveaux éléments et les modifications apportées par la version sur la page `sg-versions.twig`
70
80
- Lancer la commande `fin gulp` pour générer tous les fichiers puis zipper la version (les éléments du dossier `web/styleguide`) **en retirant les .zip des anciennes versions du dossier /zip**
71
81
- Placer le nouveau fichier .zip dans le dossier `web/src/zip`
72
82
- Vérifier le poids noté dans les twig de tous les fichiers zip. Vous obtiendrez ces informations dans la console en lançant la commande `fin gulp` (fonction zipSizes)
73
-
- Taguer la branch `develop` à chaque livraison de version
83
+
- Taguer la branch `develop` à chaque livraison de version
84
+
85
+
# Déploiement vers le GitHub ANS
86
+
87
+
Après que le tag ai été validé par l'ANS sur les environnement OVH (préprod ou prod)
88
+
- Créer une MR de develop au niveau du tag vers la branche "synchro-github-ans"
89
+
- Le push vers github se fait via un job "synchro_github" manuel.
0 commit comments