Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to use Semantic UI CDN?

How to include Semantic UI to HTML page using CDN? The CDN link is https://cdnjs.com/libraries/semantic-ui, but how to use it?

like image 247
Adi Avatar asked May 16 '15 22:05

Adi


People also ask

Can I use Semantic UI with HTML?

It contains pre-built semantic components that helps create beautiful and responsive layouts using human-friendly HTML. According to the Semantic UI website, the framework utilizes concise HTML, intuitive JavaScript, and simplified debugging to make a front-end development a fun and delightful experience.

Is Semantic UI abandoned?

Semantic UI is not dead. There is a community that wants to keep it going. I think it would be helpful to create an RFC repo to discuss future direction of the project and the planning of the implementations of the decisions we make.

Does Semantic UI use jQuery?

Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces.


1 Answers

You just need to copy the URL of the files you want to use for Semantic UI, and put it in your header under a script or link tag as the "src" or "href" value.

For Semantic UI, you need three files for general use:

  • semantic.min.css
  • jquery.min.js (from JQuery CDN)
  • semantic.min.js

For example:

<!DOCTYPE HTML> <html> <head>     <meta charset="utf-8" />     <title>Semantic UI CDN</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.css"/>     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/1.11.8/semantic.min.js"></script> </head> <body>       <!-- Your Semantic UI Code --> </body> </html> 
like image 129
MTran Avatar answered Oct 01 '22 11:10

MTran