Loading...KNACSS est un framework CSS, proposé par Raphaël Goetter et l'agence Alsacreations que l'on ne présente plus. Diffusé en licence libre CC-BY vous êtes libre de l'utiliser comme bon vous souhaite tant que vous respectez la licence.
Il peut servir comme base commune à vos sites et projets d'intégration web. Il permet d'initialiser la position de certains éléments CSS ainsi que des marges, espacements, alignements, etc. Grâce à ce framework le rendu de vos sites sera similaire d'un navigateur à l'autre, car il faut comprendre que tous les navigateurs n'ont pas tous les même rendu de base (voir le reset css).
Enfin, pour vous convaincre de l'utiliser rien de mieux que de laisser parler le créateur :
"KNACSS est né d'un constat que nous faisons quotidiennement dans notre agence web :
- La plupart des frameworks CSS sont de grosses usines à gaz que l'on n'exploite très partiellement (environ 10% à 20% au mieux)
- Ils nécessitent quasi systématiquement qu'on redéfinisse à sa sauce la moitié des styles
- Ils ne sont pas négligeables en terme de poids de fichiers
KNACSS n'est pas non-plus un "reset" CSS classique tels que ceux que l'on trouve chez Eric Meyer, Yahoo UI ou Normalizr, que l'on estime trop agressifs et qui nécessitent que l'on redéfinisse chaque élément par la suite. Il se charge du minimum pour éviter les différences d'affichage flagrantes.
Chez Alsacréations, et par expérience, on préfère de loin un socle de base minimaliste qui convienne tel quel à tous les nouveaux projets, mais qui puisse être progressivement enrichi. C'est le cas de KNACSS.
- KNACSS est une feuille de style CSS minimaliste et extensible pour débuter une intégration
- Ce n'est volontairement ni un reset CSS complet, ni un framework CSS intégral"
Voilà, je vous ai tout dit ! Pour vous lancer n'hésitez pas à consulter ce tutoriel, bien que KNACSS soit documenté de A à Z. Le seul truc que j'ai râté... pourquoi ce nom mystérieux ?
12 commentaires
Hello,
Merci pour cet article.
Concernant le nom mystérieux, l'explication se trouve ici : http://www.knacss.com/#pourquoi 🙂
C'est juste moi ou il semble qu'il manque la lettre O dans le nom du framework ?
Pas compris pour le O :/
Entre la 1ère et la 2ème lettre...
@tatagiselle: excellent, je ne sais pas si je l'avais raté où bien si tu l'as rajouté 🙂
article tres interressant, merci a l'auteur.
Bonsoir Mr Xhark, merci bien pour cet contribution et merci à Raphael de Alsacréations pour ce framework CSS qui m'aidera dans mes projets web. Ca tombe vraiment bien à pic pour moi personnellement !
Je trouve le nom de Knaccs très bien vu, à la fois alsacien et technique ;-). Pour sa qualité en elle-même, cela à l'air très bien sur le papier, je vais aller regarder ça de plus prêt maintenant.
J'aurai rêvé avoir lu ou entendu un employé d'alsacrea prôner des noms de classe sémantique dans le genre "div.footer", "p.message.important", ".navigation", ".menu", ".contenu" etc. pour bannir à tout jamais les noms de classe dit "structurels" du genre ".clear", ".center", ".w500p" ".left" etc..
Mais comme j'avoue ne pas avoir su retrouver cela.. je pense certainement avoir du rêver ^^
Pour commencer, je ne suis pas "un employé" mais le créateur (et accessoirement "le patron") d'Alsacreations. Du coup, je t'avoue que la notion de sémantique ne m'est pas totalement étrangère.
Cependant, au bout de plus de 15 ans d'intégration et d'expérience concrète, il est vrai que les contraintes de production changent un peu la donne.
La sémantique demeure essentielle dans le choix des balises, pour ce qui est des noms de classes, les agents utilisateurs n'en ont cure : seuls les développeurs les lisent. Et du coup, leur importance sémantique est quasi nulle.
Je te conseille vivement la lecture du livre css-maintenables chez Eyrolles
Bonjour,
Je ne connaissais pas ce framework. En tant normal je suis assez réticent à ce genre d'outil car il nécessite souvent de tout redéfinir. On gagne beaucoup de temps au départ mais on en perd pas mal ensuite. Au final, cela peut être assez lourd à mettre en place pour un site "classique" et le potentiel du framework (ex: Bootstrap) n'est pas vraiment exploité au maximum.
Pour le cas de KNACSS, je viens de jeter un oeil, il à l'air relativement light et peut être mieux adapté pour un usage quotidien.
Je ne connaissais pas ce framework. Merci pour la découverte !