• Designs Photo
  • Fantasy Photo
  • Code Photo
  • Silhouette Photo

Creative, Modern, Professional Designs

For the last 6 years, I have been creating innovative websites to capture attention and inspire the mind, balancing user experience with an attractive website interface. By the use of AJAX and CSS, websites become more interactive, and with Search Engine Optimization, they are easily found through Google, Yahoo and Bing.

Designs Photo
Fantasy Photo

Everything you see here is Original Work

Besides the jQuery library and syntax highlighting, this whole website has been created from scratch; No pre built frameworks or content management systems have been used.

This demonstrates dedication, personalization and skill, and is reflected in all of the work I produce.

Programming is a Passion

As you get to know me, you'll start to see that I've tried my hands at just about everything, ranging from the basics to the more advanced and finer points in programming.

That means you'll probably find lots of hints and tips here for many different languages, as well as anything that I find relatively interesting!

HTML Code Photo
Silhouette Photo

Inspiring Designs with Limitless Possibilities

Every website created here is a unique one, with limiting boundaries out of the questions.

Programming is always evolving and so I'm always improving my game to keep up with the changes. You'll be able to see this reflected in the high quality work that I produce.

Anuj Nair's Blog » Search: Iphone »

Creating an iPhone Compatible Mobile Website

How to create an iPhone and iPod Touch compatible website, optimized for a touch screen.

Posted: 8 June 2010 - Written by Anuj Nair
As mobile usage increases, many website designers and developers are turning their attention to creating optimized websites for small screens on smart phones. This post will give you an insight into how to start creating an optimized website, compatible with the iPhone and iPod Touch.



Rules to stick to

  • iPhone screens are small, therefore we want no small buttons on the site. Every link should be easily clickable, without the possibility of misclicking a link.
  • Zooming in and out can get frustrating and tiresome. Ideally, we only want the user to scroll downwards as it's an easy action to complete!
  • Try to minimize the number of images you need to load. Instead, try to replace as much as possible with CSS rules. This minimizes page loading times
  • Your website design should be fluid; remember we have both landscape and portrait modes available to us. Try to use percentages instead of fixed pixel widths.
  • Try to minimize JavaScript effects on the website, especially animations. The iPhone doesn't have as much processing power as a normal computer. Other JavaScript to process forms etc. are fine.
  • Psuedo classes such as hover in CSS are useless. Bear these things in mind
Tags: PHP, CSS, IPhone