From: sung.h.cho <sung.h.cho@samsung.com>
Date: Mon, 29 Feb 2016 07:40:29 +0000 (+0900)
Subject: [Web][W3C] Added content for multiple screen app development
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=30350f04ce5b8683a5e360f89cdc4fca19fcd50e;p=sdk%2Fonline-doc.git

[Web][W3C] Added content for multiple screen app development

Added content for handling multiple screen for webapp development.
Content is for handling system configuration changes such as home screen layout/width, or system default fonts.

Change-Id: I25dcb058b871aa8cabec099fe7168e4ae7571cf9
Signed-off-by: sung.h.cho <sung.h.cho@samsung.com>
---

diff --git a/org.tizen.ui.practices/html/web/w3c/guides_w3c_w.htm b/org.tizen.ui.practices/html/web/w3c/guides_w3c_w.htm
old mode 100644
new mode 100755
index 629c2e1..1f6aba4
--- a/org.tizen.ui.practices/html/web/w3c/guides_w3c_w.htm
+++ b/org.tizen.ui.practices/html/web/w3c/guides_w3c_w.htm
@@ -113,6 +113,24 @@
 	<p>Enables you to encode and decode font data easily.</p></li>	
 </ul>
 </li>
+
+
+<li><strong>Designing for Multiple Screens</strong>
+<p>Tizen supports various device types with several different screen sizes.</p>
+<p>Designing your application against different screen sizes is important in order to provide optimal user experiences. Also system configuration changes such as default home screen layout and system fonts upon OS upgrade may offer different content view-able screen size. Such changes affect application layout and possibly lead to undesired UI design layout. Therefore you need to design your application to be highly flexible and adaptive against these possibilities using below guides.</p>
+<ul>
+    <li><a href="ui_layout_ww.htm">Multiple UI Layouts: Designing Applications for Multiple Devices</a> in <strong>wearable applications only</strong>
+    <p>Allows you to design your application layout so that your application can run on multiple Tizen devices.</p>
+    </li>
+    <li><a href="multiple_screens_mw.htm">Multiple Screen Support: Supporting Different Screen Sizes</a> in <strong>mobile applications only</strong>
+    <p>Allows you to create an application that is both scalable and adaptive to multiple screen resolutions.</p>
+    </li>
+    <li><a href="font_w.htm">CSS Fonts Module (Level 3): Manipulating Fonts</a>
+    <p>Enables you to define font-face and font-family avoiding layout incompatibility from default system font changes upon OS upgrade.</p>
+    </li>
+</ul>
+</li>
+
 </ul>