diff --git a/guide/english/semantic-ui/index.md b/guide/english/semantic-ui/index.md index 91107c6b5b..b0fc8f1f29 100644 --- a/guide/english/semantic-ui/index.md +++ b/guide/english/semantic-ui/index.md @@ -5,22 +5,22 @@ title: Semantic UI #### 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 -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 `2.x` was first released in June 2015 and introduced new ui, several bug fixes, enhancements, and default theme improvements. +Semantic UI `2.x` was first released in June 2015 and introduced new ui, several bug fixes, enhancements, and default theme improvements. #### 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 * IE 11+ * Android 4.4+, Chrome for Android 44+ @@ -30,11 +30,11 @@ The current version `2.2.x` support the following browsers #### 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)** -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 @@ -54,33 +54,33 @@ It is by far the easiest for beginners. Create an HTML file as below ``` -`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** -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 ``` -Install Semantic UI +Install Semantic UI: ``` npm install semantic-ui --save cd semantic/ gulp build ``` -Include in HTML +Include in HTML: ```html ``` -Update Via npm +Update Via npm: ``` npm update @@ -88,12 +88,12 @@ npm update 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 -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/) * [Getting Started with Semantic UI](https://semantic-ui.com/introduction/getting-started.html)