Mobile links to the Pisstakers

26 Jul 07 Filed in:Phones |Browser

I did a post recently, explaining why we created a mobile theme for The Pisstakers blog, and why we made it work with the Opera mini browser.

Bottom line: now the iPhone is out, there will be ever more demand to access sites from your cell phoner. Until the iPhone takes off, standard cell phones without full-blown browsers onboard will continue to be the norm, so webmasters have to make the effort to get their site themes mobile-ready. Opera are readier than most with a working solution to get a website onto a small phone screen.

Below are a couple of pieces of info to give you a chance of accessing The Pisstakers from your crappy non-iPhone phone.

To link to The Pisstakers from a cell phone, go to wam.tw and input 1010 (1010 is a bookmark for the Pisstakers!)

Create similar bookmarks from your cell to all your fave sites too.

To create a bookmark from your mobile theme to the Pisstakers, input the following HTML into your theme code for a quick link to The Pisstakers.

<p><anchor> <go href="http://wam.tw/addlink.jsp?lnum=1010" /> <img src="http://wam.tw/wam.wbmp" alt="wam" /> </anchor> </p></textarea></form><br /><br /><h2>Opera v Safari</h2><br />Opera offer the best solution for viewing a blog on a tiny screen, I think. Opera Mini is a hobbled version of a full browser, but does scale a page down brilliantly, so you can easily access all the relevant info within the confines of your screen. This mobile friendly browser is especially impressive when a site has a custom mobile style sheet - like The Pisstakers!. <br /><br />Opera is geared up to making the best of a bad job - who seriously wants to surf the internet on the average cell phone? Apple have taken a totally different approach and decided that a phone could be a great tool for surfing the internet, if it were designed right. Rather than reinvent the web with a need for special mobile browsers, Apple invented a phone format that can recognise and display full-on web pages in Safari - without making users go blind or crazy. <br /><br /><img class="imageStyle" alt="safari-on-windows" src="page53_blog_entry290_2.jpg" width="375" height="77"/><br /><br />It sounds spectacular when you say you have the front page of the Times on your iPhone, but let's get real. It gets even more spectacular when you zoom in with a flick of the fingers and you can actually read the Times on your phone. <br /><br />(Detractors say you can only surf Safari on the iPhone if you have sufficient bandwidth to even download a page, and enough juice before your battery runs out. That is not really a fault of the iPhone, more a criticism of the infrastructure in the US.) <br /><br /><h2>In conconclusion</h2><br />I am sure Apple will continue to wipe the cell phone industry floor with ease of use, but for now, I think they have moved mobile website design backwards, or at least caused some confusion. <br /><br />Until the iPhone arrived, web site designers were beginning to try and scale down and modify sites specifically for use on a mobile phone screen. Now they may be wondering if it is worth it, as Apple are likely to induce changes in attitude towards browsing at all the big cell phone manufacturers. <br /><br />We shall see where it leads, but Apple will tease and taunt and lead the way for full browser-enabled phones, while Opera continue to dominate as the <em>mini browser kiddies</em> in a massive but ever shrinking genre of cell phone. <br /><br /><div class="blog-entry-comments"><a class="blog-comment-link" href="javascript:HaloScan('rw_unique_entry_id_290_page53');"><script type="text/javascript">postCount('rw_unique_entry_id_290_page53');</script></a><font color="white">.</font> 
<a href="http://www.addthis.com/bookmark.php" onclick="window.open('http://www.addthis.com/bookmark.php?wt=nw&pub=edtheeditor&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'addthis', 'scrollbars=yes,menubar=no,width=620,height=520,resizable=yes,toolbar=no,location=no,status=no,screenX=200,screenY=100,left=200,top=100'); return false;" title="Bookmark using any bookmark manager!" target="_blank"><img src="http://s9.addthis.com/button1-share.gif" width="100" height="14" border="0" alt="AddThis Social Bookmark Button" /></a> <font color="white">...</font> <a href="http://www.feedm8.com/web/send/637/thepisstakersmegafeed" target="fmpopup" onsubmit="window.open('http://www.feedm8.com/web/send/637/thepisstakersmegafeed', 'fmpopup', 'scrollbars=yes,width=550,height=520');return true"><img src="http://www.feedm8.com/web/images/rssphone.gif" border="0"></a>

<font color="white">.</font>   
<a href="http://www.addthis.com/feed.php?pub=edtheeditor&h1=http%3A%2F%2Fxfruits.com%2Fpisstaker%2F%3Fid%3D20270&t1=" title="Subscribe using any feed reader!"><img src="http://www.thepisstakers.com/imagez/rss-single-icon.jpg" width="14" height="14" border="0" alt="AddThis Feed Button" /></a>
<font color="white">  . </font> <a class="blog-trackback-link" href="javascript:HaloScanTB('rw_unique_entry_id_290=page53');"><script type="text/javascript">postCountTB('rw_unique_entry_id_290_page53'); </script></a></div></div></div>
	</div>

</div>
			
		</div>
		
		<div id="sidebarContainer">
			<div id="tools">
				<ul>
					<li><a class="search" href="http://thepisstakers.com/search/theoptions.html" title="Pisstakers short cut web search is a swicki and Pisstakers Google co-op Search engine" target="_self">Search</a></li>
					<li><a class="writers" href="http://www.thepisstakers.com/features/features/bestlineofday.html" title="Funny quotes, funny quote of the day" target="_self">Funny quote</a></li>
					<li><a class="contact" href="http://thepisstakers.com/contactforms/backup.html" title="Contact Ed the Editor with any ideas, proposals or irritations about the website." target="_self">Contact Us</a></li>
				</ul>
			</div>
			<div class="sideHeader"></div>
			<div id="sidebar">
			
				<div class="center">

<a style="color: #003399; font-size:13px; font-family:'Arial narrow';"> <b>Check Ed's heads!</b> <br />
Funny bizarre & annoying stuff in Tech, News & celebrity gossip</a><br />

</form>

</form>

<form style="border:1px solid #33cc00; background-color: #333333; padding:4px;"><div class="center">
<a href="http://thepisstakers.com/writers/links.html"><b>Quotes & buttons code</b></a></div></form>

<br />

</div>
		</div>
		
		<div id="breadcrumbcontainer">
			<ul><li><a href="../../index.html">Funny HQ</a> > </li><li><a href="../webtech3oct06.html">Web tech stuff</a> > </li></ul>
		</div>
	</div>
	
	<div id="navcontainerContainer">
		<div id="navcontainer">
			<ul><li><a href="../../index.html" rel="self">Funny HQ</a></li><li><a href="../../admin/privacy.html" rel="self">Privacy</a></li><li><a href="../../admin/postingcomment.html" rel="self">About Us</a></li><li><a href="../../mybloglogsunday/internet-buzz.html" rel="self">MBL Sunday</a></li><li><a href="../../features/summary.html" rel="self">Funny junk</a></li><li><a href="../../writers/links.html" rel="self">Lazy blogroll</a></li><li><a href="../../store/storefront.html" rel="self">Shopaholic</a></li><li><a href="../../writers/testimonials.html" rel="self">Testimonials</a></li><li><a href="../../Copyright/creativecommons.html" rel="self">Copyright</a></li><li><a href="../../admin/sitemap.html" rel="self">Sitemap</a></li></ul>
		</div>
		<br />
		<div id="adv">
		
		
	<style type="text/css"> table.spottt_tb, table.spottt_tb tr, table.spottt_tb td, table.spottt_tb a, table.spottt_tb tr a img { margin:0; padding:0; border:none; background:none; position:static; text-decoration:none; display:block; width:125px; vertical-align:top;} .spottt_thumb, .spottt_thumb img, .spottt_thumb a, .spottt_thumb td { height:125px; } .spottt_label, .spottt_label img, .spottt_label a, .spottt_label td { height:21px;}</style><table cellspacing="0px" class="spottt_tb" id="sp_code_table_5g827swybuw4go40"><tr class="spottt_thumb"><td><a href="http://click.spottt.com/sp_click_5g827swybuw4go40.php" target="_top"><img src="http://view.spottt.com/sp_image_5g827swybuw4go40.jpg" border="0" alt="Spottt" /></a></td></tr><tr class="spottt_label"><td><a href="http://home.spottt.com/sp_index_5g827swybuw4go40.php" ><img src="http://view.spottt.com/sp_label_5g827swybuw4go40.jpg" border="0" alt="Spottt" /></a></td></tr></table>

<br /><br />	</div>
		<div class="qod" style="border:2px solid; position:relative; font-family:'Helvetica Neue'; "><div style="border-bottom:2px solid; background:#36c url(http://www.thepisstakers.com/imagez/qod_bg.gif) left top repeat-x;"><a style="display:block; height:50px; line-height:50px; margin:0; padding:0; padding-right:5px; text-align:right; text-decoration:none; color: #fff; font-size:11px; font-weight: bold; background: transparent url(http://www.thepisstakers.com/imagez/qod_head.gif) left top no-repeat; overflow:hidden;" href="http://www.mybloglog.com/buzz/community/thepisstakers/" rel=\"external" title="Visitors from MyBlogLog">Join the chat</a></div></div>	
<form style="border:1px solid #999999; padding:4px;">	<div class="center">
<script type="text/javascript" src="http://www.haloscan.com/members/recent/pisstaker/"> </script>
<style type="text/css">
#haloscan-recent { padding: 2px; margin: 2px; }
#haloscan-recent a { text-decoration: none; border-bottom: 0px dotted #f60; color: #003399; font-size:13px; font-family:'Arial narrow'}
#haloscan-recent ul {  list-style: none; width: 100%; overflow: hidden; margin: 0; padding: 2;}
#haloscan-recent li { text-align: justify; list-style: none; margin: 2px;}
#haloscan-recent li span.hsrname { color: #000000; font-weight: bold; }
#haloscan-recent li span.hsrmsg { font-weight: normal; }
</style>

<div class="qod" style="border:2px solid; position:relative; font-family:'Helvetica Neue'; "><div style="border-bottom:2px solid; background:#36c url(http://www.thepisstakers.com/imagez/qod_bg.gif) left top repeat-x;"><a style="display:block; height:50px; line-height:50px; margin:0; padding:0; padding-right:5px; text-align:right; text-decoration:none; color: #fff; font-size:11px; font-weight: bold; background: transparent url(http://www.thepisstakers.com/imagez/qod_head.gif) left top no-repeat; overflow:hidden;" href="http://www.mybloglog.com/buzz/community/thepisstakers/" rel=\"external" title="Visitors from MyBlogLog">Humor stuff</a></div></div>	
<form style="border:0px solid #999999; padding:0px;">	<div class="center"><br /> <style type="text/css">#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}#flickr_icon_td {padding:0 5px 0 0 !important;}.flickr_badge_image {text-align:center !important;}.flickr_badge_image img {border: 1px solid black !important;}#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}#flickr_badge_uber_wrapper a:hover,#flickr_badge_uber_wrapper a:link,#flickr_badge_uber_wrapper a:active,#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}#flickr_badge_wrapper {background-color:#FFFFFF;border: solid 1px #CCCCFF}#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}</style><tr><script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=1&display=random&size=t&layout=h&context=in%2Fpool-73761966%40N00%2F&source=group&group=73761966%40N00"></script></tr></table></td></tr></table><br /><br />

<div class="qod" style="border:2px solid; position:relative; font-family:'Helvetica Neue'; "><div style="border-bottom:2px solid; background:#36c url(http://www.thepisstakers.com/imagez/qod_bg.gif) left top repeat-x;"><a style="display:block; height:50px; line-height:50px; margin:0; padding:0; padding-right:5px; text-align:right; text-decoration:none; color: #fff; font-size:11px; font-weight: bold; background: transparent url(http://www.thepisstakers.com/imagez/qod_head.gif) left top no-repeat; overflow:hidden;" href="http://www.mybloglog.com/buzz/community/thepisstakers/" rel=\"external" title="Visitors from MyBlogLog">Mobile Pisstakers</a></div></div>
		<form style="background:#336699; border:1px solid #999999; text-align:center" action="http://www.feedm8.com/web/feed_send" method="post" target="fmpopup" onsubmit="window.open('', 'fmpopup', 'scrollbars=yes,width=550,height=480');return true"><br /><a style="color: #ffffff; font-size:13px; font-family:'Arial narrow';">SMS yourself a Mobile Version of Ed's latest posts</a><br /><br /><input type="text" style="width:120px; text-align:center; font-size:8pt; padding:2px;  margin:2px; color:#666" name="phone" onclick="this.value=''" onblur="if (this.value=='') this.value='input your phone no'" value="input your phone no"/><br /><input type="hidden" name="feedid" value="637"/><input type="submit" style="width:120px;" value="Send SMS" /><br /><br />
		
	<a style="color: #ffffff; font-size:13px; font-family:'Arial narrow';">If you run a site, Ed recommends FeedM8 to <br /><a href="http://www.feedm8.com/web/send/637/thepisstakersmegafeed" target="fmpopup" onsubmit="window.open('http://www.feedm8.com/web/send/637/thepisstakersmegafeed', 'fmpopup', 'scrollbars=yes,width=550,height=520');return true">turn <b>your blog</b> mobile</a> <br /><br />	
	
	<a style="color: #ffffff; font-size:13px; font-family:'Arial narrow';">Take a look at a Feedm8 mobile site at work.<br /></a>
<div class="center"><a href="http://www.feedm8.com/thepisstakersmegafeed"><img src="http://www.feedm8.com/web/images/rssphone.gif" border="0"><br /></div>
	
<br />

<a style="color: #ffffff; font-size:13px; font-family:'Arial narrow';">See how Opera shrink your fave sites! Surf for free on their simulated phone browser.<br /><br /></a>
<a href="http://www.operamini.com/demo/" title="A demo of a browser in action on a standard size web-ready phone"><img src="http://www.thepisstakers.com/imagez/operamini.gif"></a>
	
	<br /><br /> 	
		</form>
<br /><br />

</div>
	<a href="#pageHeader" title="Back to the top of the page" class="quick-links">Back to the top</a>
	<div class="clearer"></div>
	
	<div id="footer">
		<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/"><img alt="Creative Commons License" style="border-width: 0" src="http://creativecommons.org/images/public/somerights20.png"/></a><br/>All articles licensed under a <br><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/">Creative Commons License</a>. <br>Other copyrighted content, we claim  Fair Use. Problems?<br /><br />Design and Website: <a href="http://www.bonsai-studio.net" rel="external" title="Professional RapidWeaver themes and Websites">((( Bonsai Studio )))</a></p>
		<script type="text/javascript" src="http://edtheeditor-tagging.jiglu.com/widgets/autotag/d8504df015427ae70115531338fd3b36"></script>	
	</div>

</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1375884-1";
urchinTracker();
</script>
</body>
</html>

Finding humor in tech

Mobile links to the Pisstakers