×
Namespaces

Variants
Actions
(Difference between revisions)

2 Viewpoints In Html Code

From Nokia Developer Wiki
Jump to: navigation, search
r60600 (Talk | contribs)
(Created page with ''''1.Prefer percentage to numerical value''' Many elements in HTML page need define width and height,which usually is the numerical value.This will cause a problem that the elem…')
 
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Add ArticleMetadata)
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20100628
 +
|author= [[User:R60600]]
 +
}}
 
'''1.Prefer percentage to numerical value'''
 
'''1.Prefer percentage to numerical value'''
  
Line 10: Line 32:
 
Image is more beautiful than text in some cases,but it cost much resource of the mobile even if today the mobile's performance is better
 
Image is more beautiful than text in some cases,but it cost much resource of the mobile even if today the mobile's performance is better
 
than ever.And some user set the browser not displaying images for saving rate,which leads the images won't be loaded.So the user can't
 
than ever.And some user set the browser not displaying images for saving rate,which leads the images won't be loaded.So the user can't
operate with this confused screen.In order to code a efficent UI,it had better use texts instead of images especially in the action button,which
+
operate with this confused screen.In order to code a efficient UI,it had better use texts instead of images especially in the action button,which
 
guarantees the base demand.
 
guarantees the base demand.
  
[[Category:Web Technology]][[Category:Browsing]][[Category:Web Runtime (WRT)]]
+
[[Category:Web]][[Category:Browser]][[Category:Symbian Web Runtime]]

Latest revision as of 05:21, 20 July 2012

Article Metadata
Article
Created: r60600 (28 Jun 2010)
Last edited: hamishwillee (20 Jul 2012)

1.Prefer percentage to numerical value

Many elements in HTML page need define width and height,which usually is the numerical value.This will cause a problem that the element displays correctly in mobile with larger size screen,but in smaller screen it will be beyond the display area.To avoid the problem,percentage is recommended,which let the page calculate the fitted size for the current screen of the mobile.But the simple elements,such as text,is unnecessary used as this way.

2.Prefer text to image

Image is more beautiful than text in some cases,but it cost much resource of the mobile even if today the mobile's performance is better than ever.And some user set the browser not displaying images for saving rate,which leads the images won't be loaded.So the user can't operate with this confused screen.In order to code a efficient UI,it had better use texts instead of images especially in the action button,which guarantees the base demand.

This page was last modified on 20 July 2012, at 05:21.
72 page views in the last 30 days.
×