<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Development Blog &#187; Search Results  &#187;  feed</title>
	<atom:link href="http://eisabainyo.net/weblog/?s=feed&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://eisabainyo.net/weblog</link>
	<description>Web Development, Web Design, Web Applications, Web 2.0, AJAX, WordPress Themes, Search Engine Optimisation, Latest Technologies and more..</description>
	<lastBuildDate>Thu, 03 May 2012 02:09:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Creating a Contact Form in jQuery Mobile and PHP</title>
		<link>http://eisabainyo.net/weblog/2011/06/29/creating-a-contact-form-in-jquery-mobile-and-php/</link>
		<comments>http://eisabainyo.net/weblog/2011/06/29/creating-a-contact-form-in-jquery-mobile-and-php/#comments</comments>
		<pubDate>Wed, 29 Jun 2011 06:39:11 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?p=1758</guid>
		<description><![CDATA[This is a step-by-step tutorial on how to create a contact form in jQuery Mobile. I have also included complete php source code that can be used as a web service to send emails from your server. Download 1. Create a folder structure The first thing you need to do is create a folder structure [...]]]></description>
			<content:encoded><![CDATA[<p>This is a step-by-step tutorial on how to create a contact form in jQuery Mobile.  I have also included complete php source code that can be used as a web service to send emails from your server.  </p>
<div class="download">
<h3>Download</h3>
<form id="edd_purchase_1910" action="" method="POST"><div class="edd_purchase_submit_wrapper"><span class="edd_button edd_add_to_cart_wrap edd_gray"><span class="edd_button_outer"><span class="edd_button_inner"><input type="submit" class="edd_button_text edd-submit edd-add-to-cart" name="edd_purchase_download" value="Download complete source code $10.00" data-action="edd_add_to_cart" data-download-id="1910"/></span></span></span><a href="http://eisabainyo.net/weblog/checkout/" class="edd_go_to_checkout edd_button edd_gray" style="display:none;"><span class="edd_button_outer"><span class="edd_button_inner"><span class="edd_button_text"><span>Checkout</span></span></span></span></a><img src="http://eisabainyo.net/weblog/wp-content/plugins/easy-digital-downloads/includes/images/loading.gif" class="edd-cart-ajax" style="display: none;"/>&nbsp;<span style="display:none;" class="edd-cart-added-alert">added to your cart</span></div><!--end .edd_purchase_submit_wrapper--><input type="hidden" name="download_id" value="1910"><input type="hidden" name="edd_action" value="add_to_cart"></form><!--end #edd_purchase_1910--></div>
<p><strong>1. Create a folder structure<br />
</strong>The first thing you need to do is create a folder structure where all your files will live.  My folder structure is as follows:</p>
<pre>- www
-- api
--- send.php
-- js
--- contact.js
-- css
--- contact.css
-- index.html
</pre>
<p><strong>2. Copy and paste the following boilerplate template</strong><br />
This will go into index.html file that you&#8217;ve created.  Note that we are including the Javascript and CSS files from the jQuery Mobile server.  You can also download the latest version of <a href="http://jquerymobile.com/">jQuery Mobile</a> from the website and include the local copy.  </p>
<pre>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
	&lt;title&gt;Contact Us&lt;/title&gt;
	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css&quot; /&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/jquery-1.6.1.min.js&quot;&gt;&lt;/script&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt; 

&lt;div data-role=&quot;page&quot;&gt;

	&lt;div data-role=&quot;header&quot;&gt;
		&lt;h1&gt;Contact Us&lt;/h1&gt;
	&lt;/div&gt;&lt;!-- /header --&gt;

	&lt;div data-role=&quot;content&quot;&gt;
		&lt;!-- Content goes here --&gt;
	&lt;/div&gt;&lt;!-- /content --&gt;

	&lt;div data-role=&quot;footer&quot;&gt;
		&lt;p&gt;Source code by &lt;a href=&quot;http://eisabainyo.net/weblog&quot; rel=&quot;external&quot;&gt;Web Development Blog&lt;/a&gt;.  Check out &lt;a href=&quot;http://eisabainyo.net/weblog/tips-resources&quot; rel=&quot;external&quot;&gt;tip &amp;amp; resources&lt;/a&gt; for Web Developers.&lt;/a&gt;&lt;/p&gt;
	&lt;/div&gt;&lt;!-- /footer --&gt;
&lt;/div&gt;&lt;!-- /page --&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>
<p><strong>3. Add HTML form in the content area</strong><br />
Add the following code into &lt;div data-role=&#8221;content&#8221;&gt;</p>
<pre>
		&lt;div class=&quot;contact-thankyou&quot; style="display: none;"&gt;
			Thank you.  Your message has been sent.  We will get back to you as soon as we can.
		&lt;/div&gt;
		&lt;div class=&quot;contact-form&quot;&gt;
			&lt;p class=&quot;mandatory&quot;&gt;* indicates Manadatory Field&lt;/p&gt;
			&lt;div data-role=&quot;fieldcontain&quot; class=&quot;text-field&quot;&gt;
				&lt;label for=&quot;firstname&quot;&gt;First Name*:&lt;/label&gt;
				&lt;input type=&quot;text&quot; name=&quot;firstname&quot; value=&quot;&quot; placeholder=&quot;&quot; class=&quot;required&quot; id=&quot;firstname&quot; /&gt;
			&lt;/div&gt;
			&lt;div data-role=&quot;fieldcontain&quot; class=&quot;text-field&quot;&gt;
				&lt;label for=&quot;surname&quot;&gt;Last Name:&lt;/label&gt;
				&lt;input type=&quot;text&quot; name=&quot;surname&quot; value=&quot;&quot; placeholder=&quot;&quot; id=&quot;surname&quot; /&gt;
			&lt;/div&gt;
			&lt;div data-role=&quot;fieldcontain&quot; class=&quot;text-field&quot;&gt;
				&lt;label for=&quot;email&quot;&gt;Email Address*:&lt;/label&gt;
				&lt;input type=&quot;email&quot; name=&quot;email&quot; value=&quot;&quot; placeholder=&quot;&quot; class=&quot;required&quot; id=&quot;email&quot;  /&gt;
			&lt;/div&gt;
			&lt;div data-role=&quot;fieldcontain&quot; class=&quot;text-field&quot;&gt;
				&lt;label for=&quot;mobilephone&quot;&gt;Mobile Number:&lt;/label&gt;
				&lt;input type=&quot;number&quot; name=&quot;mobilephone&quot; value=&quot;&quot; placeholder=&quot;&quot; id=&quot;mobilephone&quot; /&gt;
			&lt;/div&gt;
			&lt;div data-role=&quot;fieldcontain&quot;&gt;
				&lt;label for=&quot;state&quot;&gt;State:*&lt;/label&gt;
					&lt;select name=&quot;state&quot; class=&quot;required&quot; id=&quot;state&quot;&gt;
						&lt;option value=&quot;&quot; data-placeholder=&quot;true&quot;&gt;Please select your state&lt;/option&gt;
						&lt;option value=&quot;ACT&quot;&gt;ACT&lt;/option&gt;
						&lt;option value=&quot;NSW&quot;&gt;NSW&lt;/option&gt;
						&lt;option value=&quot;NT&quot;&gt;NT&lt;/option&gt;
						&lt;option value=&quot;QLD&quot;&gt;QLD&lt;/option&gt;
						&lt;option value=&quot;SA&quot;&gt;SA&lt;/option&gt;
						&lt;option value=&quot;TAS&quot;&gt;TAS&lt;/option&gt;
						&lt;option value=&quot;VIC&quot;&gt;VIC&lt;/option&gt;
						&lt;option value=&quot;WA&quot;&gt;WA&lt;/option&gt;
					&lt;/select&gt;
			&lt;/div&gt;
			&lt;div data-role=&quot;fieldcontain&quot;&gt;
				&lt;label for=&quot;message&quot;&gt;Message*:&lt;/label&gt;
				&lt;textarea name=&quot;message&quot; id=&quot;message&quot; placeholder=&quot;&quot; class=&quot;required&quot;&gt;&lt;/textarea&gt;
			&lt;/div&gt;
			&lt;div class=&quot;send&quot;&gt;&lt;a href=&quot;javascript:;&quot; data-role=&quot;button&quot; data-theme=&quot;a&quot; data-iconpos=&quot;right&quot; id=&quot;send-feedback&quot;&gt;send feedback&lt;/a&gt;&lt;/div&gt;
		&lt;/div&gt;&lt;!-- //.contact-form --&gt;
		</pre>
<p><strong>4. Create a web service in PHP to send email<br />
</strong>We have a folder called api and we will create a new file called send.php in the api folder.  You will need to change the $recipient variable.</p>
<pre>
&lt;?php
header('content-type: application/json; charset=utf-8');

if (isset($_GET[&quot;firstname&quot;])) {
	$firstname = strip_tags($_GET['firstname']);
	$surname = strip_tags($_GET['surname']);
	$email = strip_tags($_GET['email']);
	$mobilephone = strip_tags($_GET['mobilephone']);
	$state = strip_tags($_GET['state']);
	$message = strip_tags($_GET['message']);
	$header = &quot;From: &quot;. $firstname . &quot; &lt;&quot; . $email . &quot;&gt;rn&quot;; 

	$ip = $_SERVER['REMOTE_ADDR'];
	$httpref = $_SERVER['HTTP_REFERER'];
	$httpagent = $_SERVER['HTTP_USER_AGENT'];
	$today = date(&quot;F j, Y, g:i a&quot;);    

	$recipient = 'YOUREMAILADDRESS@DOMAIN.COM';
	$subject = 'Contact Form';
	$mailbody = &quot;
First Name: $firstname
Last Name: $surname
Email: $email
Mobile Phone: $mobilephone
State: $state
Message: $message

IP: $ip
Browser info: $httpagent
Referral: $httpref
Sent: $today
&quot;;
	$result = 'success';

	if (mail($recipient, $subject, $mailbody, $header)) {
		echo json_encode($result);
	}
}
?&gt;
</pre>
<p><strong>5. Add Javascript code to handle form onsubmit<br />
</strong>Create a file called contact.js with the following content and include it in your HTML file.</p>
<pre>
$('#send-feedback').live(&quot;click&quot;, function() {
	var url = 'api/send.php';
	var error = 0;
	var $contactpage = $(this).closest('.ui-page');
	var $contactform = $(this).closest('.contact-form');
	$('.required', $contactform).each(function (i) {
        if ($(this).val() === '') {
			error++;
        }
	}); // each
	if (error &gt; 0) {
			alert('Please fill in all the mandatory fields. Mandatory fields are marked with an asterisk *.');
	} else {
		var firstname = $contactform.find('input[name=&quot;firstname&quot;]').val();
		var surname = $contactform.find('input[name=&quot;surname&quot;]').val();
		var state = $contactform.find('select[name=&quot;state&quot;]').val();
		var mobilephone = $contactform.find('input[name=&quot;mobilephone&quot;]').val();
		var email = $contactform.find('input[name=&quot;email&quot;]').val();
		var message = $contactform.find('textarea[name=&quot;message&quot;]').val();	

		//submit the form
		$.ajax({
			type: &quot;GET&quot;,
			url: url,
			data: {firstname:firstname, surname:surname, state: state, mobilephone: mobilephone, email: email, message: message},
            success: function (data) {
				if (data == 'success') {
					// show thank you
					$contactpage.find('.contact-thankyou').show();
					$contactpage.find('.contact-form').hide();
				}  else {
					alert('Unable to send your message. Please try again.');
				}
			}
		}); //$.ajax

	}
	return false;
});
</pre>
<p>After completing all the above steps, you will have a fully functional contact form built using jQuery Mobile, HTML5, and PHP.</p>
<div class="download">
<h3>Download</h3>
<form id="edd_purchase_1910" action="" method="POST"><div class="edd_purchase_submit_wrapper"><span class="edd_button edd_add_to_cart_wrap edd_gray"><span class="edd_button_outer"><span class="edd_button_inner"><input type="submit" class="edd_button_text edd-submit edd-add-to-cart" name="edd_purchase_download" value="Download complete source code $10.00" data-action="edd_add_to_cart" data-download-id="1910"/></span></span></span><a href="http://eisabainyo.net/weblog/checkout/" class="edd_go_to_checkout edd_button edd_gray" style="display:none;"><span class="edd_button_outer"><span class="edd_button_inner"><span class="edd_button_text"><span>Checkout</span></span></span></span></a><img src="http://eisabainyo.net/weblog/wp-content/plugins/easy-digital-downloads/includes/images/loading.gif" class="edd-cart-ajax" style="display: none;"/>&nbsp;<span style="display:none;" class="edd-cart-added-alert">added to your cart</span></div><!--end .edd_purchase_submit_wrapper--><input type="hidden" name="download_id" value="1910"><input type="hidden" name="edd_action" value="add_to_cart"></form><!--end #edd_purchase_1910--></div>
<p><img src="http://eisabainyo.net/weblog/wp-content/uploads/2011/06/contact-jquerymobile.jpg" alt="" title="Contact Form in jQuery Mobile" width="320" height="928" class="alignnone size-full wp-image-1774" /><br />
Screenshot of Contact Form in jQuery Mobile</p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2011/06/29/creating-a-contact-form-in-jquery-mobile-and-php/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How to &#8216;Post on Facebook Wall&#8217; on iPhone and Android using PhoneGap plugins</title>
		<link>http://eisabainyo.net/weblog/2011/06/25/how-to-post-on-facebook-wall-on-iphone-and-android-using-phonegap-plugins/</link>
		<comments>http://eisabainyo.net/weblog/2011/06/25/how-to-post-on-facebook-wall-on-iphone-and-android-using-phonegap-plugins/#comments</comments>
		<pubDate>Sat, 25 Jun 2011 01:45:51 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Snippets]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?p=1751</guid>
		<description><![CDATA[For iPhone / iPad (iOS) Prerequsites - Install ChildBrowser Phonegap plugin - Copy FBConnectExample/FBConnect.js into your www folder and include it in your HTML file - Read and follow the instructions from How to post to the Facebook wall in an iPhone app with phonegap, FaceBook Connect and ChildBrother plugin by MosaCrea The Javascript(jQuery) code: [...]]]></description>
			<content:encoded><![CDATA[<p><strong>For iPhone / iPad (iOS)</strong></p>
<p>Prerequsites<br />
- Install <a href="https://github.com/jos3000/phonegap-plugins/tree/master/iPhone/ChildBrowser">ChildBrowser Phonegap plugin</a><br />
- Copy FBConnectExample/FBConnect.js into your www folder and include it in your HTML file<br />
- Read and follow the instructions from <a href="http://www.mosacrea.com/how-to-post-to-the-facebook-wall-in-an-iphone-app-with-phonegap-facebook-connect-and-childbrother-plugin/">How to post to the Facebook wall in an iPhone app with phonegap, FaceBook Connect and ChildBrother plugin by MosaCrea</a></p>
<p><strong>The Javascript(jQuery) code:<br />
</strong></p>
<pre>
$('#share-facebook').live(&quot;touchstart touchend&quot;, function() {
	var url = $(this).attr(&quot;rel&quot;);
	try {
		shareonfacebook(&quot; likes Web Development Blog by Ei Sabai.&quot;, &quot;http://eisabainyo.net/weblog/wp-content/uploads/2010/11/profile-small.gif&quot;, url);
	}
	catch(err) {
		console.log(err);
	}
	return false;
});
</pre>
<pre>
function shareonfacebook(text, image, url) {
	var client_id = &quot;xxxxxxxxxxxxx&quot;; // Your Facebook Client ID
	var redir_url = &quot;http://www.facebook.com/connect/login_success.html&quot;;

	if (typeof fbPlugin === 'undefined') {
		fbPlugin = FBConnect.install();
	}
	fbPlugin.connect(client_id, redir_url, &quot;touch&quot;);
    fbPlugin.onConnect = function() {
	    window.plugins.fbConnect.postFBWall(text, url, image, function() {
			navigator.notification.alert(
				'Thank you for sharing on Facebook.',
				function() {},
				'Thank you',
				'OK'
			);
		});
	};
}
</pre>
<p><strong>For Android</strong></p>
<p>Prerequsites<br />
- Install <a href="https://github.com/jos3000/phonegap-plugins/tree/master/Android/Facebook">Facebook for Android Phonegap plugin</a><br />
- Copy facebook.js into your www folder and include it in your HTML file</p>
<p><strong>The Javascript(jQuery) code:</strong></p>
<pre>
$('#share-facebook').live(&quot;touchstart touchend&quot;, function() {
	var url = $(this).attr(&quot;rel&quot;);
	try {
		shareonfacebook(&quot; likes Web Development Blog by Ei Sabai.&quot;, &quot;http://eisabainyo.net/weblog/wp-content/uploads/2010/11/profile-small.gif&quot;, url);
	}
	catch(err) {
		console.log(err);
	}
	return false;
});
</pre>
<pre>
function postonfacebook(text, image, url, token) {
	$.ajax({
		   type: 'POST',
		   url: &quot;https://graph.facebook.com/me/feed&quot;,
		   data: {
				message: text,
				picture: image,
				link: url,
				access_token: token,
				format: &quot;json&quot;
		   },
		   success: function (data) {
			   navigator.notification.alert(
					'Thank you for sharing on Facebook.',
					function() {},
					'Thank you',
					'OK'
				);
		   },
		   dataType: &quot;json&quot;,
		   timeout: 10000
	});
}
</pre>
<pre>
function shareonfacebook(text, image, url) {
	var client_id = &quot;xxxxxxxxxxxxx&quot;; // Your Facebook Client ID

	window.plugins.facebook.authorize(client_id, function(res){
		if (res.token !== undefined) {
			postonfacebook(text, image, url, res.token)
		} else {
			// call authorization method
			window.plugins.facebook.getAccess(function(res) {
				if (res.token !== undefined) {
					postonfacebook(text, image, url, res.token)
				}
			});
		}
	});
}
</pre>
<p><strong>Usage (for both iPhone and Android):</strong></p>
<pre>&lt;a href=&quot;#&quot; rel=&quot;http://eisabainyo.net/weblog/&quot; id=&quot;share-facebook&quot;&gt;Share on Facebook&lt;/a&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2011/06/25/how-to-post-on-facebook-wall-on-iphone-and-android-using-phonegap-plugins/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tips &amp; Resources</title>
		<link>http://eisabainyo.net/weblog/tips-resources/</link>
		<comments>http://eisabainyo.net/weblog/tips-resources/#comments</comments>
		<pubDate>Sat, 18 Jun 2011 10:18:44 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Web Development Blog]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?page_id=1688</guid>
		<description><![CDATA[Hello developers, designers and web professionals, This page is created just for you so you can easily browse most popular posts on this blog by category and enjoy my collection of resources. I will be updating this page often to ensure the information presented here is up-to-date and accurate. I recommend bookmarking this page for [...]]]></description>
			<content:encoded><![CDATA[<p>Hello developers, designers and web professionals,</p>
<p>This page is created just for you so you can easily browse most popular posts on this blog by category and enjoy my collection of resources.  I will be updating this page often to ensure the information presented here is up-to-date and accurate.  I recommend bookmarking this page for your later reference.   You may also <a href="http://eisabainyo.net/weblog/subscribe">subscribe to the newsletter</a> if you wish to be notified when this page is updated. </p>
<h2>Popular Posts</h2>
<h3>Must-read articles for Web Developers</h3>
<p><a href="http://eisabainyo.net/weblog/2010/05/31/how-to-code-an-html-email-newsletter/">How to code an HTML Email Newsletter</a><br />
<a href="http://eisabainyo.net/weblog/2009/08/28/framebar-like-diggbar-example-in-html-and-css-with-no-javascript/">Framebar (like diggbar) example in html and css with no javascript</a><br />
<a href="http://eisabainyo.net/weblog/2009/07/02/some-simple-but-effective-css-rules-for-ie-6/">Some simple but effective CSS rules for IE 6</a><br />
<a href="http://eisabainyo.net/weblog/2009/03/18/10-website-optimisation-tips-for-web-20-websites/">10 Website Optimisation Tips for Web 2.0 Websites</a><br />
<a href="http://eisabainyo.net/weblog/2007/05/18/15-tips-on-optimising-mysql-databases-and-mysql-queries/">15 tips on optimising MySQL databases and MySQL queries</a><br />
<a href="http://eisabainyo.net/weblog/2008/11/09/15-useful-cheat-sheets-for-web-developers/">15 useful cheat sheets for web developers</a><br />
<a href="http://eisabainyo.net/weblog/2008/09/18/backuping-and-restoring-a-single-table-using-mysqldump/">Backuping and restoring a single table using mysqldump</a><br />
<a href="http://eisabainyo.net/weblog/2009/04/27/code-to-embed-google-map-and-street-view/">Code to embed Google Map and Street View</a><br />
<a href="http://eisabainyo.net/weblog/2009/02/19/conditional-ie-comments/">Conditional IE Comments (to detect IE browser / IE browser version)</a><br />
<a href="http://eisabainyo.net/weblog/2009/07/23/customising-recaptcha-theme/">Customising reCAPTCHA Theme</a><br />
<a href="http://eisabainyo.net/weblog/2008/12/26/drupal-tutorials-for-content-editors-and-producers/">Drupal Tutorials for Content Editors and Producers</a><br />
<a href="http://eisabainyo.net/weblog/2008/11/07/google-search-tips/">Google Search Tips</a><br />
<a href="http://eisabainyo.net/weblog/2009/11/24/how-to-add-a-breadcrumb-to-your-blog-and-have-it-appear-on-googles-search-result-snippet/">How to add a breadcrumb to your blog and have it appear on Google’s Search Result Snippet</a><br />
<a href="http://eisabainyo.net/weblog/2010/11/29/how-to-customise-your-facebook-fan-page/">How to customise your Facebook Fan Page with FBML</a><br />
<a href="http://eisabainyo.net/weblog/2009/04/21/redirect-old-pages-to-new-pages-using-htaccess/">How to redirect old pages to new pages using htaccess</a><br />
<a href="http://eisabainyo.net/weblog/2009/01/07/my-list-of-essential-drupal-modules/">My list of essential Drupal modules</a><br />
<a href="http://eisabainyo.net/weblog/2009/09/28/remove-html-tags-from-a-string/">Remove html tags from a string</a><br />
<a href="http://eisabainyo.net/weblog/2007/08/19/removing-file-extension-via-htaccess/">Removing file extension via .htaccess</a><br />
<a href="http://eisabainyo.net/weblog/2009/01/22/step-by-step-instructions-on-how-to-set-up-a-virtual-pc-and-install-ie6-or-ie7-ie8/">Step-by-step instructions on how to set up a Virtual PC and install IE6 (or IE7, IE8)</a><br />
<a href="http://eisabainyo.net/weblog/2009/04/06/iframe-injection-attack/">Troubleshooting an IFrame Injection Attack</a></p>
<h3>Mobile Web Development</h3>
<p><a href="http://eisabainyo.net/weblog/2011/06/07/how-to-use-hi-res-images-for-web-apps-in-iphone4/">How to use hi-res images in web apps for iPhone4</a><br />
<a href="http://eisabainyo.net/weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/">Top 10 jQuery Mobile Code Snippets that you need to know</a><br />
<a href="http://eisabainyo.net/weblog/2009/10/27/tips-for-iphone-web-app-development/">Tips for iPhone Web App Development</a><br />
<a href="http://eisabainyo.net/weblog/2010/09/17/australian-mobile-internet-usage-infographics/">Australian Mobile Internet Usage Infographics</a><br />
<a href="http://eisabainyo.net/weblog/2010/05/30/designing-and-optimising-websites-for-ipad/">Designing and Optimising Websites for iPad</a><br />
<a href="http://eisabainyo.net/weblog/2010/11/08/five-important-steps-into-iphone-app-development-for-beginners/">Five Important Steps into iPhone App Development for Beginners</a><br />
<a href="http://eisabainyo.net/weblog/2010/03/05/how-to-disable-text-auto-correction-in-iphone-web-app/">How to disable text auto correction in iPhone web app</a><br />
<a href="http://eisabainyo.net/weblog/2009/06/12/making-a-website-iphone-friendly-using-css/">Making a website iPhone-friendly using CSS</a><br />
<a href="http://eisabainyo.net/weblog/2009/10/27/tips-for-iphone-web-app-development/">Tips for iPhone Web App Development</a><br />
<a href="http://eisabainyo.net/weblog/2010/01/16/tips-on-building-websites-for-mobile-browsers/">Tips on building websites for mobile browsers</a><br />
<a href="http://eisabainyo.net/weblog/2010/08/12/when-an-iphone-web-app-is-better-than-a-native-web-app/">When an iPhone web app is better than a native app</a></p>
<h3>WordPress</h3>
<p><a href="http://eisabainyo.net/weblog/2010/06/24/recommended-hosting-for-wordpress-3-0/">Recommended Web Hosting for WordPress 3.0</a><br />
<a href="http://eisabainyo.net/weblog/2010/02/22/how-to-create-a-archive-page-in-wordpress/">5 steps to creating a custom Archive page in WordPress</a><br />
<a href="http://eisabainyo.net/weblog/2007/04/03/5-must-have-plugins-when-using-wordpress-as-a-cms/">5 must have plugins when using WordPress as a CMS</a><br />
<a href="http://eisabainyo.net/weblog/2009/02/02/a-list-of-all-posts-in-an-alphabetical-order/">A list of all posts in an alphabetical order</a><br />
<a href="http://eisabainyo.net/weblog/2009/05/27/building-a-real-estate-website-using-wordpress/">Building a real estate website using WordPress</a><br />
<a href="http://eisabainyo.net/weblog/2007/05/14/customising-categoryphp-in-wordpress/">Customising category.php in WordPress</a><br />
<a href="http://eisabainyo.net/weblog/2009/02/09/display-10-recent-post-titles-on-homepage/">Display 10 recent post titles on homepage</a><br />
<a href="http://eisabainyo.net/weblog/2010/03/10/display-5-latest-posts-in-each-category-in-wordpress/">Display 5 latest posts in each category in WordPress</a><br />
<a href="http://eisabainyo.net/weblog/2009/05/26/highlight-the-current-page-link-in-wordpress/">Highlight the current page link in WordPress</a><br />
<a href="http://eisabainyo.net/weblog/2010/05/10/how-to-customise-wordpress-admin-login-page/">How to customise WordPress Admin Login page</a><br />
<a href="http://eisabainyo.net/weblog/2009/06/25/how-to-display-a-different-header-image-for-different-pages-in-wordpress/">How to display a different header image for different pages in WordPress</a><br />
<a href="http://eisabainyo.net/weblog/2007/03/01/search-engine-friendly-wordpress-titles/">Search engine friendly WordPress titles</a><br />
<a href="http://eisabainyo.net/weblog/2010/06/06/themeforest-vs-woothemes/">ThemeForest vs WooThemes</a></p>
<h3>CSS Tips &#038; Tricks</h3>
<p><a href="http://eisabainyo.net/weblog/2010/04/22/align-an-image-in-center-and-middle-using-css/">Align an image in center and middle using CSS</a><br />
<a href="http://eisabainyo.net/weblog/2009/04/24/how-to-style-a-submit-button-in-css/">How to style a Submit button in CSS</a><br />
<a href="http://eisabainyo.net/weblog/2010/03/09/how-to-style-a-submit-button-in-css-example-2/">How to style a Submit button in CSS – Example 2</a><br />
<a href="http://eisabainyo.net/weblog/2007/04/18/css-hacks-for-ie-7-ie-6-opera-etc/">CSS Hacks (for IE 7, IE 6, Opera, etc)</a><br />
<a href="http://eisabainyo.net/weblog/2007/02/19/how-to-get-rid-of-tracing-dotted-line-on-aactive-with-css/">How to get rid of tracing dotted line on a:active with CSS</a><br />
<a href="http://eisabainyo.net/weblog/2009/05/11/opacity-in-css/">Opacity in CSS</a><br />
<a href="http://eisabainyo.net/weblog/2009/07/02/some-simple-but-effective-css-rules-for-ie-6/">Some simple but effective CSS rules for IE 6</a><br />
<a href="http://eisabainyo.net/weblog/2009/02/25/wrapping-a-long-url-with-css/">Wrapping a long url with CSS</a></p>
<h3>Javascript &#038; jQuery Tips &#038; Tricks</h3>
<p><a href="http://eisabainyo.net/weblog/2009/09/14/read-more-using-jquery-live-event/">Read more using jQuery live event</a><br />
<a href="http://eisabainyo.net/weblog/2009/04/30/10-examples-of-basic-input-validation-in-javascript/">10 Examples of Basic Input Validation in Javascript</a><br />
<a href="http://eisabainyo.net/weblog/2010/11/15/10-most-useful-javascript-snippets-from-snipplr/">10 most useful Javascript snippets from snipplr</a><br />
<a href="http://eisabainyo.net/weblog/2010/09/01/10-useful-jquery-snippets/">10 Useful jQuery Snippets</a><br />
<a href="http://eisabainyo.net/weblog/2009/04/07/back-to-top-link-with-jquery/">Back to top link with jQuery</a><br />
<a href="http://eisabainyo.net/weblog/2009/05/28/check-username-availability-using-ajax-and-jquery/">Check username availability using AJAX and jQuery</a><br />
<a href="http://eisabainyo.net/weblog/2010/06/17/clear-default-text-in-input-boxes-on-click-with-jquery/">Clear default text in input boxes on click with jQuery</a><br />
<a href="http://eisabainyo.net/weblog/2008/05/18/display-a-flashimagetext-file-randomly-using-javascript/">Display a flash/image/text file randomly using javascript</a><br />
<a href="http://eisabainyo.net/weblog/2009/02/20/display-thickbox-on-page-load/">Display thickbox on page load</a><br />
<a href="http://eisabainyo.net/weblog/2009/07/17/dropdown-menu-population-using-json-and-jquery/">Dropdown menu population using JSON and jQuery</a><br />
<a href="http://eisabainyo.net/weblog/2010/05/07/how-to-check-if-div-exists-in-jquery/">How to check if div exists in jQuery</a><br />
<a href="http://eisabainyo.net/weblog/2009/04/28/open-link-in-a-new-window-using-jquery/">Open link in a new window using jQuery</a><br />
<a href="http://eisabainyo.net/weblog/2009/02/20/store-login-information-in-cookie-using-jquery/">Store login information in cookie using jQuery</a></p>
<h2>Resources</h2>
<h3>Website Related</h3>
<p><strong>Domain Name</strong> &#8211; <a href="http://eisabainyo.net/view/godaddy">GoDaddy</a><br />
GoDaddy is the World&#8217;s Largest Domain Registrar providing Domains, SSL certificates.  All my .com, .net and .info domains are registered at GoDaddy and I have been with them for almost 10 years.  </p>
<p><strong>Web Hosting</strong> &#8211; <a href="http://eisabainyo.net/view/bluehost">Blue Host</a> &#038; <a href="http://eisabainyo.net/view/dreamhost">Dreamhost</a><br />
I use Blue Host and Dreamhost for my websites.  <a href="http://eisabainyo.net/view/bluehost">Blue Host</a> is perfect for normal users and <a href="http://eisabainyo.net/view/dreamhost">Dreamhost</a> is better suited for more advanced users.  </p>
<p><strong>Blogging CMS</strong> &#8211; <a href="http://wordpress.org">WordPress</a><br />
WordPress is a content management system that is both free and priceless at the same time.  It has a huge community and the core system is developed by hundreds of community volunteers, making it a very robust and powerful content management system.  It is one of the most popular blogging software used today.  Web Development Blog is built on WordPress. </p>
<p><strong>Email Marketing (Newsletter)</strong> &#8211; <a href="http://eisabainyo.net/view/icontact">iContact</a><br />
iContact is the leading email marketing service provider with over 70,000 clients and 700,000 users. With iContact, anyone can easily create, send, and track email newsletters, autoresponders, surveys and RSS feeds. You can try iContact FREE for 30  days before upgrading to a paid subscription.</p>
<p><strong>Web analytics</strong>  &#8211; <a href="http://www.google.com/analytics">Google Analytics</a><br />
I use Google Analytics to track statistics to my websites.  Google analytics is free, enterprise-class, and it is very easy to set up.  Some of things I look at from my Google Analytics reports are Browser Usage, Screen resolution, Referring sites, Total visits, and most viewed pages.  </p>
<p><strong>WordPress Themes</strong> &#8211; <a href="http://eisabainyo.net/view/themeforest">ThemeForest</a><br />
ThemeForest is a Premimum theme provider and they are very famous for WordPress Themes.  I have written a review on <a href="http://eisabainyo.net/weblog/2010/06/06/themeforest-vs-woothemes/">ThemeForest vs WooThemes</a> if you would like to find out more about their WordPress themes.  ThemeForest provides more than just premium WordPress Themes; they have email newsletter templates, psd layouts, web 2.0 graphics and many more.  While I use website template designs from <a href="http://eisabainyo.net/view/templates">Template Monster</a>, I go to ThemeForest for WordPress Themes, newsletter templates and web 2.0 graphics.  </p>
<p><strong>Website templates</strong> &#8211; <a href="http://eisabainyo.net/view/templates">Template Monster</a><br />
Template Monster offers premium website templates, flash templates, web templates and other web design products for immediate download.  They are one of the oldest template seller, have a wide range of categories (Health, Beauty, Corporate, Food &#038; Drinks, Retail, etc) and unique designs.  I have been using them for more than five years and no other template provider comes close to Template Monster when it comes to website templates.  </p>
<h3>Business Tools &#038; Software</h3>
<p><strong>Online Storage</strong> &#8211; <a href="http://eisabainyo.net/view/dropbox">DropBox</a><br />
DropBox is free storage service that lets you upload and share photos, videos, files and documents.  You can get 2GB of Dropbox for free, and with subscriptions up to 100GB available.  The best thing is you can access your files from dropbox even when you are offline if you have the dropbox software installed on your computer.  </p>
<p><strong>Project Management</strong> &#8211; <a href="http://basecamphq.com">Basecamp</a><br />
Basecamp is the top choice for entrepreneurs, freelancers, small businesses, and groups inside big organizations. Unlike other project management software that concentrates on charts and numbers, Basecamp tackles project management from an entirely different angle: A focus on communication and collaboration.  30-day Free Trial is available on all accounts.  There is also a free plan that lets you create 1 project, 2 Writeboards and comes with 10 MB file storage. </p>
<p><strong>Invoicing</strong> &#8211; <a href="https://esn.freshbooks.com/signup/">Freshbooks</a><br />
FreshBooks is a web based invoicing software ideal for freelancers, small businesses, agencies, and professionals. Not only is Freshbooks good for sending invoices, it is also an excellent tool to track your time spent on projects.  For most freelancers and small agencies, the Evergreen package is the best choice as it allows unlimited number of clients and unlimited of invoices to be sent.  </p>
<p><strong>Feeds Reader</strong> &#8211; <a href="http://www.google.com/reader">Google Reader</a><br />
Ever since I started using Google Reader, I have never looked back.  It saves me a lot of time and bandwidth download.  It also makes me feel organised because all my favourite reads can be accessed from one single place at any time. </p>
<p><strong>Business Cards</strong> &#8211; <a href="http://eisabainyo.net/view/minted">Minted</a><br />
Minted is a new online store offering fresh, modern and affordable custom business cards for freelancers, and business professionals.  The business cards are printed on luxurious signature paper and you can choose from many unique designs and customise with your own logo and color scheme.</p>
<p><strong>Anti Virus</strong> &#8211; <a href="http://eisabainyo.net/view/zonealarmsuite">ZoneAlarm Security Suite</a><br />
ZoneAlarm Security Suite is a powerful Antivirus engine that blocks online threats and hackers, detects viruses during installation, monitors suspicious behavior and cleans and removes spyware and virues.  Anti virus is a must-have software in any PC and ZoneAlarm provides complete PC and Home Internet Security solutions.</p>
<p><strong>FTP</strong> &#8211; <a href="http://filezilla-project.org/">FileZilla</a> &#038; <a href="http://www.net2ftp.com/">Net2FTP</a><br />
FileZilla is an excellent FTP program, and it&#8217;s my absolute favourite.  But sometimes when I need to upload/download files from a computer that doesn&#8217;t have FileZilla , I use Net2FTP.  Net2FTP is a web based FTP tool with an easy-to-use user interface and it allows you to connect to your FTP server via SSL or a normal connection. </p>
<p><strong>Twitter &#038; Facebook</strong> &#8211; <a href="http://www.tweetdeck.com/">TweetDeck</a><br />
Because I have more than one twitter account (<a href="http://twitter.com/eisabai">a personal one</a>, and some business ones), TweetDeck is really useful for me.  I can tweet to multiple twitter accounts at once and read timelines from more than one accounts without logging in and logging out.</p>
<p><strong>Photo Editing</strong> &#8211; <a href="http://www.gimp.org/">GIMP</a><br />
GIMP is an open source photo editing software that lets you open many types of image files including photoshop (psd) files.  It is lightweight and handy for photo retouching, image composition, and cutting up psd layouts.  GIMP can be installed on Mac, Windows, and Linux operating systems. </p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/tips-resources/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 Days Traffic Building Exercise – Day 6</title>
		<link>http://eisabainyo.net/weblog/2010/02/09/7-days-traffic-building-exercise-%e2%80%93-day-6/</link>
		<comments>http://eisabainyo.net/weblog/2010/02/09/7-days-traffic-building-exercise-%e2%80%93-day-6/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 00:18:21 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Web Development Blog]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?p=910</guid>
		<description><![CDATA[Day 6: Submit to blog and RSS directories On Day 6, we submitted our blog to blog and RSS directories. Submitting your blog to directories is not only good for traffic, but it is also good for search engine optimisation. There are many blog and RSS directories but try to choose the ones that have [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Day 6: Submit to blog and RSS directories</strong></p>
<p><img src="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/rss-feed.png" alt="" title="RSS icon" width="300" height="283" class="alignnone size-full wp-image-917" /><br />
On Day 6, we submitted our blog to blog and RSS directories.   Submitting your blog to directories is not only good for traffic, but it is also good for search engine optimisation.  There are many blog and RSS directories but try to choose the ones that have good PageRank and Alexa traffic ranking.   When submitting your blog to directories, be sure to select an appropriate category that your blog belongs to.  For example, our blog is about web development and therefore, we submitted our blog to categories such as &#8220;Web 2.0&#8243;, &#8220;Internet -> Programming&#8221;, &#8220;Web Design &amp; Development&#8221;, etc.  Most directories allow free submission, but if you have a budget for it, you can pay for a premium or featured listing which guarantee a better click through rate.  </p>
<p>So, what are some of the popular blog directories?  You can either google for &#8220;blog directories + YOUR NICHE&#8221; or go through the following lists: </p>
<ul>
<li><a href="http://www.searchenginejournal.com/20-essential-blog-directories-to-submit-your-blog-to/5998/">20 Essential Blog Directories to Submit Your Blog To</a></li>
<li><a href="http://www.toprankblog.com/rss-blog-directories/">RSS – Blog Directories</a></li>
<li><a href="http://www.interactivemarketinginc.com/blog-directories.html">Top Blog Directories</a></li>
</ul>
<p>Time spent: 2 hours</p>
<p>Read how it all started: <a href="http://eisabainyo.net/weblog/2010/02/03/7-days-traffic-building-exercise/">7 Days Traffic Building Exercise</a></p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2010/02/09/7-days-traffic-building-exercise-%e2%80%93-day-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>7 Days Traffic Building Exercise &#8211; Day 1</title>
		<link>http://eisabainyo.net/weblog/2010/02/04/7-days-traffic-building-exercise-day-1/</link>
		<comments>http://eisabainyo.net/weblog/2010/02/04/7-days-traffic-building-exercise-day-1/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 00:32:06 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Web Development Blog]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?p=862</guid>
		<description><![CDATA[Day 1: Importing blog feed to Facebook profile Import a Blog on Facebook On Day 1, we had a quick and easy exercise. We added our Web Development Blog&#8217;s RSS feed to our Facebook profile using Notes application. Importing a feed to your Facebook profile is very easy and you can do so without having [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Day 1:  Importing blog feed to Facebook profile</strong></p>
<p><img src="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/import-a-blog-facebook.gif" alt="" title="Import a Blog on Facebook" width="400" height="280" class="alignnone size-full wp-image-863" /><br />
<em>Import a Blog on Facebook</em></p>
<p>On Day 1, we had a quick and easy exercise.  We added our Web Development Blog&#8217;s RSS feed to our Facebook profile using Notes application.  Importing a feed to your Facebook profile is very easy and you can do so without having to add a 3rd party application.  Go to <a href="http://www.facebook.com/editnotes.php?import">Notes application -> Import a Blog</a> and enter your RSS feed URL into the textbox provided.  And you are done!   Facebook will automatically update your notes whenever your RSS feed is updated.  </p>
<p>Remember to add Notes application to your Profile tabs by clicking on the big &#8220;+&#8221; button on top of your profile (next to all the existing tabs like Wall, Info, Photos, etc).  </p>
<p>Time spent: 10 mins</p>
<p>Read how it all started: <a href="http://eisabainyo.net/weblog/2010/02/03/7-days-traffic-building-exercise/">7 Days Traffic Building Exercise</a></p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2010/02/04/7-days-traffic-building-exercise-day-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>7 Days Traffic Building Exercise</title>
		<link>http://eisabainyo.net/weblog/2010/02/03/7-days-traffic-building-exercise/</link>
		<comments>http://eisabainyo.net/weblog/2010/02/03/7-days-traffic-building-exercise/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 00:30:40 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Web Development Blog]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?p=859</guid>
		<description><![CDATA[Over the next 7 days, we will be having a traffic building exercise in order to generate more traffic to Web Development Blog. Join us on our journey to building traffic and learning tips and tricks along the way. Our Plan We will be spending 1 &#8211; 2 hours every day to implement our traffic [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/graph.jpg"><img src="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/graph.jpg" alt="" title="Graph" width="300" height="299" class="alignnone size-full wp-image-860" /></a></p>
<p>Over the next 7 days, we will be having a traffic building exercise in order to generate more traffic to Web Development Blog.  Join us on our journey to building traffic and learning tips and tricks along the way.   </p>
<p><strong>Our Plan</strong></p>
<p>We will be spending 1 &#8211; 2 hours every day to implement our traffic building plan.  We will be doing this for a week and will be writing a blog post every day outlining what we did (so you can do the same for your blog).  At the end of the week, we will check our web statistics report (Google Analytics) to analyse the performance of our exercise and compare before and after stats. </p>
<p><strong>Current Statistics</strong></p>
<p>Currently, the statistics for Web Development Blog are as follows.  The statistics are gathered using Google Analytics for the period of Jan 24, 2010 &#8211; Jan 30, 2010.  </p>
<p>Average Weekly Visits:  3,728<br />
Average Weekly Pageviews: 4,473<br />
Average Weekly Visitors: 3,372</p>
<p><strong>Read the series of 7 Days Traffic Building Exercise</strong></p>
<p><a href="http://eisabainyo.net/weblog/2010/02/04/7-days-traffic-building-exercise-day-1/">Day 1: Import blog feed to Facebook profile</a><br />
<a href="http://eisabainyo.net/weblog/2010/02/05/7-days-traffic-building-exercise-%E2%80%93-day-2/">Day 2: Article Submission</a><br />
<a href="http://eisabainyo.net/weblog/2010/02/06/7-days-traffic-building-exercise-%E2%80%93-day-3/">Day 3: Give away something for free</a><br />
<a href="http://eisabainyo.net/weblog/2010/02/07/7-days-traffic-building-exercise-%E2%80%93-day-4/">Day 4: Install widgets / plugins</a><br />
<a href="http://eisabainyo.net/weblog/2010/02/08/7-days-traffic-building-exercise-%E2%80%93-day-5/">Day 5: Write a round-up link post</a><br />
<a href="http://eisabainyo.net/weblog/2010/02/09/7-days-traffic-building-exercise-%E2%80%93-day-6/">Day 6: Submit to blog and RSS directories</a><br /> <a href="http://eisabainyo.net/weblog/2010/02/10/7-days-traffic-building-exercise-%e2%80%93-day-7/">Day 7: Comment</a>   </p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2010/02/03/7-days-traffic-building-exercise/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Common elements on magazine websites</title>
		<link>http://eisabainyo.net/weblog/2010/02/01/common-elements-on-magazine-websites/</link>
		<comments>http://eisabainyo.net/weblog/2010/02/01/common-elements-on-magazine-websites/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 04:46:48 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?p=841</guid>
		<description><![CDATA[This post covers some of the most common elements you see on many magazine websites. Hero module A hero module on a magazine website usually consists of featured articles from various categories across the site. Javascript tabs / carousel functionality is often used to rotate the items within this module. Latest articles Latest articles section [...]]]></description>
			<content:encoded><![CDATA[<p>This post covers some of the most common elements you see on many magazine websites. </p>
<p><img src="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/magazine-ia.gif" alt="" title="Wireframe of a magazine website" width="400" height="317" class="alignnone size-full wp-image-842" /></p>
<p><strong>Hero module</strong><br />
A hero module on a magazine website usually consists of featured articles from various categories across the site.    Javascript tabs / carousel functionality is often used to rotate the items within this module.   </p>
<p><strong>Latest articles</strong><br />
Latest articles section consists of a list of recent articles, each of which have a thumbnail image of the article and a short teaser with a link to the individual article page.  There are usually between 5 to 10 articles within this section on the homepage.</p>
<p><strong>Categories </strong><br />
Links to categories becomes the primary navigation on magazine websites and essentially replaces the pages navigation you see on most corporate websites.  For example, for a Lifestyle magazine website, the primary navigation may consist of categories such as Entertainment, Travel, Fashion, Food and Living where as for a corporate website, the primary navigation links to main pages such as Home, Products, Services, About Us and Contact Us.  </p>
<p><strong>List of articles</strong><br />
A list of articles is simply a bunch of links to various articles on the websites.  Not only is this good for Search Engine Optimisation purposes, it is also a good reason to give users an easy access to archived articles.   </p>
<p><strong>Photo gallery</strong><br />
Most magazine websites have many photo galleries and this module is used to give users a one-click access to latest/seasonal photo gallery on the website.  For example, a lifestyle magazine may have a photo gallery called &#8220;Grammys Fashion&#8221; that they want to promote on the homepage.  </p>
<p><strong>Featured video</strong><br />
With fast Internet connections available these days, videos have become a huge part of online media.  According to <a href="http://www.comscore.com/Press_Events/Press_Releases/2008/09/YouTube_Online_Video_Views">Comscore study</a>, 75 percent of the total U.S. Internet audience viewed online video in July last year.   It is no wonder videos have become a staple of content distribution methods.  </p>
<p><strong>Social networking</strong><br />
Integration with social networking sites and tools is a must for any website these days as it is one of the most effective ways to generate traffic and increase participation.  It is not uncommon for most online brands to have its own YouTube Channel, Twitter presence and Facebook page to facilitate interaction with users everywhere.  </p>
<p><strong>Search</strong><br />
Having a search engine for a magazine website is a key requirement because over time, a magazine website will have hundreds and thousands of articles and the only way for users to quickly access an article is through a search engine.  </p>
<p><strong>Ads (Medium rectangle, Leaderboard, Half page, etc)</strong><br />
Be it a small block ad, a medium rectangle ad, a leaderboard ad or a half page ad, ads are one of the most profitable ways to generate revenue from a website.   After all, someone has to pay for all the hosting, design, development, content and have the magazine up and running online.  </p>
<p><strong>RSS feed</strong><br />
RSS feeds enable users to retrieve the latest content from your website using a push technology which mean whenever a new article is added to the website, they will be informed of it via their RSS reader without them having to visit the website.  It is especially important for magazine websites and blogs because new content is being added all the time and RSS feeds provide an easy way for users to view updates and keep up to date with latest news and articles.  </p>
<p>&#8212;</p>
<p>Here are some of our favourite Premium WordPress themes for magazine websites.</p>
<p><a href="http://themeforest.net/item/visual-the-wp-theme-for-passionate-bloggers/47375?ref=eisabai" target="_blank"><img src="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/visual.jpg" alt="" title="Visual: The WP Theme for Passionate Bloggers" width="400" height="203" class="alignnone size-full wp-image-1165" /></a><br />
WordPress Version: 2.8, Columns: 2, Widget Ready: Yes, Functionality: CMS <a href="http://themeforest.net/item/visual-the-wp-theme-for-passionate-bloggers/47375?ref=eisabai" target="_blank"><strong>$27</strong></a></p>
<p><a href="http://themeforest.net/item/our-magazine/32807?ref=eisabai" target="_blank"><img src="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/our-magazine.jpg" alt="" title="Our Magazine" width="400" height="203" class="alignnone size-full wp-image-1165" /></a><br />
WordPress Version: 2.9, Columns: 2, Widget Ready: Yes, Functionality: CMS <a href="http://themeforest.net/item/our-magazine/32807?ref=eisabai" target="_blank"><strong>$32</strong></a></p>
<p><a href="http://themeforest.net/item/black-aperture/43052?ref=eisabai" target="_blank"><img src="http://eisabainyo.net/weblog/wp-content/uploads/2010/02/black-aperture.jpg" alt="" title="Black Aperture" width="400" height="203" class="alignnone size-full wp-image-1165" /></a><br />
WordPress Version: 2.9, Columns: 3, Widget Ready: Yes, Functionality: Blog <a href="http://themeforest.net/item/black-aperture/43052?ref=eisabai" target="_blank"><strong>$27</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2010/02/01/common-elements-on-magazine-websites/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tips for iPhone Web App Development</title>
		<link>http://eisabainyo.net/weblog/2009/10/27/tips-for-iphone-web-app-development/</link>
		<comments>http://eisabainyo.net/weblog/2009/10/27/tips-for-iphone-web-app-development/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 05:31:32 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Development Blog]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?p=762</guid>
		<description><![CDATA[SEO site checker is the iPhone webapp we launched a few days ago. This is the fourth iPhone web application we&#8217;ve developed and we thought it&#8217;d be useful to share some tips we learnt along the way. 1. Get inspiration Before building anything, we like to browse through existing iPhone web apps that are available. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.anansi.com.au/apps/seo/">SEO site checker</a> is the iPhone webapp we launched a few days ago. This is the fourth iPhone web application we&#8217;ve developed and we thought it&#8217;d be useful to share some tips we learnt along the way.  </p>
<p><strong>1.  Get inspiration</strong><br />
Before building anything, we like to browse through existing iPhone web apps that are available. There are quite a few iPhone Apps Galleries, but the ones that we often go to are <a href="http://www.apple.com/webapps/">Apple &#8211; Web apps</a>, <a href="http://www.appsafari.com/">appSafari</a> and <a href="http://iphoneapplicationlist.com/">iPhone Application List</a>.</p>
<p><strong>2.  Gather ideas and information</strong><br />
Now you&#8217;ve been inspired by so many good iPhone apps, it&#8217;s time to brainstorm ideas for an application that you would like to build. An original idea will always do better than a second-hand idea.  </p>
<p><strong>3.  Plan</strong><br />
Planning is the most important part of creating a useful and reliable application.  We like to write down our thoughts and implementation ideas in a notepad before jumping into development.  Have a look at one of our <a href="http://twitpic.com/m8hf5">handwritten notes</a> for SEO site checker.  Apart from planning the implementation details, also think about a URL and name for the application.  When deciding a URL, keep it short because iPhone&#8217;s keyboard is not the easiest to type on.   For example, for our SEO site checker app, the URL is http://www.anansi.com.au/apps/seo/ rather than http://www.anansi.com.au/apps/seo-site-checker/</p>
<p><strong>4.  Develop </strong><br />
One of the advantages that comes with building iPhone web apps as opposed to native apps is that you can use any web programming language.  You don&#8217;t need to learn Cocoa or get yourself familiarised with Mac OS.  Essentially, you are just building another web application, but for a small screen. You can use Javascript, AJAX, CSS, HTML for the client side and any server-side language of your choice; be it PHP, Ruby, Perl, Java, .NET, ColdFusion, or ASP.  Download <a href="http://developer.apple.com/safari/library/navigation/index.html#section=Resource%20Types&#038;topic=Sample%20Code">sample code</a> from Safari Reference Library and explore how things are done.</p>
<p>Our tools of the trade:</p>
<p>1) <a href="http://code.google.com/p/iui/">iUI: iPhone User Interface Framework</a> (consists of a JavaScript library, CSS, and images that make your web app looks and feels like an iPhone Native Apps)</p>
<p>2) <a href="http://www.php.net">PHP</a> with a framework (Zend, CakePHP, CodeIgniter or own)</p>
<p>3) <a href="http://www.jquery.com">jQuery</a> if required (We try to do without unless really necessary because bandwidth is quite precious on mobiles)</p>
<p>4) <a href="http://www.apple.com/safari/">Safari</a> is the best browser to test your iPhone web app on especially if you are using iUI framework.  </p>
<p>5) <a href="https://www.google.com/analytics/">Google Analytics</a> to track the statistics</p>
<p><strong>5. Test</strong><br />
During development, you may be able to get away with using Safari on your computer to test the iPhone web application, but when it comes to actual testing stage, you have to use an iPhone.  There are some errors or bugs that you may only discover when you are using an actual iPhone.  For example, when we were developing SEO site checker, we didn&#8217;t see the need to put &#8220;Please wait&#8230; Calculating your website&#8217;s score&#8221; overlay pop up until we realise how long it could take to load up the result page on an actual iPhone.  </p>
<p><strong>6. Release</strong><br />
Once you are happy to release your iPhone web app, it&#8217;s time to create a nice little icon and a screenshot of the app to submit to <a href="http://www.apple.com/webapps/">Apple &#8211; Web apps</a> directory.  Remember to read submission information for <a href="https://adcweb.apple.com/iphone/icons.php">the icon</a> and <a href="https://adcweb.apple.com/iphone/screenshot.php">the screenshot</a>.  It takes about 2 days to be approved and listed in the directory.  In addition to submitting it to the Apple directory, social networking websites are the best marketing channel to promote just about anything these days.   Tweet about your app on Twitter, share the app link on facebook, blog about it, bookmark the app on delicious; the options are endless.  Once it is released, watch the statistics, obtain feedback from people, continually improve the app and follow the &#8220;Release Early, Release Often&#8221; principle to ensure the success of your iPhone web app.  </p>
<p><strong>7. Read, learn and improve</strong><br />
There is always room for improvement.   Read tutorials and books on iPhone Web App Development.  Learn new tips and tricks.  Improve your web apps.   Some of our recommended books on iPhone web development are:</p>
<ul>
<li><a href="http://www.amazon.com/gp/product/0596805780?ie=UTF8&#038;tag=eisabainyonet-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0596805780">Building iPhone Apps with HTML, CSS, and JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=eisabainyonet-20&#038;l=as2&#038;o=1&#038;a=0596805780" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br />
&#8220;The future of mobile development is clearly web technologies like CSS, HTML and JavaScript. Jonathan Stark shows you how to leverage your existing web development skills to build native iPhone applications using these technologies.&#8221;<br />
– John Allsopp, author and founder of Web Directions
</li>
<li><a href="http://www.amazon.com/gp/product/143022620X?ie=UTF8&#038;tag=eisabainyonet-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=143022620X">Beginning Smartphone Web Development</a><img src="http://www.assoc-amazon.com/e/ir?t=eisabainyonet-20&#038;l=as2&#038;o=1&#038;a=143022620X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br />
Mobile application developers and their managers need to learn mobile web technologies because it’s in their economic interest. Time-to-market and opportunity costs are significantly lower for web-based mobile applications than for native ones.  In this book, Gail teaches the web standards and fundamentals specific to smartphones and other feature-driven mobile phones and devices.
</li>
<li><a href="http://www.amazon.com/gp/product/0321604164?ie=UTF8&#038;tag=eisabainyonet-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0321604164">Developing Hybrid Applications for the iPhone</a><img src="http://www.assoc-amazon.com/e/ir?t=eisabainyonet-20&#038;l=as2&#038;o=1&#038;a=0321604164" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br />
&#8220;For those not ready to tackle the complexities of Objective-C, this is a great way to get started building iPhone apps. If you know the basics of HTML, JavaScript, and CSS, you’ll be building apps in no time.&#8221;<br />
– August Trometer, Owner of FoggyNoggin Software, www.foggynoggin.com
</li>
<li><a href="http://www.amazon.com/gp/product/0470251557?ie=UTF8&#038;tag=eisabainyonet-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=0470251557">Professional iPhone and iPod touch Programming</a><img src="http://www.assoc-amazon.com/e/ir?t=eisabainyonet-20&#038;l=as2&#038;o=1&#038;a=0470251557" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br />
 This book is for web developers who want to build new applications for iPhone and iPod touch. A working knowledge of HTML/XHTML, CSS, JavaScript, and AJAX is necessary.
</li>
</ul>
<p>Like we said earlier, one thing we like about iPhone web apps is that you don&#8217;t have to learn a new programming language like Objective C or buy a Mac computer in order to develop an app.  However, when it comes to making a profit from your apps, or ultilising iPhone App Store&#8217;s features, native apps have more advantages.  If you are wanting to get into iPhone native app development without doing the programming yourself, check out <a href="http://bit.ly/d2kMBg" target="_blank">How To Create iPhone Apps With No Programming Experience</a> ebook that teaches you step-by-step how to outsource and market native iPhone app development.  The company behind the ebook has launched 22 iPhone Apps so far using this method and made $56,366.69 in just ad revenue.  So if you have got a good idea for an iPhone app, then it&#8217;s worth giving a shot.  </p>
<div class="contact-us">Interested in getting an <a href="http://www.anansi.com.au/work.php">iPhone web application</a> for your company or organisation?  <a href="http://www.anansi.com.au/contact.php">Contact us</a> at <a href="http://www.anansi.com.au/">Anansi Web Development</a> to find out how we may be able to help you.</div>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2009/10/27/tips-for-iphone-web-app-development/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Seven Tips to Building an Online Presence for your Business</title>
		<link>http://eisabainyo.net/weblog/7-tips-to-building-an-online-presence-for-your-business/</link>
		<comments>http://eisabainyo.net/weblog/7-tips-to-building-an-online-presence-for-your-business/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 06:36:13 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Web Development Blog]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/?page_id=554</guid>
		<description><![CDATA[1. Get a domain name for your business The first and foremost step in building an online presence is to secure a domain name for your business name. Having a domain name for your business, nowadays, is like having a phone number for the web. Once you have got a domain name for your business, [...]]]></description>
			<content:encoded><![CDATA[<h3>1.  Get a domain name for your business</h3>
<p>The first and foremost step in building an online presence is to secure a domain name for your business name.   Having a domain name for your business, nowadays, is like having a phone number for the web.   Once you have got a domain name for your business, you are one step ahead of those without one.  </p>
<p><em>What should you do:  Contact a professional company to look after it for you.  You may also <a href="http://www.mysiteinaweek.com.au/">contact us to obtain a quote</a>.</em></p>
<h3>2.  Get an email address with your domain</h3>
<p>Almost all small businesses have an email address, but not all email addresses represents and reflects the business.   Having a professional email address means you are serious about your business and your brand.  It also gives a level of confidence to customers that the email address has a direct relationship to the business.  Without a doubt, professional email addresses like info@ABCCompany.com.au or john@ABCcompany.com.au give a better first impression than those email addresses that anyone could obtain like ABCcompany@yahoo.com or john@ISPName.com.au.</p>
<p><em>What should you do:  Contact a professional company to look after it for you.  You may also <a href="http://www.mysiteinaweek.com.au/">contact us to obtain a quote</a>.</em></p>
<h3>3.   Get a professional website</h3>
<p>Now that your business has got a domain name and professional email address(es), the next step is to create a stronger online presence; by having a professional website.  One of the most common mistakes that many business owners make is going for the cheapest available option, be it asking a friend to design a website, or choosing the cheapest website package option.   Choosing a website package for your small business is not a bad thing, but it is important to choose the most appropriate one.  For example, if you are a plumber and you just need a website that represent your business and services that you offer, and a contact form, you might go for a simple website package without any frills.  But if you are a Restaurant owner and needs a website that needs to be updated often with price list and new menu, you might want to consider investing in a Content Management System so that you can edit content of your website easily by yourself at your convenience.  Your website is a reflection of your business and a powerful marketing medium so it is important to get it done professionally.  </p>
<p><em>What should you do:  Contact a professional company to look after it for you.  You may also <a href="http://www.mysiteinaweek.com.au/">contact us to obtain a quote</a>.</em></p>
<h3>4.  Optimise for search engines</h3>
<p>Now that you have a professional website for your business, the next logical step is to promote it and optimise it for search engines so that your website can be found.   In this day and age, many people turn to search engines to find businesses and services in their area.  Search engines are considered one of the most powerful distribution channels and the most effective way to drive traffic to your website.   </p>
<p><em>What should you do:  Contact a professional company to look after it for you.  You may also <a href="http://www.mysiteinaweek.com.au/">contact us to obtain a quote</a>.</em></p>
<h3>5. Embrace Twitter</h3>
<p>A year or two ago, <a href="http://twitter.com/">Twitter</a> was only used by people to update their friends and families on what they are currently doing in 140 words.  But because of the benefits it provides, Twitter is now embraced by many businesses and orgainsations as a social networking and marketing tool to reach customers directly.  Many large organisations are already using Twitter as a communication tool; publishing news and announcements, giving away special offers, and obtaining real time feedback from real customers.  </p>
<p><em>What should you do: <a href="https://twitter.com/signup">Sign up</a> and create an account at Twitter.</em></p>
<h3>6. Add your business to online business directories</h3>
<p>Adding your business to an online directory helps you reach your targeted audiences in your local area and obtain leads.  If you operate in Australia, check out <a href="http://www.truelocal.com.au/">True Local</a>  and <a href="http://www.yellowpages.com.au/">Yellow Pages</a> which lets you add your business listing for free if you meet certain conditions.  </p>
<p><em>What should you do: Compile a list of most commonly used online business directories in your local area and submit your business listing to them.  You may also <a href="http://www.mysiteinaweek.com.au/">contact us to obtain a quote</a>.</em></p>
<h3>7. Add your business to google business centre</h3>
<p>Google is one of the top 10 websites and millions of people visit google every single day.   Adding your business to google business centre means your business will not only appear in google maps but also above google search results. </p>
<p><em>What should you do:  Go to <a href="https://www.google.com/local/add/">Google Local Business Center</a> and follow the on screen instructions to list/claim your business.  You may also <a href="http://www.mysiteinaweek.com.au/">contact us to obtain a quote</a>.     </em></p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/7-tips-to-building-an-online-presence-for-your-business/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>RSS Awareness Day</title>
		<link>http://eisabainyo.net/weblog/2008/05/02/rss-awareness-day/</link>
		<comments>http://eisabainyo.net/weblog/2008/05/02/rss-awareness-day/#comments</comments>
		<pubDate>Fri, 02 May 2008 01:53:55 +0000</pubDate>
		<dc:creator>eisabai</dc:creator>
				<category><![CDATA[Web Development Blog]]></category>
		<category><![CDATA[WWW]]></category>

		<guid isPermaLink="false">http://eisabainyo.net/weblog/2008/05/02/rss-awareness-day/</guid>
		<description><![CDATA[May 1st is the RSS Awareness Day. Subscribe to esn studio rss feeds Technorati Tags: rss, rss awareness day]]></description>
			<content:encoded><![CDATA[<p>May 1st is the RSS Awareness Day.   <strong><a href="http://eisabainyo.net/weblog/subscribe/">Subscribe to esn studio rss feeds</a></strong></p>
<p><a href="http://rssday.org/"><img alt="RSS Awareness Day" src="http://rssday.org/banners/rssday365.gif" border="0"/></a></p>
<p>Technorati Tags: <a href="http://technorati.com/tag/rss" rel="tag">rss</a>, <a href="http://technorati.com/tag/rss+awareness+day" rel="tag"> rss awareness day</a></p>
]]></content:encoded>
			<wfw:commentRss>http://eisabainyo.net/weblog/2008/05/02/rss-awareness-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

