A couple of examples are : www.mobiletest.me and www.mobilephoneemulator.com
Do It Yourself Web Design
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
A couple of examples are : www.mobiletest.me and www.mobilephoneemulator.com
Wednesday, 21 January 2015
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.
Subscribe to:
Comments (Atom)
