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)
- architecture globale revisitée (vendor, config, library, components) - modifications, mises à jour :
- refonte complète du système de grille (dorénavant basé sur Grid Layout) - architecture globale revisitée (vendor, config, library, components)
- création d'un mixin de grille - normalize.css v7.0.0
- 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 - regroupement des styles des tableaux
- refonte complète des boutons, avec possibilités de variantes (primary, success, warning, etc.) - renommage des variables couleur de projets
- ajout des badges (tags), avec possibilités de variantes (primary, success, warning, etc.) - renommage des variables de composants
- ajout des alertes, avec possibilités de variantes (primary, success, warning, etc.) - automatisation des classes utilitaires via Sass
- ajout d'un bouton de navigation .button-burger - suppression du namespace "kna-"
- ajout des checkbox, radio et bouton "switch" stylés - refonte :
- ajout des onglets (tabs) - système de grille (dorénavant basé sur Grid Layout)
- ajout des flèches courantes (haut, droit, bas, gauche) en SVG data-URI - boutons, avec possibilités de variantes (primary, success, warning, etc.)
- refonte des styles de formulaires - styles de formulaires
- refonte des styles des tableaux - styles des tableaux
- autogrid object en Grid Layout - l'objet autogrid passe en Grid Layout
- regroupement des styles des tableaux - ajouts :
- suppression du namespace "kna-", ne devrait pas être problématique dès lors que Grillade sera devenu inutile dans KNACSS - des badges (tags), avec possibilités de variantes (primary, success, warning, etc.)
- automatisation des classes utilitaires via Sass - des alertes, avec possibilités de variantes (primary, success, warning, etc.)
- ajout de `* {min-width: 0}` pour éviter la valeur `auto` sur les flex-items et grid-items - d'un bouton de navigation .button-burger
- renommage des variables couleur de projets - des checkbox, radio et bouton "switch" stylés
- renommage des variables de composants - 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`)