gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edits for punctuation and grammar (#30199)

Browse Source 
Removed unnecessary commas and edited for grammar accuracy and clarity.
This commit is contained in:
Linda Zanchi
2019-04-08 11:15:41 -04:00
committed by The Coding Aviator
parent 97284992ec
commit ec340b3343
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
guide/english/semantic-ui/index.md
View File

@ -5,14 +5,14 @@ title: Semantic UI
#### Introduction #### Introduction
Semantic UI is a front-end development framework similar to bootstrap designed for theming. It contains pre-built semantic components that helps create beautiful and responsive layouts using human-friendly HTML. Semantic UI is a front-end development framework similar to Bootstrap designed for theming. It contains pre-built semantic components which help 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. And it integrates with React, Angular, Meteor, Ember and many other frameworks to help organize UI layer alongside application logic. According to the Semantic UI website the framework utilizes concise HTML, intuitive JavaScript, and simplified debugging to make front-end development a fun and delightful experience. Semantic UI integrates with React, Angular, Meteor, Ember and many other frameworks to help organize UI layer alongside application logic.
#### Version History #### Version History
The first pre-release appear on github on September 2013, created by [Jack Lukic](https://github.com/jlukic). The first pre-release appeared on GitHub in September 2013 created by [Jack Lukic](https://github.com/jlukic).
Semantic UI `1.x` was first released in November 2014 with breaking changes to previous pre-releases. Semantic UI `1.x` was first released in November 2014 with breaking changes to previous pre-releases.
@ -20,7 +20,7 @@ Semantic UI `2.x` was first released in June 2015 and introduced new ui, several
#### Browser Support #### Browser Support
The current version `2.2.x` support the following browsers The current version `2.2.x` supports the following browsers:
* Last 2 Versions FF, Chrome, Safari Mac * Last 2 Versions FF, Chrome, Safari Mac
* IE 11+ * IE 11+
* Android 4.4+, Chrome for Android 44+ * Android 4.4+, Chrome for Android 44+
@ -30,11 +30,11 @@ The current version `2.2.x` support the following browsers
#### Installation #### Installation
There are several ways of installing Semantic UI, some of the simplest ways are as follows: There are several ways of installing Semantic UI. Some of the simplest ways are as follows:
1. **Via Content Delivery Network (CDN)** 1. **Via Content Delivery Network (CDN)**
It is by far the easiest for beginners. Create an HTML file as below It is by far the easiest for beginners. Create an HTML file as below:
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
@ -54,33 +54,33 @@ It is by far the easiest for beginners. Create an HTML file as below
</html> </html>
``` ```
`NOTE:` The above CDN link on line 5, will include all the available components in Semantic UI. If you want to install a specific component, [click here](https://cdnjs.com/libraries/semantic-ui) to see its respective CDN link. `NOTE:` The above CDN link on line 5, will include all the available components in Semantic UI. If you want to install a specific component [click here](https://cdnjs.com/libraries/semantic-ui) to see its respective CDN link.
2. **Using Build Tools** 2. **Using Build Tools**
This will assume you're using Ubuntu Linux OS with `node` and `npm` installed, for other operating systems [click here](https://semantic-ui.com/introduction/getting-started.html) This will assume you're using Ubuntu Linux OS with `node` and `npm` installed. For other operating systems [click here](https://semantic-ui.com/introduction/getting-started.html).
In your project directory, install gulp globally using npm In your project directory install gulp globally using npm:
``` ```
npm install -g gulp npm install -g gulp
``` ```
Install Semantic UI Install Semantic UI:
``` ```
npm install semantic-ui --save npm install semantic-ui --save
cd semantic/ cd semantic/
gulp build gulp build
``` ```
Include in HTML Include in HTML:
```html ```html
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css"> <link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="semantic/dist/semantic.min.js"></script> <script src="semantic/dist/semantic.min.js"></script>
``` ```
Update Via npm Update Via npm:
``` ```
npm update npm update
@ -88,12 +88,12 @@ npm update
3. **Integrating with other Frameworks** 3. **Integrating with other Frameworks**
You can integrate Semantic UI with other Front-end development frameworks like React, Angular, Ember or Meteor. [Click here](https://semantic-ui.com/introduction/integrations.html) for more informations and integration instructions. You can integrate Semantic UI with other front-end development frameworks like React, Angular, Ember, or Meteor. [Click here](https://semantic-ui.com/introduction/integrations.html) for more informations and integration instructions.
#### More Information #### More Information
Semantic UI has thorough and very well organized documentation, that will gets you up and running in no time. The following links will be helpful in your Semantic UI journey. Semantic UI has thorough and well organized documentation that will get you up and running in no time. The following links will be helpful in your Semantic UI journey:
* [Semantic UI Website](https://semantic-ui.com/) * [Semantic UI Website](https://semantic-ui.com/)
* [Getting Started with Semantic UI](https://semantic-ui.com/introduction/getting-started.html) * [Getting Started with Semantic UI](https://semantic-ui.com/introduction/getting-started.html)