Installation

Comment installer JdB.CSS sur votre site web ?

Vous pouvez utiliser tout ou partie de JdB.CSS. Par défaut, un lien sans paramètre contient tous les composants de JdB.CSS : le style de base, les couleurs de texte et d'arrière-plan, et les animations.

Personnaliser

Composants :

Tout sélectionner (bases, couleurs et anmations)
Uniquement les bases (pas de couleurs, ni d'animations)
Uniquement les couleurs
Uniquement les animations

Version :

"La plus récente version" (latest) sert toujours la dernière version publiée. Choisissez une version spécifique si vous souhaitez mettre à niveau votre kit manuellement à chaque fois.

URL CDN du CSS :

Cliquez ici ou sur le lien ci-dessus pour le copier

Le versionnage de JdB.CSS a débuté avec le CDN du site, incluant les versions 1.0.0 et 1.1.0. Pour améliorer les pratiques et la gestion, toutes les versions ont été migrées vers npm avec des redirections des liens du site vers npm. Cependant, un problème a entraîné le renommage de la version 1.0.0 en 1.0.1, et le lien vers 1.0.0 redirige désormais vers 1.0.1. Il est recommandé d'utiliser la dernière version de JdB.CSS.

Intégration HTML

Insérez une balise link de l'URL du CDN de JdB.CSS dans la balise head de votre page comme ce-ci :

Code :

<!DOCTYPE html>
<html>
  <head>
    <title>Mon magnifique site web</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    ...
    <link rel="preconnect" href="https://unpkg.com">
    <link rel="preconnect" href="https://css.bruxelles.dev">
    <link rel="stylesheet" href="https://css.bruxelles.dev/jdb?v=1.3.2&c=all">
    ...
  </head>
  <body>
    ...
  </body>
</html>

Téléchargez le CSS pour le servir à partir de votre propre serveur. Puis ajoutez un lien du fichier de style dans la balise head de vos pages. Vous pouvez ajouter vos autres styles dans un fichier de style à part. Cela permet de mettre à jour chaque fichier séparément.

Code :

<!DOCTYPE html>
<html>
  <head>
    <title>Mon magnifique site web</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/assets/css/jdb.css">
    ...
  </head>
  <body>
    ...
  </body>
</html>

Point de téléchargement (CDN) :

Tout • Les bases • Les couleurs • Les animations • jsDelivr (externe)

Intégration CSS

Insérez la règle @import pour l'URL JdB.CSS dans votre fichier CSS comme ce-ci :

Code :

@import url("https://css.bruxelles.dev/jdb?c=all");