28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous, Smiley confused

Je débarque ici car j'ai découvert KNACSS il y a quelques jours et que j'ai besoin d'aide. J'espère que le lieu pour poser mes questions sont appropriées.
Plusieurs aspects me plaisent dans KNACSS : il est basé sur la flexbox, il est léger, il est français. J'aime tout ce qu'il y a autour comme le lorem ipsum alsacien et schnapps.it aussi ! ^^ Pour tout cela, je remercie les auteurs.

D'ailleurs, je souhaite faire un petit projet web avec. Je viens de commencer. J'aimerai savoir si il est possible d'utiliser les instructions flexbox (justify-content, align-items, flex-start, flex-end, etc) au sein de ce framework basé sur ce procédé, et si oui, comment fait-on ?

Savez-vous si cela engendre des problèmes dans le framework ou si ces instructions engendrent quelques risques particuliers ?

Je vous remercie par avance pour toute l'aide apportée.

Ghost
Administrateur
Bonjour Ghost,

Il existe effectivement quelques classes défiées au positionnement Flexbox (on ne les a pas toutes ajoutées sinon ça ne s'appellerait plus un "framework léger" mais une "spécification" Smiley smile )

As-tu consulté la documentation de KNACSS ? Tu as deux rubriques intéressantes à ce sujet :
- https://github.com/alsacreations/KNACSS/blob/master/doc/02a-layout-alignements.md
- https://github.com/alsacreations/KNACSS/blob/master/doc/02b-layout-positionnement.md

Il existe également une "cheatsheet" en PDF : https://knacss.com/KNACSS-cheatsheet.pdf

Ainsi qu'un Styleguide avec une section dédiée à Flexbox : http://codepen.io/raphaelgoetter/full/LNwOjz/

Bon courage Smiley smile
Merci Raphaël pour ta réponse. Smiley smile

En effet, j'ai regardé la documentation concernant les alignements et les positionnements ainsi que le pense-bête. Néanmoins, j'aimerai savoir si il est possible d'utiliser les instructions flexbox qui ne sont pas classés par le framework ou si ce n'est pas recommandé ?
Administrateur
Eh bien oui, KNACSS n'est qu'un framework, une béquille pour faciliter certaines tâches répétitives, mais il est bien entendu possible - voire souhaitable - d'appliquer tes propres classes et règles CSS Smiley smile