Monday, 4 May 2015

Emulators - testing to see what it will look like

There are various online emulators which allow you to test what your website or blog will look like on a mobile phone or various devices.

A couple of examples are : www.mobiletest.me and www.mobilephoneemulator.com


  • Tuesday, 20 January 2015

    Responsive Design

    Nowadays you need to design your website to display differently depending on what device its being viewed on.

    Screen Displays can be measured in pixels - width by height. Desktops will typically be over 1,000 wide whereas a mobile phone might be more like 320 pixels wide. The physical difference in size is quite a bit and whereas a desktop can display quite a lot of text across it, on a mobile you would want to only show small chunks of text at a time so that people can manage to read it. So what needs to happen is you need to have a so-called "responsive" design which will detect the resolution and physical width of the device on which the user is viewing your website and display the content appropriately.

    (If you want to find out more about the different display sizes currently being used, use these links but you do not need to as I really want to keep things simple for you ! http://gs.statcounter.com/#resolution-na-monthly-200903-201401
    and 
    http://www.smashingmagazine.com/2013/03/21/responsive-web-design-with-physical-units/)

    What I recommend is that you make use of a Responsive Web Template.
    There is quite a bit of coding behind a responsive web site design and really I'd recommend you dont start to try and do this yourself. (If you want to try this then good luck with it but this is not the blog for you !)

    So make use of the following templates which I have found useful. So far there are not many templates out there. They seem to be based around a so called skeleton template which breaks the screen up into either a width of combinations of up to 12 columns.

    Comparison : Using a Web Hosting Service or Using a Free Blogging Service

    .htaccess files

    Graphics

    HTML and CSS - Designing your Website

    W3 Schools useful etc
    also forums for Expression Web