Actualités WordPress, CSS & Webdesign, OceanWP & Elementor.

Si Bootstrap vous paraît un peu indigeste il existe de nombreuses bases HTML5/CSS3, l’une d’elles sort du lot car elle est 100% made in France, et son géniteur n’est autre que l’agence web Alsacreations.fr.

« KNACSS, c’est un peu comme une 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). »

Logo KnacssLe framework KNACSS prend en charge les styles de base, la typographie, les modèles de boîte, les alignements et positionnements d’éléments, les grilles de mise en page, tout ceci pour être adapté aux diverses tailles d’écran (responsive design). On met en œuvre tout ceci de manière automatique, en l’appliquant simplement sur la structure HTML que l’on souhaite développer.

Voilà une alternative à BootStrap intéressante, bien documentée et au suivi régulier (v4.2.1 – mai 2015). Comme tout framework il ne s’adresse pas aux purs débutants, d’autant qu’il embarque les technologies CSS comme Less ou Sass, il est par contre plus léger (le fichier minifié pèse 25 Ko) que Bootstrap et ne se veut pas un framework ultra-complet avec ses librairies js annexes, il conviendra donc de le compléter de manière autonome.

Voici une liste non exhaustive des fonctionnalités que l’on retrouve dans KNACSS :

  • un reset CSS
  • des classes réutilisables
  • des snippets CSS
  • des aides au positionnement
  • du positionnement avancé (FlexBox)
  • des grilles simples et des gouttières
  • du Responsive webdesign
  • des classes pour les tableaux
  • des classes pour les formulaires
  • une version Less
  • une version Sass

À noter que KNACSS est basé sur un socle Normalize.css, célèbre – et éprouvé – reset CSS employé par Twitter, Github, Bootstrap, Guardian, etc.

KNACSS est distribué librement sur Github sous licence WTFPL.

Sources : Knacss.com, Alsacréations.fr

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Fermer le menu