Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Hardware - Troubleshooting and Discussion > iPhone, iPad & iPod > BBC News could make their site iPhone optimized with one line of code

BBC News could make their site iPhone optimized with one line of code
Thread Tools
macintologist
Professional Poster
Join Date: Apr 2002
Location: Smallish town in Ohio
Status: Offline
Reply With Quote
Oct 28, 2007, 11:10 PM
 
This is the BBC news PDA version - BBC News Online | World

If you look at it on your iPhone, it is terrible. The text is small and stretches very far to the edge of the viewport.

All BBC has to do is add one line of code in their header tag: <meta name="viewport" content="width=320">

That's it! Nothing more!

So I copied the source of the BBC site and added that one line of code
Visit my edition BBC News Online | World all I did was add:
<meta name="viewport" content="width=320"> in the Head tag.

Here's a before and after for those of you without an iPhone.

Normal BBC site




My hacked version with the one line of code added


Please send feedback to the BBC asking them to insert the meta viewport tag into their PDA site!
BBC NEWS | Help | Feedback Form
( Last edited by macintologist; Oct 29, 2007 at 05:42 PM. )
     
mduell
Posting Junkie
Join Date: Oct 2005
Location: Houston, TX
Status: Offline
Reply With Quote
Oct 28, 2007, 11:43 PM
 
Safari needs Greasemonkey.
     
macintologist  (op)
Professional Poster
Join Date: Apr 2002
Location: Smallish town in Ohio
Status: Offline
Reply With Quote
Oct 29, 2007, 02:44 PM
 
updated with real screenshots
     
MacinTommy
Mac Elite
Join Date: Aug 2006
Location: Denver, CO
Status: Offline
Reply With Quote
Oct 29, 2007, 10:13 PM
 
Originally Posted by macintologist View Post
updated with real screenshots
How do you get screen shots from the iphone?
     
macintologist  (op)
Professional Poster
Join Date: Apr 2002
Location: Smallish town in Ohio
Status: Offline
Reply With Quote
Oct 30, 2007, 10:07 AM
 
erica's utilities and Dock installed through installer.app
     
macmad
Mac Enthusiast
Join Date: Dec 2000
Location: Germany
Status: Offline
Reply With Quote
Oct 31, 2007, 09:46 AM
 
Originally Posted by macintologist View Post
All BBC has to do is add one line of code in their header tag: <meta name="viewport" content="width=320">

That's it! Nothing more!
Did you tell them??

NewsWatch | Contact us | BBC News website feedback
     
macintologist  (op)
Professional Poster
Join Date: Apr 2002
Location: Smallish town in Ohio
Status: Offline
Reply With Quote
Apr 9, 2008, 12:31 PM
 
bump
     
philm
Mac Elite
Join Date: May 2001
Location: Manchester, UK
Status: Offline
Reply With Quote
Apr 9, 2008, 02:27 PM
 
Sort of related is that BBC's wonderful iPlayer is optimised for the iPhone and it looks fantastic.
     
philm
Mac Elite
Join Date: May 2001
Location: Manchester, UK
Status: Offline
Reply With Quote
Apr 17, 2008, 05:59 AM
 
Nice and optimised now.

     
ajprice
Professional Poster
Join Date: Dec 2000
Location: UK
Status: Offline
Reply With Quote
Apr 17, 2008, 06:25 AM
 
I don't have an iPhone or touch, but there are 3 versions of the BBC site - The full site, the PDA
site and the Mobile site. Not sure if the code has changed or if you are going to the different versions in the screenshots.

It'll be much easier if you just comply.
     
   
Thread Tools
 
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Top
Privacy Policy
All times are GMT -4. The time now is 08:49 PM.
All contents of these forums © 1995-2017 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.8 © 2000-2017, Jelsoft Enterprises Ltd.,