Ceci est une ancienne révision du document !
Semantic-UI
Comme son nom l'indique, Semantic UI est un framework CSS basé sur la sémantique, respectueux de la structure HTML d'un document (contrairement à Bootstrap par exemple, qui nécessite souvent de restructurer le document pour mettre en oeuvre des composants).
Le projet initial Semantic-ui a été abandonné par son auteur, puis repris par une équipe motivée avec le Fork Fomantic-UI
Semantic-UI utilise jQuery.
Documentation
Intégration
Via CDN
CSS
<head>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.2/dist/semantic.min.css">
</head>
Javascript
Avant la fermeture du body :
<!-- You MUST include jQuery 3+ before Fomantic --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.3/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.2/dist/semantic.min.js"></script> </body>
Via npm
Ne pas oublier également l'intégration de jQuery.
npm install fomantic-ui
CSS
Dans le head
<head> <link rel="stylesheet" type="text/css" href="/dist/semantic.min.css"> </head>
Javascript
Avant la fermeture du body :
<!-- You MUST include jQuery 3+ before Fomantic --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.3/dist/jquery.min.js"></script> <script src="/dist/semantic.min.js"></script>
jcheron