Comments on: Replicating iPhone Buttons the ‘-webkit’ way! http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/ Making managing, launching and discovering new iPhone web apps simple and fun. Mon, 08 Sep 2008 04:04:33 +0000 http://wordpress.org/?v=2.2.1 By: wendy http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-143 wendy Sun, 31 Aug 2008 14:31:05 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-143 Hi: Our company main products is IPOD and IPHONE repair parts, like lcd,front panel,HDD,headphone jack,batteries etc.with 5 years experiences in China,With our knowledge and experience in this line ,we guarantee satisfaction in reasonable prices, high quality and prompt delivery. hope we can enjoy many more years of doing business together. Email:wendy@ipartscity.com Link:www.ipartscity.com Hi:
Our company main products is IPOD and IPHONE repair parts, like lcd,front
panel,HDD,headphone jack,batteries etc.with 5 years experiences in China,With our
knowledge and experience in this line ,we guarantee satisfaction in reasonable prices,
high quality and prompt delivery.
hope we can enjoy many more years of doing business together.
Email:wendy@ipartscity.com
Link:www.ipartscity.com

]]> By: darry http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-142 darry Tue, 26 Aug 2008 22:22:26 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-142 sIWPya ligh29d9F4CsjK0A sIWPya ligh29d9F4CsjK0A

]]> By: Michael http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-115 Michael Sun, 22 Jun 2008 20:49:34 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-115 Thanks for the great article. Keep up the good work. Thanks for the great article. Keep up the good work.

]]> By: Houston http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-111 Houston Wed, 21 May 2008 02:27:42 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-111 Listen. Do not have an opinion while you listen because frankly, your opinion doesn?t hold much water outside of Your Universe. Just listen. Listen until their brain has been twisted like a dripping towel and what they have to say is all over the floor. Listen. Do not have an opinion while you listen because frankly, your opinion doesn?t hold much water outside of Your Universe. Just listen. Listen until their brain has been twisted like a dripping towel and what they have to say is all over the floor.

]]> By: iPhone Hotlist: App StartPages, iPhone WallPapers, iCons and Ringtones | iPhone Helper http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-98 iPhone Hotlist: App StartPages, iPhone WallPapers, iCons and Ringtones | iPhone Helper Fri, 08 Feb 2008 10:40:51 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-98 [...] (intel Mac only) [hacktheiphone.com] HowTo: Send MMS messages on iPhone [hacktech.wordpress.com] HowTo: Replicate iPhone Buttons the ‘-webkit’ way [launchpadhq.com] HowTo: 17 vigorous bookmarklets [...] […] (intel Mac only) [hacktheiphone.com] HowTo: Send MMS messages on iPhone [hacktech.wordpress.com] HowTo: Replicate iPhone Buttons the ‘-webkit’ way [launchpadhq.com] HowTo: 17 vigorous bookmarklets […]

]]> By: I am just a programmer » Replicating iPhone Buttons the ‘-webkit’ way! http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-94 I am just a programmer » Replicating iPhone Buttons the ‘-webkit’ way! Thu, 22 Nov 2007 18:15:13 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-94 [...] read more | digg story [...] […] read more | digg story […]

]]> By: iPhone » Blog Archive » Replicating iPhone Buttons the ‘-webkit’ way! http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-92 iPhone » Blog Archive » Replicating iPhone Buttons the ‘-webkit’ way! Mon, 29 Oct 2007 18:36:05 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-92 [...] read more | digg story [...] […] read more | digg story […]

]]> By: Replicating iPhone Buttons the ‘-webkit’ way! « Programming News http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-91 Replicating iPhone Buttons the ‘-webkit’ way! « Programming News Sun, 14 Oct 2007 11:41:15 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-91 [...] read more | digg story [...] […] read more | digg story […]

]]> By: Toby Wilkins http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-90 Toby Wilkins Sun, 09 Sep 2007 07:11:32 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-90 I knew I loved this tid bit the second I read it, and I put it to use within the hour. But I found the size of the original button to be HUGE when incorporated into the small type design of my site. Far bigger than needed for nimble fingers. So did a quick reworking of the whiteButton.png file to make it just 32 pixels high, tweaked the .css code to match the new height, and reduced the text size also. The result is a pretty little button that still feels like it belongs in the family. It's not an "app" by any means, just an iPhone specific bit of design that I'm quite happy with. Feel free to check it out here if you're interested: http://www.tobywilkins.com I'm open to advice for other/better ways to incorporate quicktime movies if anyone has any tricks to return the user to the main page when they click DONE after viewing a movie... that would be cool. You can grab the new button art here if you like: http://www.tobywilkins.com/images/whiteButton_sm.png The button itself is 32 pixel high with a little padding on the top and bottom (3 + 3) to give it little breathing room when used in close proximity to other type/graphics. Thanks for the invaluable info, I can't wait to see your app. Toby. I knew I loved this tid bit the second I read it, and I put it to use within the hour. But I found the size of the original button to be HUGE when incorporated into the small type design of my site. Far bigger than needed for nimble fingers.

So did a quick reworking of the whiteButton.png file to make it just 32 pixels high, tweaked the .css code to match the new height, and reduced the text size also. The result is a pretty little button that still feels like it belongs in the family. It’s not an “app” by any means, just an iPhone specific bit of design that I’m quite happy with. Feel free to check it out here if you’re interested: http://www.tobywilkins.com

I’m open to advice for other/better ways to incorporate quicktime movies if anyone has any tricks to return the user to the main page when they click DONE after viewing a movie… that would be cool.

You can grab the new button art here if you like: http://www.tobywilkins.com/images/whiteButton_sm.png

The button itself is 32 pixel high with a little padding on the top and bottom (3 + 3) to give it little breathing room when used in close proximity to other type/graphics.

Thanks for the invaluable info, I can’t wait to see your app.

Toby.

]]> By: Adam http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-89 Adam Fri, 07 Sep 2007 16:30:43 +0000 http://www.launchpadhq.com/blog/2007/07/07/replicating-iphone-buttons-the-webkit-way/#comment-89 I am confused about one thing. How does the 1 pixel between the two end pieces get applied? I see it work but I can't understand why it works. An explaination would be appreciated. I am confused about one thing. How does the 1 pixel between the two end pieces get applied? I see it work but I can’t understand why it works. An explaination would be appreciated.

]]>