From 1d2d704af134e22aef59886af5b7f0d3ab3b618a Mon Sep 17 00:00:00 2001
From: Editor Lionbridge <TizenEditor.SEL@lionbridge.com>
Date: Mon, 9 Oct 2017 13:52:29 +0300
Subject: [PATCH] Update 4.0 -specific Web Guide content

The point of this change is to perform quality improvements and
consistency fixes to content specific to the tizen branch.

It also contains a few fixes that have been made in the tizen_3.0
branch, but have been overlooked in cherry-picks.

Change-Id: Iad7ea45f6d6d66425f23090fb6728c7b41fe50c7
---
 org.tizen.guides/html/index.htm                                  | 2 +-
 org.tizen.guides/html/web/alarm/alarms_w.htm                     | 4 ++--
 org.tizen.guides/html/web/app_management/app_controls_w.htm      | 4 ++--
 org.tizen.guides/html/web/app_management/common_appcontrol_w.htm | 2 +-
 org.tizen.guides/html/web/app_management/data_w.htm              | 7 ++++---
 org.tizen.guides/html/web/app_management/packages_w.htm          | 2 +-
 org.tizen.guides/html/web/app_management/web_widget_ww.htm       | 6 +++---
 org.tizen.guides/html/web/connectivity/secure_element_w.htm      | 2 +-
 org.tizen.guides/html/web/cordova/cordova_cover_w.htm            | 2 +-
 org.tizen.guides/html/web/data/stored_content_w.htm              | 2 +-
 org.tizen.guides/html/web/device/power_w.htm                     | 2 +-
 org.tizen.guides/html/web/media/media_controller_w.htm           | 2 +-
 org.tizen.guides/html/web/personal/calendar_w.htm                | 2 +-
 org.tizen.guides/html/web/personal/personal_cover_w.htm          | 2 +-
 org.tizen.guides/html/web/sensors/ham_gesture_w.htm              | 2 +-
 org.tizen.guides/html/web/w3c/device/battery_w.htm               | 4 ++--
 org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm       | 8 ++++----
 17 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/org.tizen.guides/html/index.htm b/org.tizen.guides/html/index.htm
index d1baaa5..5b3a784 100644
--- a/org.tizen.guides/html/index.htm
+++ b/org.tizen.guides/html/index.htm
@@ -658,7 +658,7 @@
 		<li><a href="web/personal/personal_cover_w.htm" target="content">Personal Data</a>
 			<ul>
 				<li><a href="web/personal/account_w.htm" target="content">Account Management</a></li>
-				<li><a href="web/personal/calendar_w.htm" target="content">Calendar</a></li>			
+				<li><a href="web/personal/calendar_w.htm" target="content">Calendar</a></li>
 				<li><a href="web/personal/contacts_w.htm" target="content">Contacts</a></li>
 				<li><a href="web/personal/bookmarks_w.htm" target="content">Bookmarks</a></li>
 				<li><a href="web/personal/call_history_w.htm" target="content">Call History</a></li>
diff --git a/org.tizen.guides/html/web/alarm/alarms_w.htm b/org.tizen.guides/html/web/alarm/alarms_w.htm
index b906329..b95a60b 100644
--- a/org.tizen.guides/html/web/alarm/alarms_w.htm
+++ b/org.tizen.guides/html/web/alarm/alarms_w.htm
@@ -201,7 +201,7 @@ var alarm = new tizen.AlarmRelative(3, 3 * tizen.alarm.PERIOD_HOUR);
 /* Create ApplicationControl object */
 var appControl = new tizen.ApplicationControl('http://tizen.org/appcontrol/operation/default',
                                               null, 'image/jpg', null);
-/* You can add additional attibutes to the notification dictionary */
+/* You can add additional attributes to the notification dictionary */
 var notificationDict = {
     content: 'This is a simple notification\'s content.',
     actions: {
@@ -225,7 +225,7 @@ tizen.alarm.addAlarmNotification(alarm, notification);
 var noti = tizen.alarm.getAlarmNotification(alarm.id);
 console.log('Notification title: ' + noti.title + ', content: ' + noti.content);
 </pre>
-<p>You can <a href="removeAlarm">remove the alarm notification</a> with the <code>tizen.alarm.remove()</code> method.</p></li>
+<p>You can <a href="#removeAlarm">remove the alarm notification</a> with the <code>tizen.alarm.remove()</code> method.</p></li>
   </ol>
 
 <script type="text/javascript" src="../../scripts/jquery.zclip.min.js"></script>
diff --git a/org.tizen.guides/html/web/app_management/app_controls_w.htm b/org.tizen.guides/html/web/app_management/app_controls_w.htm
index fbf1b6e..27afb80 100644
--- a/org.tizen.guides/html/web/app_management/app_controls_w.htm
+++ b/org.tizen.guides/html/web/app_management/app_controls_w.htm
@@ -89,7 +89,7 @@
 <ol>
 <li>The calling application launches the application control with the <code>launchAppControl()</code> method of the <code>Application</code> interface (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/application.html#Application">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/application.html#Application">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/application.html#Application">TV</a> applications).</li>
 <li>The provider application calls the <code>getRequestedAppControl()</code> method of the <code>Application</code> interface to get the reference of the <code>RequestedApplicationControl</code> object. This object contains the application control passed by the <code>launchAppControl()</code> method from the calling application.</li>
-<li>The provider application calls either the <code>replyResult()</code> method (in case of success) or the <code>replyFailure()</code> method (in case of failure) of the <code>RequestedApplicationControl</code> interface to return control back to the calling application. The result of the provided operation (if any), is delivered as an array of <code>ApplicationControlData</code> objects (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/application.html#ApplicationControlData">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/application.html#ApplicationControlData">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/application.html#ApplicationControlData">TV</a> applications). </li>
+<li>The provider application calls either the <code>replyResult()</code> method (on success) or the <code>replyFailure()</code> method (on failure) of the <code>RequestedApplicationControl</code> interface to return control back to the calling application. The result of the provided operation (if any), is delivered as an array of <code>ApplicationControlData</code> objects (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/application.html#ApplicationControlData">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/application.html#ApplicationControlData">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/application.html#ApplicationControlData">TV</a> applications). </li>
 <li>The calling application receives the result through the <code>ApplicationControlDataArrayReplyCallback</code> event handler (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/application.html#ApplicationControlDataArrayReplyCallback">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/application.html#ApplicationControlDataArrayReplyCallback">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/application.html#ApplicationControlDataArrayReplyCallback">TV</a> applications).</li></ol>
 
 <p>The application control uses the following primary information:</p>
@@ -582,7 +582,7 @@ app.removeEventListener(watchId);
 <p>Learning how to receive notifications allows you to monitor when the status of an application installed on a device is changed (it is enabled or disabled):</p>
 
 <ol>
-<li>To receive status change notifications about installed applications, add a listener that is triggered each time the application status changes.
+<li>To receive status change notifications for installed applications, add a listener that is triggered each time the application status changes.
 <p>If you want to monitor the status of a specific application (instead of all installed applications), provide the application ID as a second parameter to the <code>addAppStatusChangeListener()</code> method.</p>
 <pre class="prettyprint">
 var watchId;
diff --git a/org.tizen.guides/html/web/app_management/common_appcontrol_w.htm b/org.tizen.guides/html/web/app_management/common_appcontrol_w.htm
index 708a356..83d8f70 100644
--- a/org.tizen.guides/html/web/app_management/common_appcontrol_w.htm
+++ b/org.tizen.guides/html/web/app_management/common_appcontrol_w.htm
@@ -1530,7 +1530,7 @@ tizen.application.launchAppControl(appControl, null, function() {
 				<td></td>
 			</tr>
 			<tr>
-				<td><code>http://tizen.org/appcontrol/data/name</code> <strong></strong></td>
+				<td><code>http://tizen.org/appcontrol/data/name</code></td>
 				<td>The name of the selected location. This key must be passed as a string.</td>
 				<td><strong>This key is not supported in Tizen 2.4.</strong></td>
 			</tr>
diff --git a/org.tizen.guides/html/web/app_management/data_w.htm b/org.tizen.guides/html/web/app_management/data_w.htm
index 9e8daac..fe4a546 100644
--- a/org.tizen.guides/html/web/app_management/data_w.htm
+++ b/org.tizen.guides/html/web/app_management/data_w.htm
@@ -226,7 +226,8 @@ try {
 <p>Learning how to add a listener allows you to receive notifications about DataControl provider data changes:</p>
 <ol>
   <li>
-	<p>To retrieve a <code>SQLDataControlConsumer</code> object (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/datacontrol.html#SQLDataControlConsumer">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/datacontrol.html#SQLDataControlConsumer">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/datacontrol.html#SQLDataControlConsumer">TV</a> applications), use the <code>getDataControlConsumer()</code> method of the <code>DataControlManager</code> interface (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/datacontrol.html#DataControlManager">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/datacontrol.html#DataControlManager">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/datacontrol.html#DataControlManager">TV</a> applications). This object allows you to monitor changes in the DataControl provider data.</p>
+    <p>To monitor changes in the DataControl provider data, you must retrieve a <code>SQLDataControlConsumer</code> object (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/datacontrol.html#SQLDataControlConsumer">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/datacontrol.html#SQLDataControlConsumer">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/datacontrol.html#SQLDataControlConsumer">TV</a> applications) or a <code>MappedDataControlConsumer</code> object (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/datacontrol.html#MappedDataControlConsumer">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/datacontrol.html#MappedDataControlConsumer">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/datacontrol.html#MappedDataControlConsumer">TV</a> applications). Retrieve the required object using the <code>getDataControlConsumer()</code> method of the <code>DataControlManager</code> interface (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/datacontrol.html#DataControlManager">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/datacontrol.html#DataControlManager">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/datacontrol.html#DataControlManager">TV</a> applications).</p>
+
    <p>You need a running DataControl provider application, which uses the <code>"http://tizen.org/datacontrol/provider/DictionaryDataControlProvider"</code> provider ID.</p>
 <pre class="prettyprint">
 /* Get the map-type DataControlConsumerObject */
@@ -273,7 +274,7 @@ try {
 }
 
 try {
-    MapWatcherId = globalMAPConsumer.addChangeListener(dataChangeSuccessCallback, errorCallback);
+    MapWatcherId = globalMappedConsumer.addChangeListener(dataChangeSuccessCallback, errorCallback);
     console.log("MAP change listener has been added with watchId = " + MapWatcherId);
 } catch (error) {
     console.log("The following error occurred: " +  error.name);
@@ -290,7 +291,7 @@ try {
 }
 
 try {
-    globalMAPConsumer.removeChangeListener(MapWatcherId);
+    globalMappedConsumer.removeChangeListener(MapWatcherId);
 } catch (error) {
     console.log("The following error occurred: " +  error.name);
 }
diff --git a/org.tizen.guides/html/web/app_management/packages_w.htm b/org.tizen.guides/html/web/app_management/packages_w.htm
index 1437cfb..6d4a1a8 100644
--- a/org.tizen.guides/html/web/app_management/packages_w.htm
+++ b/org.tizen.guides/html/web/app_management/packages_w.htm
@@ -83,7 +83,7 @@ function onListInstalledPackages(lists) {
 tizen.package.getPackagesInfo(onListInstalledPackages);
 </pre>
 <p>The list of installed packages is returned to the <code>PackageInformationArraySuccessCallback()</code> methods as an array of <code>PackageInformation</code> objects.</p></li>
-   <li><p>To retrieve basic package information, use the <code>getPackageInfo()</code> method of the <code>PackageManager</code> interface, specifying the package ID. If no package ID is set, the method retrieves information of the application package calling the method.</p>
+   <li><p>To retrieve basic package information, use the <code>getPackageInfo()</code> method of the <code>PackageManager</code> interface, specifying the package ID. If no package ID is set, the method retrieves the information for the application package calling the method.</p>
 <pre class="prettyprint lang-js">
 var packageInfo = tizen.package.getPackageInfo('org.tizen.calculator');
 </pre></li>
diff --git a/org.tizen.guides/html/web/app_management/web_widget_ww.htm b/org.tizen.guides/html/web/app_management/web_widget_ww.htm
index cd6a2ec..d40b008 100644
--- a/org.tizen.guides/html/web/app_management/web_widget_ww.htm
+++ b/org.tizen.guides/html/web/app_management/web_widget_ww.htm
@@ -1177,9 +1177,9 @@ function handleResponseJSON(e) {
 
 <pre class="prettyprint">
 var d = new Date();
-d.toLocaleString(); /* "2/1/2013 7:37:08 AM" */
-d.toLocaleDateString(); /* "2/1/2013" */
-d.toLocaleTimeString(); /* "7:38:05 AM" */
+d.toLocaleString(); /* '2/1/2013 7:37:08 AM' */
+d.toLocaleDateString(); /* '2/1/2013' */
+d.toLocaleTimeString(); /* '7:38:05 AM' */
 </pre>
 
 <h2 id="debug">Debugging</h2>
diff --git a/org.tizen.guides/html/web/connectivity/secure_element_w.htm b/org.tizen.guides/html/web/connectivity/secure_element_w.htm
index cee88a2..0b8a310 100644
--- a/org.tizen.guides/html/web/connectivity/secure_element_w.htm
+++ b/org.tizen.guides/html/web/connectivity/secure_element_w.htm
@@ -104,7 +104,7 @@ var seListener = tizen.seService.registerSEListener(setSEChange);
 </pre></li>
    </ol>
    </li>
- <li><p>To stop listening to the reader changes, use the <code>unregisterSEListener()</code> method:</p>
+ <li><p>To stop listening for the reader changes, use the <code>unregisterSEListener()</code> method:</p>
 <pre class="prettyprint">
 tizen.seService.unregisterSEListener(seListener);
 </pre></li>
diff --git a/org.tizen.guides/html/web/cordova/cordova_cover_w.htm b/org.tizen.guides/html/web/cordova/cordova_cover_w.htm
index aa59f8c..d72767d 100644
--- a/org.tizen.guides/html/web/cordova/cordova_cover_w.htm
+++ b/org.tizen.guides/html/web/cordova/cordova_cover_w.htm
@@ -31,7 +31,7 @@
 <div id="container"><div id="contents"><div class="content">
   <h1>Cordova</h1>
   <p>The Cordova features include common functionalities useful in creating Tizen Web applications.</p>
-  <p>The main Cordova features are:</p>
+  <p>You can use the following Cordova features in your Web applications:</p>
   <ul>
 	<li><a href="core_w.htm">Common Cordova</a>
 	<p>You can handle common Cordova functionalities, such as interfaces for success and error handlers.</p></li>
diff --git a/org.tizen.guides/html/web/data/stored_content_w.htm b/org.tizen.guides/html/web/data/stored_content_w.htm
index 21fe593..c814511 100644
--- a/org.tizen.guides/html/web/data/stored_content_w.htm
+++ b/org.tizen.guides/html/web/data/stored_content_w.htm
@@ -109,7 +109,7 @@
 <pre class="prettyprint">
 var manager = tizen.content;
 </pre></li>
-   <li> <p>To search for the content directories in the local device, use the <code>getDirectories()</code> method of the <code>ContentManager</code> interface. The method returns an array of <code>ContentDirectory</code> objects (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/content.html#ContentDirectory">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/content.html#ContentDirectory">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/content.html#ContentDirectory">TV</a> applications).</p>
+   <li> <p>To search for content directories on the local device, use the <code>getDirectories()</code> method of the <code>ContentManager</code> interface. The method returns an array of <code>ContentDirectory</code> objects (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/content.html#ContentDirectory">mobile</a>, <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/content.html#ContentDirectory">wearable</a>, and <a href="../../../../org.tizen.web.apireference/html/device_api/tv/tizen/content.html#ContentDirectory">TV</a> applications).</p>
 <pre class="prettyprint">
 function onDirectoryArraySuccess(directories) {
     for (var i = 0; i &lt; directories.length; i++) {
diff --git a/org.tizen.guides/html/web/device/power_w.htm b/org.tizen.guides/html/web/device/power_w.htm
index 0687d12..625b1b2 100644
--- a/org.tizen.guides/html/web/device/power_w.htm
+++ b/org.tizen.guides/html/web/device/power_w.htm
@@ -110,7 +110,7 @@ tizen.power.request('SCREEN', 'SCREEN_NORMAL');
 <pre class="prettyprint">
 tizen.power.release('SCREEN');
 </pre></li>
-   <li><p>To listen to the screen state changes, use the <code>setScreenStateChangeListener()</code> method:</p>
+   <li><p>To listen for the screen state changes, use the <code>setScreenStateChangeListener()</code> method:</p>
 <pre class="prettyprint">
 function onScreenStateChanged(previousState, changedState) {
     console.log('Screen state changed from' + previousState + 'to' + changedState);
diff --git a/org.tizen.guides/html/web/media/media_controller_w.htm b/org.tizen.guides/html/web/media/media_controller_w.htm
index bda6366..53634c8 100644
--- a/org.tizen.guides/html/web/media/media_controller_w.htm
+++ b/org.tizen.guides/html/web/media/media_controller_w.htm
@@ -23,7 +23,7 @@
 		<p class="toc-title">Dependencies</p>
 		<ul class="toc">
 			<li>Tizen 2.4 and Higher for Mobile</li>
-			<li>Tizen 2.3.1 and Higher for Wearable</li>
+			<li>Tizen 3.0 and Higher for Wearable</li>
 		</ul>
         <p class="toc-title">Content</p>
         <ul class="toc">
diff --git a/org.tizen.guides/html/web/personal/calendar_w.htm b/org.tizen.guides/html/web/personal/calendar_w.htm
index abcdc85..159afc6 100644
--- a/org.tizen.guides/html/web/personal/calendar_w.htm
+++ b/org.tizen.guides/html/web/personal/calendar_w.htm
@@ -108,7 +108,7 @@
 </pre>
 <p>Additionally, to double-check the Calendar API support (in <a href="../../../../org.tizen.web.apireference/html/device_api/mobile/tizen/calendar.html">mobile</a> and <a href="../../../../org.tizen.web.apireference/html/device_api/wearable/tizen/calendar.html">wearable</a> applications) while the application is running, use the <code>tizen.systeminfo.getCapability()</code> method and enable or disable the code that needs the API, as needed.</p>
 </li>
-<li>To use the Calendar API, the application has to request permission by adding the following privileges to the <code>config.xml</code> file:</li>
+<li>To use the Calendar API, the application has to request permission by adding the following privileges to the <code>config.xml</code> file:
 <pre class="prettyprint">
 &lt;tizen:privilege name="http://tizen.org/privilege/calendar.read"/&gt;
 &lt;tizen:privilege name="http://tizen.org/privilege/calendar.write"/&gt;
diff --git a/org.tizen.guides/html/web/personal/personal_cover_w.htm b/org.tizen.guides/html/web/personal/personal_cover_w.htm
index 1fba167..697deda 100644
--- a/org.tizen.guides/html/web/personal/personal_cover_w.htm
+++ b/org.tizen.guides/html/web/personal/personal_cover_w.htm
@@ -18,7 +18,7 @@
 
 <div id="toc-navigation">
 	<div id="profile">
-		<p><img alt="Mobile Web" src="../../images/mobile_s_w.png"/> <img alt="Wearable Web" src="../../images/wearable_s_w.png"/></p>
+		<p><img alt="Mobile Web" src="../../images/mobile_s_w.png"/> <img alt="Wearable Web" src="../../images/wearable_s_w_optional.png"/></p>
 	</div>
 		<div id="toc_border"><div id="toc">
 		<p class="toc-title">Dependencies</p>
diff --git a/org.tizen.guides/html/web/sensors/ham_gesture_w.htm b/org.tizen.guides/html/web/sensors/ham_gesture_w.htm
index 59d4d48..c1832a5 100644
--- a/org.tizen.guides/html/web/sensors/ham_gesture_w.htm
+++ b/org.tizen.guides/html/web/sensors/ham_gesture_w.htm
@@ -39,7 +39,7 @@
 </div>
 
 <div id="container"><div id="contents"><div class="content">
-<h1>Gesture Recogniton</h1>
+<h1>Gesture Recognition</h1>
 
 <p>You can set your application to recognize specific user gestures and react when the user performs them. The various recognizable gestures include, for example, when the user taps, shakes up, or picks up the device, or moves it along an axis.</p>
 <p>This feature is supported in mobile and wearable applications only.</p>
diff --git a/org.tizen.guides/html/web/w3c/device/battery_w.htm b/org.tizen.guides/html/web/w3c/device/battery_w.htm
index 3567738..4a8e0ec 100644
--- a/org.tizen.guides/html/web/w3c/device/battery_w.htm
+++ b/org.tizen.guides/html/web/w3c/device/battery_w.htm
@@ -51,7 +51,7 @@
   <p>The main features of the Battery Status API include:</p>
   <ul>
    <li>Retrieving the battery status
-   <p>You can use the attributes of the <code>BatteryManager</code> interface (in <a href="https://www.w3.org/TR/2016/CR-battery-status-20160707/#the-batterymanager-interface" target="_blank">mobile</a> and <a href="http://www.w3.org/TR/2012/CR-battery-status-20120508/#batterymanager-interface" target="_blank">wearable</a> applications) to <a href="#retrieve">check the battery status information</a>, such as battery charging status, remaining charging time (until fully charged), remaining battery life (until battery is empty), and battery charge level.</p></li>
+   <p>You can use the attributes of the <code>BatteryManager</code> interface (in <a href="https://www.w3.org/TR/2016/CR-battery-status-20160707/#the-batterymanager-interface" target="_blank">mobile</a> and <a href="http://www.w3.org/TR/2012/CR-battery-status-20120508/#batterymanager-interface" target="_blank">wearable</a> applications) to <a href="#retrieve">check the battery status information</a>, such as battery charging status and battery charge level.</p></li>
 
    <li>Detecting battery status changes
 <p>You can set event listeners with the <code>BatteryManager</code> interface attributes to <a href="#detect">detect changes in the battery status</a>.</p>
@@ -86,7 +86,7 @@
 </li>
 
 <li>
-<p>Use the attributes of the <code>BatteryManager</code> interface (in <a href="https://www.w3.org/TR/2016/CR-battery-status-20160707/#the-batterymanager-interface" target="_blank">mobile</a> and <a href="http://www.w3.org/TR/2012/CR-battery-status-20120508/#batterymanager-interface" target="_blank">wearable</a> applications) to display the battery charging status, remaining charging time, remaining battery life, and battery charge level:</p>
+<p>Use the attributes of the <code>BatteryManager</code> interface (in <a href="https://www.w3.org/TR/2016/CR-battery-status-20160707/#the-batterymanager-interface" target="_blank">mobile</a> and <a href="http://www.w3.org/TR/2012/CR-battery-status-20120508/#batterymanager-interface" target="_blank">wearable</a> applications) to display the battery charging status and battery charge level:</p>
 
 
 <pre class="prettyprint">
diff --git a/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm b/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm
index 013b772..b371d4b 100644
--- a/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm
+++ b/org.tizen.guides/html/web/w3c/perf_opt/minify_js_css_w.htm
@@ -179,7 +179,7 @@ grunt
 		</tr>
 		<tr>
 			<td><code>#02_grunt_uglify</code></td>
-			<td>68</td>
+			<td><strong>68</strong></td>
 			<td>-</td>
 			<td><strong>1.90</strong></td>
 			<td><strong>-4.72</strong></td>
@@ -188,7 +188,7 @@ grunt
 		</tr>
 		<tr>
 			<td><code>#03_grunt_cssmin</code></td>
-			<td>68</td>
+			<td><strong>68</strong></td>
 			<td>-</td>
 			<td><strong>1.87</strong></td>
 			<td><strong>-0.03</strong></td>
@@ -242,7 +242,7 @@ grunt
 		</tr>
 		<tr>
 			<td><code>#02_grunt_uglify</code></td>
-			<td>106</td>
+			<td><strong>106</strong></td>
 			<td>-</td>
 			<td><strong>5.85 </strong></td>
 			<td><strong>-2.02</strong></td>
@@ -251,7 +251,7 @@ grunt
 		</tr>
 		<tr>
 			<td><code>#03_grunt_cssmin</code></td>
-			<td>106</td>
+			<td><strong>106</strong></td>
 			<td>-</td>
 			<td><strong>5.84</strong></td>
 			<td><strong>-0.01</strong></td>
-- 
2.7.4