Tag Archives: iPhone

Smashing Freebie: iPhone PSD Vector Kit

Smashing Magazine certainly has no shortage of freebie themes, icon sets, and vector images. This particular one could be useful for designers/developers working in the iPhone arena. The iPhone PSD Vector Kit is a set of images that would work well for mocking-up iPhone apps or putting together imagery for an iPhone-oriented website.

iPhone PSD Vector Kit

MacStories Interviews Tweetie Developer Loren Brichter

MacStories has published a quick interview with Loren Brichter, the developer of the popular Tweetie client for accessing Twitter from your iPhone or Macintosh desktop.

Apple just announced the In-App purchasing system available for free apps as well. Your thoughts about it?

It’s fantastic. From this point on I think every dev should consider going the free route with an internal paid “activation” mechanism (e.g. trial -> full version). It’s too late for Tweetie 2, but I’m definitely going to consider it for future apps.

A few interesting questions are there, and a few hints at what’s coming for Tweetie. Native API retweets will be coming in the next release of Tweetie 2 for iPhone, and yes, it will eventually sync your position in the timeline with the upcoming Tweetie 2 for Mac.

Coming Soon From Atebits: Tweetie 2.0

TweetieAs I’ve mentioned a few times before, Atebits’ Tweetie for Mac is my favorite desktop Twitter client. (And many people also enjoy the $2.99 Tweetie iPhone application from the same developer.)

What has developer Loren Brichter been doing in the wake of the applications’ popularity? Writing Tweetie 2.0, of course! Tweetie 2 for iPhone is nearing it’s release, and Tweetie 2 for Mac is in the works as well.

At the same time I knew that Tweetie 1.x could only go so far. Like the original Mac OS, it blended an intuitiveness with a well rounded set of features. But the “core” needed to be replaced. Not one to rest on my laurels, I started Project Bigbird, which was a new Twitter “core” meant to last.

What is hoped to be the final beta of the new Tweetie for iPhone has been sent to Apple for approval. It includes the “Project Bigbird” core that has been built into Tweetie for Mac since its beginning. It only works on OS 3.0+, as it has plenty of new features, some of which make use of APIs added in OS 3.x.

Continue reading →

Add a Mobile Stylesheet to Your Site

Don’t want to go all-out with a separate mobile mini-site, but you still want your site to be accessible on phones and PDAs? You can just add a new stylesheet intended only for mobile browsers, in which you can reformat the page to render acceptably on a wide range of handheld web browsing devices.

<link rel="stylesheet" href="style.css" type="text/css" media="Screen" />
<link rel="stylesheet" href="mobile.css" type="text/css" media="handheld" />

By linking a stylesheet with a media of “handheld,” you tell mobile browsers to remove any of the preceding styles. You can then apply some new styles within, taking care to avoid explicitly setting widths or anything that might foul-up mobile browsers.

It’s a little bit more complicated than that in reality, but not too much so. You can find a full how-to over at Perishable Press: The 5-Minute CSS Mobile Makeover.

The Mobile Web Part 6: 7 Useful Mobile Site Resources

Over the past five days we have covered quite a few bases in the mobile website area. In case you missed them, you can find the posts here:

I think it’s about time to bring this series to a close, with today’s post “7 Useful Mobile Site Resources.” I have to admit, the biggest reason I wrote this series was because I recently got my hands on an iPod Touch, after far too much waiting. I’ve been thinking about the topic for a long time, well before I got the i’Touch, since before I was seriously considering buying one (since the first generation Touch came out).

Now, where should you go from here? Following are a few resources that you may find useful.

1. Mobile Web Development by Nirav Mehta

Mobile Web Development is focused on non-iPhone mobile sites (I’m not sure if it even mentions the iPhone). It’s fairly current, having been published in 2008, and covers a broad array of topics in it’s 216 pages. It covers WML and WAP, XHTML MP, sending text messages (SMS) via server-side script, PayPal Mobile, Interactive Voice, and a few other things.

I haven’t tried out any of the examples or anything, but I read through the book, and it seems to be good overall. It’s an easy read, and shouldn’t take much time to get through.

Continue reading →

The Mobile Web Part 5: iPhoneMicrosites.com

While I was looking for some extra iPhone-formatted websites to round out yesterday’s list, I came across iPhone Microsites. The site caught my attention, so I figured I’d make it part of the Mobile Web series.

iPhone Microsites is based entirely around the “iPhone Version” idea. They not only offer their services to build said microsites, but they also provide free tutorials and articles to teach you how to do it yourself. In addition, they provide a handy list of resources for developing web pages for the iPhone.

Their services certainly aren’t cheap, and are more in the price range for medium to large businesses than individuals, but their articles and resource lists are good. The site’s definitely worth a look at least.

The Mobile Web Part 4: 14 iPhone-Formatted Websites

Welcome to day four of The Mobile Web. We’ve previously covered a lot of ground on the subject of mobile websites over the last few days. Today will be lighter reading though. Who’s up for a design roundup of mobile websites? What are some good examples of iPhone-formatted websites? (I won’t be rounding up any WML sites, since style and WML are pretty much mutually exclusive.)

Here are some good examples of iPhone-specific pages.

Amazon

Continue reading →

The Mobile Web Part 3: iPhonitizing Your Site Sans MoFuse

In part two of the “The Mobile Web” series, I covered MoFuse, a service that automatically generates (and hosts) iPhone and WML versions of websites for you. Today we will be doing something a little more interesting. Today we will be putting together iPhone-formatted sites without the help of a hosted service.

Option 1: Use a WordPress Plugin

If you’re blog is powered by WordPress, you’re in luck. There are a couple of plugins out there to help make your blog iPhone-friendly.

Continue reading →

The Mobile Web Part 2: Mobilize Your Site the Easy Way

There are many ways to create a mobile version of your website. You can do it manually, use a WordPress plugin, or let MoFuse do it for you. Today I will cover the easy option, MoFuse, and follow-up this post with the more advanced option tomorrow.

MoFuse allows you to “Mobilize your blog” in about ten minutes. You simply create a free account, supply your blog’s URL, and pick a URL for your resulting mobile site. The URL will look something like you.mofuse.mobi, though you can map it to your own subdomain if you wish (m.yourdomain.com is a common convention).

Continue reading →

The Mobile Web Part 1: Why Go Mobile?

The mobile web is growing fast. More and more people are browsing the web on the go, besides at home on their computer. Now is a good time to put together a mobile version of your site, so you don’t miss out on the extra eyes that could potentially read your site.

Today, the mobile web is split between two groups: iPhone/iPod Touch users and everybody else.

Plenty of people have phones now that can browse stripped-down WML pages, which is painful at best, impossible at worst. Then Apple came out with the iPhone and iPod Touch, finally creating a mobile device that’s actually bearable to surf the web with. (I recently bought an iPod Touch, and I have to say it’s awesome.)

iPhone and iPod Touch

As great as the iPhone/i’Touch is, it’s not perfect. It’s still much easier to navigate an iPhone-specific page than a normal page. I can read pretty much any page on the web with ease on my iPod Touch. Here I am reading a page on Pro Blog Design with the device:

Continue reading →