Mr-KAM / x.css

Un framework CSS super léger pour une productivité accrue en développement web

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Logo X.css

x.css, la performence dans la simplicité !

1. x.css, c'est quoi ?

Rendez-le aussi simple que possible, mais pas plus simple.

De Albert Einstein

Comme beaucoup de developpeurs aiment bien le dire, les enfants de Bootstrap ont tous la même tete.😅

C'est bien domage, mais c'est vrai. x.css s'inspire de w3.css et vient comme une alternative à bootstrap avec beaucoup d'avantages:

  1. Il est plus petit en taille
  2. Il est plus rapide
  3. Il est plus facile à utiliser
  4. Il est plus personnalisable
  5. Il est compatible avec tous les navigateurs web modernes
  6. Il est compatible avec tous types d'appareils( Bureau, Ordinateur portable, Tablette, Smart phone...)
  7. Et le tout du tout, il est gratuit

Il est libre et peut être personnalisé a comme vous le sentez si vous voulez y ajouter d'autre fonctionnalités CSS. Il ne contient pas de js, juste du code css.

Alors si vous cherchez un moyen super simple et rapide pour concevoir votre site web sans gaspiller de l'energie à l'UI, x.css est fait pour vous. 100% css

2. Comment l'utiliser?

Deux (2) moyen simple d'integrer x.css à votre site:

En utilisant le lien CDN:

Version standard

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Mr-KAM/x.css@main/x.css">

Version minifier

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Mr-KAM/x.css@main/x.min.css">

En clonant x.css depuis github:

  1. Depuis l'invite de commande executer: git clone https://github.com/Mr-KAM/x.css.git
  2. Charger x.css dans votre page
<link rel="stylesheet" href="chemin_vers_le_dossier/x.min.css">

Après avoir ajouté x.css à votre site, vous pouvez l'utiliser dans votre code html avec l'attribut class class="nom_de_la_class_dans_x.css".

<div class="red">x.css</div>

3. Documentation

Vous trouverez la documentation ici:Documentation x.css

About

Un framework CSS super léger pour une productivité accrue en développement web


Languages

Language:CSS 100.0%