Désolé pour ce titre d’article un peu décalé. Le sujet n’en reste pas moins sérieux.
Dans le monde des frameworks nous avons ceux qui font tout, ceux qui servent de « reset » ou encore de « kickstarter ». Knacss en fait pas mal, et vous laisse suffisamment de liberté pour faire le reste.
L’auteur, l’origine
L’auteur de ce framework est Raphaël Goetter, un frenchy Alsacien bien de chez nous qui a décidé de maintenir Knacss uniquement en anglais, pour plus de facilité.
Le nom « Knacss » ne vient pas du groupe de musique « The knack », mais de la saucisse Alsacienne, la knack. Ce framework créé en 2012 évolue au fil des supports navigateur et des divers retours sur son utilisation par des développeurs front-end de tous horizons.
La base
Nous commençons souvent nos projets de la même manière : en annulant ou écrasant beaucoup de styles par défaut appliqués par les navigateurs, soit pour y appliquer des règles de bases plus harmonieuses, soit pour y appliquer directement des règles génériques propres au projet en cours.
C’est un peu l’idée de base de Knacss : nos feuilles de styles reprennent souvent les mêmes bases, à quelques nuances près, bien entendu. Au lieu de réinventer la roue à chaque projet, nous partons d’une feuille de base modulable proposant quelques styles génériques.
Bien plus qu’une saucisse
Knacss n’est pas juste un reset CSS, il vous permet, lorsqu’il est « garni », de gérer et styler :
- vos tableaux de données
- vos grilles de mise en page
- vos éléments de formulaire (section « Formulaires »)
- et préparer vos media-queries pour du responsive (section « Responsive »)
La Knacss et le Schnaps.it
Je ne vais pas vous refaire le tutoriel complet car tout est déjà disponible que le site de officiel, cependant Knacss est intimement lié à l’outil Schnaps.it qui vous permet de composer votre mise en page de base.
- Rendez-vous sur se site de Schnaps.it
- Sélectionnez le modèle modèle de document
- Choisissez et personnaliser le gabarit
- Téléchargez vos fichiers
Pour le reste je vous renvoie une nouvelle fois vers la documentation officielle.
Amusez-vous bien !
Partager la publication "Knacss – Un framework CSS qui vous la met .w100"
Ça peut être intéressant.
Je prendrai le temps de tester ça 😉
Salut, cet outil est parfaitement fonctionnel, je l’utilise grâce au framework WP créé par Stéphanie Walter qui se base sur ce reset : blank theme Inpixelitrust.
Merci pour la découverte.
Ce plugin a l’air assez sympa
Erreur 404 sur « Rendez-vous sur le builder de Knacss » !
J’en profite pour te remercier, ton site est génial !
Merci 🙂
Je vais corriger cela. Raphaël a fait une mise à jour de l’outil récemment et je n’ai pas eu le temps de tout mettre à jour de mon côté.