×
Namespaces

Variants
Actions
(Difference between revisions)

2 Viewpoints In Html Code

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Automated change of category from Web Technology to Web. (New ontology name for category))
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Add ArticleMetadata)
 
(2 intermediate revisions by one user 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 13: Line 35:
 
guarantees the base demand.
 
guarantees the base demand.
  
[[Category:Web]][[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.
120 page views in the last 30 days.