mise à jour readme.md

This commit is contained in:
Raphael Goetter 2017-10-03 10:50:02 +02:00
parent c417239696
commit 45db345081
2 changed files with 40 additions and 29 deletions

View file

@ -2,11 +2,9 @@
http://www.knacss.com http://www.knacss.com
KNACSS, c'est une sorte de feuille de style CSS "reset" sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, responsive webdesign). KNACSS, c'est une sorte de feuille de style CSS "reset" sur-vitaminée qui permet de commencer un projet à partir de zéro tout en tenant compte de bonnes pratiques générales (accessibilité, performance, responsive webdesign, grille de mise en forme).
KNACSS prend en charge les styles de base, mais également la typographie, les modèles de boîte, les alignements et positionnements d'éléments, les grilles de mise en page, dans l'esprit d'être adapté à toutes les tailles d'écran (reponsive). Le tout automatiquement ! Conçu par l'agence web [Alsacreations.fr](http://alsacreations.fr) et pensé pour être couplé avec des préprocesseurs tel que Sass, le micro-framework KNACSS est employé quotidiennement sur toute sorte de projet web quel que soit son type ou son envergure.
Conçu par l'agence web [Alsacreations.fr](http://alsacreations.fr) et pensé pour être couplé avec des préprocesseurs tel que Sass, le micro-framework KNACSS est employé quotidiennement sur toute sorte de projets web quel que soit son type ou son envergure.
## Documentation ## Documentation
@ -33,16 +31,26 @@ Voir la documentation.
## Mise à jour depuis une version précédente de KNACSS ? ## Mise à jour depuis une version précédente de KNACSS ?
La version `6.*.*` de KNACSS est une version majeure, ce qui implique que certaines fonctionnalités ne sont plus forcément rétro-compatibles avec les versions précédentes `5.*.*`. La version `7.*.*` de KNACSS est une version majeure, ce qui implique que certaines fonctionnalités ne sont plus forcément rétro-compatibles avec les versions précédentes.
Voici les principales modifications dont il faudra tenir compte lors d'une bascule vers la version 6 de KNACSS : Voici les principales modifications dont il faudra tenir compte lors d'une mise à jour :
### Modifications majeures entre la v7 et la v6
- architecture globale revisitée (vendor, config, library, components)
- variables de projet modifiées et renommées
- refonte complète du système de grille (dorénavant basé sur Grid Layout)
- déplacement des variables de gouttières de grillade.scss vers variables.scss
- déplacement des variables de breakpoints de breakpoints.scss vers variables.scss
Pour tous détails, voir le fichier Changelog.
### Modifications majeures entre la v6 et la v5 ### Modifications majeures entre la v6 et la v5
- le grille de mise en forme a été entièrement modifiée. Détails de modifications: https://github.com/alsacreations/KNACSS/issues/207 - le grille de mise en forme a été entièrement modifiée. Détails de modifications: https://github.com/alsacreations/KNACSS/issues/207
- les positionnements tabulaires. `.row`, `.col` et `.line`, devenus inutiles et confusants depuis Flexbox, ont été supprimés - les positionnements tabulaires. `.row`, `.col` et `.line`, devenus inutiles et confusants depuis Flexbox, ont été supprimés
- de nouvelles valeurs de breakpoints ont été définies. Détails: https://github.com/alsacreations/KNACSS/issues/210 - de nouvelles valeurs de breakpoints ont été définies. Détails: https://github.com/alsacreations/KNACSS/issues/210
- suppression de l'outils *include-media* (crée des bugs d'encodage, nécessite un temps d'apprentissage, et n'apporte pas grand chose au final) - suppression de l'outil *include-media* (crée des bugs d'encodage, nécessite un temps d'apprentissage, et n'apporte pas grand chose au final)
### Modifications majeures entre la v5 et la v4 ### Modifications majeures entre la v5 et la v4

View file

@ -1,26 +1,29 @@
# changelog v7.0.0beta (août - ? 2017) # changelog v7.0.0beta (août - ? 2017)
- modifications, mises à jour :
- architecture globale revisitée (vendor, config, library, components) - architecture globale revisitée (vendor, config, library, components)
- refonte complète du système de grille (dorénavant basé sur Grid Layout) - normalize.css v7.0.0
- création d'un mixin de grille
- déplacement des variables de gouttières de grillade.scss vers variables.scss - déplacement des variables de gouttières de grillade.scss vers variables.scss
- déplacement des variables de breakpoints de breakpoints.scss vers variables.scss - déplacement des variables de breakpoints de breakpoints.scss vers variables.scss
- normalize.css v7.0.0
- refonte complète des boutons, avec possibilités de variantes (primary, success, warning, etc.)
- ajout des badges (tags), avec possibilités de variantes (primary, success, warning, etc.)
- ajout des alertes, avec possibilités de variantes (primary, success, warning, etc.)
- ajout d'un bouton de navigation .button-burger
- ajout des checkbox, radio et bouton "switch" stylés
- ajout des onglets (tabs)
- ajout des flèches courantes (haut, droit, bas, gauche) en SVG data-URI
- refonte des styles de formulaires
- refonte des styles des tableaux
- autogrid object en Grid Layout
- regroupement des styles des tableaux - regroupement des styles des tableaux
- suppression du namespace "kna-", ne devrait pas être problématique dès lors que Grillade sera devenu inutile dans KNACSS
- automatisation des classes utilitaires via Sass
- ajout de `* {min-width: 0}` pour éviter la valeur `auto` sur les flex-items et grid-items
- renommage des variables couleur de projets - renommage des variables couleur de projets
- renommage des variables de composants - renommage des variables de composants
- automatisation des classes utilitaires via Sass
- suppression du namespace "kna-"
- refonte :
- système de grille (dorénavant basé sur Grid Layout)
- boutons, avec possibilités de variantes (primary, success, warning, etc.)
- styles de formulaires
- styles des tableaux
- l'objet autogrid passe en Grid Layout
- ajouts :
- des badges (tags), avec possibilités de variantes (primary, success, warning, etc.)
- des alertes, avec possibilités de variantes (primary, success, warning, etc.)
- d'un bouton de navigation .button-burger
- des checkbox, radio et bouton "switch" stylés
- des onglets (tabs)
- des flèches courantes (haut, droit, bas, gauche) en SVG data-URI
- création d'un mixin de grille
- `* {min-width: 0}` pour éviter la valeur `auto` sur les flex-items et grid-items
# changelog v6.1.2 (21 juin 2017) # changelog v6.1.2 (21 juin 2017)
- alignement des helpers flexbox sur ceux de Bootstrap (`.d-flex`, `.flex-row`, `.flex-column`, `.mr-auto`) - alignement des helpers flexbox sur ceux de Bootstrap (`.d-flex`, `.flex-row`, `.flex-column`, `.mr-auto`)