Web Development Blog

Here’s a snippet of CSS and HTML code that aligns an image in center (horizontally) and middle (vertically). Tested in Firefox, IE, Chrome and Safari. CSS #enter { position: absolute; text-align: center; left: 50%; top: 50%; margin: -120px auto 0 -130px; /* value of top margin: height of the image divide by 2 (ie: 240 [...]

Continue reading Align an image in center and middle using CSS

There is an issue with jQuery.get() in Internet Explorer when trying to update content on the fly because IE caches XMLHttpRequest response and the AJAX call made via jQuery.get() is therefore always returning the same result. I encountered this problem when I was writing a function similar to facebook Like feature where the Like counter [...]

Continue reading Troubleshooting jQuery.get() Cache issue in Internet Explorer

Dreamhost Easter Special is available for the week of Easter. Use promo code EASTER10 to get $60 off from one year or two year dreamhost hosting packages when you sign up before 10 April 2010. Promo code: EASTER10 — Hop to it and check out this awesome Easter Collection by ThemeForest. From egg-tastic audio, vectors, [...]

Continue reading Easter 2010 Special – $60 off one year/two year Dreamhost hosting packages

WordPress iPhone app was released almost a year ago, but I have only downloaded and used it recently. WordPress for iPhone is available for all self-hosted wordpress.com blogs provided they are using WordPress 2.7 or higher. The app allows you to access the Administrator Panel of the WordPress blog using your iPhone, enabling you to [...]

Continue reading WordPress iPhone App – a step by step user guide to using WordPress for iPhone

Development Why Flash is Here to Stay There’s a huge debate stirring around the internet about the capabilities of HTML5 and it’s threat to Adobe Flash, Microsoft Silverlight and other rich internet application (RIA) technologies. The amount of support behind HTML5 is encouraging and great to see, as it will only help it’s adoption by [...]

Continue reading Weekly round-up: 15 must read development, design and blogging articles

To display 5 latest posts in each parent category of your WordPress blog, add the following code into the template that you want the result to appear. In our case, we added the following code into our 404 template page (404.php of current theme). Other places that you might want to display a list of [...]

Continue reading Display 5 latest posts in each category in WordPress

web 2.0 style call-to-action buttons can be purchased in psd format from graphic river Since writing How to style a Submit button in CSS a few months ago, I have found an alternative way to achieve the same result. In this example, we will be using <button> tag instead of <input> tag. The <button> tag [...]

Continue reading How to style a Submit button in CSS – Example 2

As seen on iPhone version of news.com.au today. Just thought it was funny because most of us would never ever associate a supermodel with a web technology.

Continue reading Naomi Campell for jQuery

Use promo code WEBDEV30 to get $30 off from your dreamhost hosting package. Works for monthly, one year and two year hosting plans. Normal one year cost = $119.40 After dsicount = $119.40 – $30.00 = $89.40 WEBDEV30 The promo code expires on 30 October 2010.

Continue reading DreamHost Promo Code – Get $30 off from hosting

To turn off iPhone auto correction feature (predictive dictionary) on textboxes, add autocorrect=”off” attribute to your input tag. <input type="text" id="keyword" name="keyword" autocorrect="off" /> You can also turn off auto capitalising/capitalizing feature by adding autocapitalize=”off” attribute. <input type="text" id="keyword" name="keyword" autocorrect="off" autocapitalize="off" /> And lastly, you can turn off auto complete in a similar way. [...]

Continue reading How to disable text auto correction in iPhone web app