Jump to content

Recommended Posts

Posted

Hello there,

I have decided to do a version of our school website specifically for mobile phones.

 

Just started and what I have done is here: index

 

Not sure of the best size etc to make it... This version fits my Samsung Wave but may be too big for other phones...

 

Does anyone know of any other Schools' mobile websites that I could have a look at to get some ideas about functionality, content etc...

 

thanks in advance for any help or suggestions.

 

Steve

Posted
Not sure of the best size etc to make it... This version fits my Samsung Wave but may be too big for other phones...

This is exactly why creating a single resolution-aware website is the way to go IMO as you never know which devices visitors will be using to view your website. The websites below all use this technique to great effect...

 

http://hicksdesign.co.uk/journal/finally-a-fluid-hicksdesign

http://www.alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html (Article)

http://2010.dconstruct.org/

 

If you change the size of your browser window, you will notice the layout and content changes dynamically (including the images and fonts). Apart from looking really cool, it means you only have to update one website rather than two and it will work on everything from a basic mobile phone to the latest high-res smartphones and PCs. :)

 

If you want to give this a try, the following website has a really good tutorial...

 

http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Posted

Dynamic sizing looks like a good solution.

I have very little web coding knowledge (usually use iWeb) but I noticed that Fronter (our MLE) dynamically adjusts page layout in this way...

 

So I re did the front page using webfronter...

 

Of course, not my twitter feed does not work now as Fronter doesn't like to include 'unsafe code'... Twitter have also disabled their flash twitter widgets (which I could embed) as they have a security breach...

 

S

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now



×
×
  • Create New...