dotMobimobiForgemobiReadyDeviceAtlasgoMobi
background image
  • Mobile Design - Posted by ronan - 08 Mar 2007
  • Thumbnail of Section Feature Image

    dotMobi Mobile Web Developer's Guide

  • I am proud to announce we recently posted the dotMobi Mobile Web Developer's Guide on mobiForge. This is quite a comprehensive guide to mobile web development. It layers on the advice from the W3C's Mobile Web Initiative Mobile Web Best Practices 1.0 document, but takes it further.
  • Best Practices - Posted by mark.anderson - 21 Mar 2014
  • Thumbnail of Section Feature Image

    Fixit - Viewport meta tag

  • This test determines if your page has a viewport meta tag in the header. The viewport meta tag lets you modify the virtual viewport applied to the page and to target those modifications to particular viewport sizes. In effect, it instructs the browser when and how to zoom a page to achieve optimal rendering. Better rending within the browser improves user experience and allows webpages to dynamically adjust to different device types.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - Image Maps

  • This test determines if your page make use of image maps. While image maps are a convenient development shortcut, they are not considered mobile friendly. The additional weight of embedding links in images increases transfer time and rendering speeds. Additionally many mobile devices do not provide ample means to use image maps to users.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - File minification

  • This test determines if your page makes use of excessive whitespace. Whitespace in markup, CSS and JavaScript files tend to make them more readable. However the extra data adds significantly to transfer and processing times. Minification is the process of reducing whitespace in files to an absolute minimum. In many cases filesizes can drop by over 30% through minifcation, thus speeding up content delivery and processing.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - Applets

  • This test determines if your page make use of applet tags. Applets, by and large, require specific pplugins to be installed at the browser level. While this may be possible in some instances, and for some device browsers, the majority of plugins are not mobile friendly and their use is strongly discouraged.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - Inline JavaScript

  • This test determines if your page make use of inline JavaScript code. Requiring the browser to pass markup for JavaScript code slows processing and makes web applications increasingly brittle. Moving all JavaScript code to dedicated JavaScript include files provides a clean seperation of markup, style and code.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - Styled Markup

  • This test determines if your page has styled markup such as basefont, center, font or u. These style markup tags are considered dated and require additional processing time to render. Best practice dictates that all style related information should be contained in CSS files and not be included in amongst markup.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - Inline Styles

  • This test determines if your page has any inline style directives. Inline styles are both harder to maintain and require additional processing time so are not optimal. All style directives should be in dedicated CSS files instead.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - Empty Image

  • This test determines if your page has any empty image tags (image tags with no 'src' attribute or an empty 'src' attribute). Leaving image tags empty require processing that is ultimately wasted. When image tags need to be dynamically created this should happen with JavaScript programming.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    Fixit - GZip Encoding

  • This test determines if your page is transferred using GZip encoding. GZip encoding, or compression, reduces the data being sent and this speeds up the transfer time considerably. Where possible all web assets should use GZip encoding for transmission.
Previous