Apple maps business listings io6 – Yelp

One of the interesting updates to the new io6 software, is the removal of Google maps for Apple’s new mapping software.  My first thought was how on earth Apple would close the gap on Google considering it’s already comprehensive business directory.  I can’t possibly comprehend that the answer is going to be Yelp. Read more

Risc – Responsive Design

One size doesn’t fit all anymore. Mobile phones, tablets, and even TVs now access the web, so its vital that your website has the ability to serve the variety of devices.

Objective

All businesses need a mobile friendly or tablet friendly site. Especially a premium consultancy like RISC, who have highly influential, time poor customers.

Challenge

Having already built the website for Risc, and selecting a theme that didn’t have responsive style sheets built in, we’d have to consider either

a) creating a redirect site for mobile/tablet use; or

b) changing the style sheets using media queries (i.e if site is between 200px and 500px make the menu look like this…)

We chose the latter because we felt maintaining two sites would be overkill, and we also wanted the ability for the site to resize according to the screen size.  In some instances going with a redirect might be advisable if you wanted to reduce load times by uploading smaller images.

Solution

There were 3 main considerations in developing new style sheets:

1) All widths had to be fluid, so that as the screen got smaller or bigger, the dimensions of the site would change, becoming either bigger or smaller.

2) The homepage had to be completely redone , as a two column approach wouldn’t work on a mobile.  We in effect hide those elements on a mobile.

3) The menu system would ultimately take up the majority of the viewing space so we utilised what is called a toggle menu, that appears and disappears on click.

We created rules for style sheets such as, if device is x size, then make the site look like x. The most important piece was the menu, which we decided on a toggle menu, click and it drops down, click and it dissapears.

Lastly we did some testing and of course found that internet explorer 7 (and below) didn’t like the media queries.  IE7 doesn’t play nice with most things, so we found some neat little javascript code that taught IE7 to behave like the other kids.  If you are reading this and you are on IE7 or below, please do us web designers a favour and upgrade, or switch to Chrome / Firefox.

Try it

Open www.riscpl.com on your mobile or simply resize your browser to see it in action.

Phone Apps vs Mobile Websites

Phone apps vs mobile website?  This one is sure to start a debate.  It’s no secret that smart phones and apps have changed our lives, with more users navigating the web for information.  As a good marketer you’ve probably already pondered how to best get involved, with an App or a Mobile Optimised Website.  Whilst it might seem the app is the best way forward, for small businesses and entertainers, let’s explore why a mobile optimised site but be more beneficial to you right now.  Read more

How to Upload Videos from iPhone to Youtube

Can you use the WordPress iPhone app to upload a video, or is there another way to upload video’s direct from your phone and get them onto your self hosted website? Here’s how. Read more

What percentage of your visits are on a mobile?

mobile_internetEveryone has a smart phone these days, so naturally the percentage of website views on a mobile phone is going to increase. So what percentage are we talking? Should you consider a mobile theme for your website? Do you avoid flash given an iphone/ipad doesn’t render flash? Read more