I use them on a weekly basis and love accessing my favorite menus with a couple of clicks, but the time has changed and I am now using my iPhone 4 and iPad 2 to do all the work. So last month, I downloaded their iPhone application and could not help but noticed that its not optimized for retina display and their icon is at a lower resolution even for the iPad.

So, I decided to replicate their icon for retina displays. The Apple states that for the retina display, icons must have a resolution of 114px x 114px.

Here are the results on the iPhone 4 and iPad 2:

This is not perfect since I couldn’t find a press-kit containing their logo and had to recreate the type using vectors, but I guess its a step in the right direction. What do you think?

You can download the zip file containing the PSD file with vector shapes and styles:

Download "Yemek Sepeti Icon"

You can see the buttons in action in my newly released WordPress Theme, Venture (http://venture.turkhitbox.com/buttons-boxes), available for sale on Themeforest.

• Venture Wordpress ThemeUploaded on August 20, 2011 by turkhitboxTotal Sales: 88$30

You can download the Photoshop file and the coded buttons in seven different colors after the jump:

Check out the demo here: http://www.turkhitbox.com/demo/showcase/

Download after the jump:

However, after a while it was hard for me to keep up with Google Web Fonts updates, so I decided to download all of them at once. It was quite a hassle downloading every one of them, but here they are, available for you to download:

[Download not found]

* The download contains 270 font files and is 16 Megabytes

** Please respect every font authors’ licensing by looking at each font’s page on Google Web Fonts.

I have couple of goals for this website:

1. Since there are other bmw community forums in Turkey, its my most important goal to increase my user base to become a threat for them
2. Printing of Bmwturkiye.net Stickers and Handouts. (Already in progress)
3. Setup good relationships with BMW Dealors.
4. I have to reach the first page of “BMW” SERP in Google.com.tr
5. Increase the main page articles to significant number

If the site picks up a pace before 2009, I believe I will have a valuable assesment in couple of years time.

I know I have been relating my low earnings with the lack of adsense units on the blog, so I decided to add more adsense units. I hope I can bring an end to my 20 something dollars per month income. I wish I could successfully make a linkbait sometime in 2008.

I now have 4 sponsor buttons to the right, I will get their links up as soon as possible. They are very cheap at the moment and I accept payments via Paypal. You can contact me using the contact me page. I will try to finish the comment & comment forms styling in 2 weeks because I am one of those “brilliant-but-lazy” people :).

By the way, what do you guys think about the blog icon on the top left? It just hit me and I designed it using some icons I had in couple of minutes.

And before I finish this redesign post, sorry WPdesigner, my theme is better than yours! Plain is not the way to go nowadays…

moremoremore

I will also provide the .psd (photoshop) file for the header to the winner of the contest. This way, if you do not like the “make money online” look of the theme, you can always change it. The parts of the header template like recent comments & top posts work with plugins only and you need to integrate them yourself.

The total image size is 29.5 Kbytes including the 12Kb header image, so the theme is not image-heavy although it looks like it is. The comment template is finished, but I will get different styling for the blog administrators till the end of the contest.

I will be giving the redistribution rights to the winner of the contest. That means you can add your link (as long as you don’t remove mine) & submit it to theme galleries and get tons of link love!

Contest Rules:

• You need to make a post about either this post or Turkhitbox.com
• Your blog has to be older than 3 months.
• You can not remove the link at the footer (just a ‘designed by’ link)
• The winner will be picked randomly.

Contest End Date:

01/01/2008

So you have a full month to make a single post & receive a great WordPress Theme.

You just need to add a <meta> tag that lets the iPhone know how wide to display the initial page and believe it or not, but it won’t affect how your sites look!

more

Here is an example of the <meta> tag I am talking about:

<meta name=“viewport” content=“width=950″ />

When you open the page that contains the above meta tag, it will force the iPhone to widen the view according to your CSS body information. This means you need to have a code like this in your css document:

body { ...

min-width: 950px;

}

I personally don’t own an iPhone for its locked in Turkey, but I am hoping to get my hands on one and get it unlocked in two weeks. Then I will be able to see how wonderful my site looks in iPhone :)

PS: for more information on viewports, check the Apple iPhone developer page (lick on “Optimizing for Page Readability” to view it.)

Before passing on to the screenshots, I would like some help on css optimization. For example, if I have 2 styles like coded like this:

.input2 {
text-align: left;
background: url(images/icon_mail.gif) center left no-repeat;
background-color: #000;
color: #FFF;
border: none;
padding: 5px 5px 5px 18px;
margin: 2px 0px;
}
.input3 {
text-align: left;
background: url(images/icon_home.gif) center left no-repeat;
background-color: #000;
color: #FFF;
border: none;
padding: 5px 5px 5px 18px;
margin: 2px 0px;
}

How can I make it smaller. I know it can be done, but I don’t have experience with it. This is easier to edit for users, but takes longer to load.

Here are the Ali Nazik wordpress theme screenshots I promised:

and the one from the previous post:

I have created these web templates for a website called Sportstwo, who later decided to open up a design auction on Sitepoint marketplace. These free web templates that I am releasing are not coded and very rough designs. You will have to edit them yourself to fit your website. The icons on the designs except for the Sportstwo logo are freeware so feel free to use them as you wish. I suggest you use slicing option of Adobe Photoshop to fit them according to your web site.

1. – download Free Web Template
2. – download Free Web Template
3. – download Free Web Template
4. – download Free Web Template
5. – download Free Web Template

EDIT: The third design has been modified for a company named interconnect, but you can still use it as a free web template.

Please do not link directly to the template files; link to this post instead.