by aniko

1 December

Designing and Optimising Websites for iPad


iPad was released a month ago, and is made available in Australia a few days ago, but already, I am seeing a lot of big name companies and brands trying to optimise thier websites for iPad. While I have yet to optimise a website for iPad, I have put together some notes about designing and optimising a website for iPad to help us get started soon.

Screen Resolution
1024×768 pixel resolution (9.7-inch (diagonal))
This is as big as a normal computer screen. According to the Analytics stats for this Web Development Blog, 10.47% of the total visitors have 1024×768 pixel resolution.

User Agent String

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us)
AppleWebKit/531.21.10
(KHTML, like Gecko) Version/4.0.4 Mobile/7B334b
Safari/531.21.10

This is useful if you have a device detection script on your server that redirects mobile devices to a different website. For example, since iPad doesn’t support Flash, if you have a flash website, it is a good idea to redirect iPad visitors to the HTML version of the website.

(more…)

/ No Comments »

by aniko

1 December

How to use Google Fonts in your WordPress Theme


Using Google Fonts in your WordPress Theme is very easy and it can be completed in 3 simple steps.

1.
Go to Google Web Fonts, browse all the fonts available for use on your website and pick any font you like. For this example, I will be using Droid Sans.

<link href='http://fonts.googleapis.com/css?family=Droid+Sans&v1'
rel='stylesheet' type='text/css'>

2.
Click on the font name to go to the font page and then click on Use This Font tab and copy and paste the css include into the section in Header (header.php) file of your WordPress Theme.

3.
Edit the Stylesheet (style.css) file of your current WordPress Theme and add the following line of CSS:

SELECTOR { font-family: ‘Droid Sans’, arial, serif; }

Replace SELECTOR with the correct selector; for example: h1, .title, .post h2, etc.

(more…)

/ No Comments »

viagra