Those guys at Teehan+Lax have done it again and painstakingly recreated every detail of iOS5 and the iPhone 4S. Everything was created in Photoshop as editable shapes layers.
Their templates have become invaluable to iOS dev’s and are a must have tool for creating app mock-ups! They offer these to the developer community free of charge, so if you use it and want to says thanks like them on Facebook & also follow them on Twitter.
Download the iOS 5 GUI PSD (iPhone 4S) from their site.
For those of you who are not already familiar with the templates by Teehan+Lax here are a few screenshots:
The full .psd template:
Full size Assets:
Even Notification Center:
Apple’s “Let’s Talk iPhone” Event has wrapped and left us wanting for more. NO iPhone 5 announcement yet but we will get - iOS5 on October 12th. Apple did manage to boast some pretty impressive numbers though:
- 93% of fortune 500 companies are testing or deploying the iPhone
- Three out of four tablets sold in the US are iPads
- Apple passed the 250 milion iOS device sales mark
- 1 Billion apps downloaded per month
Here’s what we do get – The iPhone 4S – pronounced Force
- A5 chip (dual core)
- Retina display
- Glass back
- World phone with both GSM and CDMA.
- 8 MegaPix camera 3264 x 2448 w/ backside illumination.
- Hd video w/ 1080p
- Screen Mirroring (wired)
- Siri Intelligent Assistance (Voice Recognition)
- Comes in 64 GB
- Pre-orders on the October 7th, and then launching on the 14th.
- Available on Sprint
- Siri Intelligent Assistant (voice recognition)
Apple also announced the cards app, iCloud which is coming October 12th, A new iPod Nano and an updated iPod Touch.
New iPod nano, 8GB ($129), and 16GB ($149). 7 colors.
New iPod Touch:
- Retina display
- HD video
- Comes in white
Very disappointing for most of us devs. Guess will have to wait until 2012 for the illusive iPhone 5.
I would like to welcome you to join the new Palm Beach iPhone Developer Network! I have organized this group due to the fact that no active iPhone Development groups exist in my immediate area.
I usually travel an hour and a half to the South Florida iPhone Development Group in Miami Beach. I have no plans to stop going to their meetings because they always have great presenters and great meeting topics but rather I would like to supplement their meetings with our own local ones. I know for a fact that there are iPhone developers in the West Palm Beach area and I’m trying to get us all together.
If you are in the area please sign-up and also help spread the word to friends and colleagues so we can make this a successful meet-up group. If you are interested in presenting to our group or if you are a vendor whose product(s) and/or services would be beneficial to the group please contact me directly.
I want to tell you about a handy free tool that developers can use to make their app demos more realistic and interesting. It’s called PhoneFinger by Wonder Warp Software. Simply what is does is turn your mouse cursor into a human finger. Not only does PhoneFinger make your demos look better but it also serves as a good usability test. Another really cool feature of PhoneFinger is the ability to create your own custom hands. Maybe you don’t like the default finger or you just don’t want your demos to look like everyone elses, no problem. The author provides detailed instructions on making the customizations (See Below.)
Download the latest version from HERE
From the authors website:
Test and demo your iPhone apps the way they’ll actually be used!
Because of the iPhone’s high-resolution screen, Apple’s iPhone Simulator may use an area on your Mac’s display that’s physically far larger than an actual iPhone. This makes designing and testing user interfaces troublesome. Software that’s easy to use with a magnified screen and the precision of a mouse can be difficult on the actual device. PhoneFinger puts things in perspective and reveals hidden usability problems.
How to create custom hands for PhoneFinger:
PhoneFinger uses its own
.hand format to bundle hand graphics and related information. In addition to those that are built-in, PhoneFinger will use .hands from
A .hand file is actually a folder — you can right-click on it and choose “Show Package Contents” to look inside. Inside of a .hand package are the images the hand uses as well as an Info.plist file.
So, to make a hand, just drop all the images and a customized Info.plist into a folder whose name ends with .hand, and drag it into the Hands folder. You’ll have to restart PhoneFinger for the hand to show up.
If you make anything particularly cool, let us know and we’ll put it on the PhoneFinger site for others to use!
In the Info.plist file, you can specify the following values:
- The readable name of your hand. Displayed in the hand model menu in the app.
- The person or company responsible for the hand. Not displayed currently.
- The URL or email associated with the above. Not displayed currently.
- A description of the hand. Not displayed currently.
- A version number for your hand to distinguish newer versions from older ones.
- The filename of the image that is displayed when no mouse button is pressed.
- The filename of the image that is displayed when at least one mouse button is pressed.
- The location of the active part of the image (where a click will actually happen) expressed as a number of pixels from the left of the image
- The location of the active part of the image (where a click will actually happen) expressed as a number of pixels from the top of the image
- A number from 0 to 1.0 expressing the ratio to which your image will be scaled when the user selects the smallest size. You must also specify
PFHandMaxScaleFactorif you specify this property.
- A number from 0 to 1.0 expressing the ratio to which your image will be scaled when the user selects the largest size.
Today at the Adobe MAX 2009 Conference in Los Angeles Adobe announced that Flash IS not only coming to the app store BUT It’s ALREADY There!
I think this is an amazing and overdue addition to the iPhone developers arsenal. I can already here a number of you bitching and moaning that Flash is nothing more than animation overkill but I must strongly disagree with you. Flash Action Script 3 will give developers a powerful tool to wield. Besides there are already numerous non-traditional frameworks used to create native iPhone apps why not have one created by the largest designer/developer friendly company in the world? I can only see good coming from this. Maybe i’m not impartial because I love working in Flash. It’s just fun.
From what I can tell the full blown Flash Player is still not going to be allowed to run on the iPhone because it would allow code to be downloaded and executed which is Major Apple no no. Seems like the next release (CS5) of Flash is going to have the ability to compile native apps.
Watch as Adobe makes the announcement of Flash for iPhone in this clip from todays MAX2009 Keynote:
As for the apps on the store already compiled using the Beta version of Flash CS5 take a look for yourself . . .
Seems like Adobe slipped these apps into the store without Apple’s knowledge of the technology behind them so no one really knows exactly how Apple will react to the news. It’s a shame that Adobe has had to resort to these types of methods without the full support of Apple. Hopefully all goes well and by next year we’ll be seeing many amazing new apps built using Flash CS5!
Flash CS5 Beta on Adobe Labs (not yet available – in private beta)
OK boys and girls I will spare you the fanfare, hype and waiting. Were going to get right down to the meat and potatoes of today’s Apple Press Event (It’s Only Rock & Roll.) Thanks to theappleblog.com & gdgt.com for their live coverage of the event. Without them I would not have had this info or these pictures to bring to you.
Steve Job’s is back and did a large part of the presentation. He has the liver from a 20 something male who died in an unfortunate car accident and donated his organs.
iPhone & App Announcements:
30 million iPhone sold.
App store a year old. 75,000 apps.
1.8 billion apps downloaded.
iTunes 9. (Available for download NOW)
Manage apps on the iPhone via iTunes!
“Home Sharing.” Copy songs, movies, TV shows among up to 5 authorized computers.
iTunes LP – Albums w/ photos, lyrics and more!
Share on Facebook or Twitter with iTunes.
iPod & iPod Touch Announcements:
iPod has 220 million sold. 73.8% market share.
20 million iPod touches sold.
Number of games: PSP: 607. DS: 3680. iPhone: 21,178
8GB iPod touch new pricing: $199
32GB touch is $299 and 64GB touch is $399. 50% faster.
iPod Classic now $249 + 160GB (up from 120)
iPod Nano Announcements:
Black, silver, pink, green, and blue. $59 for 2GB, $79 for 4GB.
Special edition stainless steel for $99.
new iPod nano: video camera, larger 2.2-inch display, polished anodized aluminum, mic and speaker, VoiceOver, FM Rradio, pedometer.
8GB: $149. 16GB: $179.
Syncs back to your mac and has one click sending to YouTube.
Bda, Bda, Bda, That’s all folks!
Leverage your Mac skills to become an iPhone master this October
Coming to you direct from Addison-Wesley Professional, which has published some of the leading books in the field, the Voices That Matter: iPhone Developers Conference is taking place October 17-18 in Boston! This conference is designed for Mac developers looking for a succinct, easy way to get up to speed on the specific skills needed to build, test and distribute successful applications for the iPhone and iPod touch. Erica Sadun, author of The iPhone Developer’s Cookbook and our event’s technical chair, will lead an epic group of speakers at the conference including Aaron Hillegass, Andy Ihnatko, Jon Rentzsch, Steve Kochan, Fraser Speirs, Lee Barney and lots of others. At this unique event, you will:
- Learn the skills needed to build, test, and distribute successful applications for the iPhone and iPod Touch
- Choose the session topics you need to become an iPhone development master
- Network with developers equally as passionate about this exciting platform and where its going
- Leverage your existing skills in a new and profitable way
SPECIAL SAVINGS! As someone that reads #iPhoneDev, you can save $100 on your conference registration by providing priority code PHBLOG when registering. Register before September 12th and save a total of $300 as this $100 discount is combined with the early bird pricing!
I was interviewed over the telephone a few months back by a reporter for the San Fransisco Gate Newspaper, Ryan Kim. We talked about how/why I got started coding for the iPhone. The conversation lasted for about 30 minutes. A few months passed and I completely forgot the conversation ever happened. Well, yesterday I was doing a little Googling and I accidentally ran into a copy of the published article posted online. The writer had never gotten back to me re: whether or not my interview had made it to print so I was happily surprised to see it. The article never names “Keyvisuals” per say, but I promise you I’m in there =)
Even cooler, after I did a little more searing around I found that the article had been translated into two different languages (one which I think is Chinese and the other I’m not sure but seems like it may be middle eastern) and posted on different foreign blogs.
Just in case the links go down I took screen shots (below)
I had my 15 minutes and I didn’t even know it.
This is a “RePost” of information I found HERE
Now there is this guy Tim Haines who had the smart idea to put up a spreadsheet on Google Documents and link this with an online form where people could add themselves. Everybody who develops for the iPhone is invided to leave his mark. By adding your name and apps you will get an entry in this Google spreadsheet.
HOW TO – Dr Touch was kind enough to provide a step by step how-to for us ruby newbs!
Mac users are lucky because their Mac comes with a fully fledged Ruby system. There where some bumps, but nothing a little RTFM could not fix.
First make sure that your Ruby system is fresh.
sudo gem update –system
sudo gem update
Install the Google Spreadsheet Gem as shown in the Read Me.
sudo gem sources -a http://gems.github.com
sudo gem install gimite-google-spreadsheet-ruby
Install Twitter Gem 0.4.1, because the newer versions don’t work with the script. Otherwise you get something about invalid arguments at line 22.
sudo gem install twitter -v 0.4.1
Modify the script to use the 0.4.1 twitter gem instead of the newest one. You can omit this step if you haven’t installed a newer twitter gem.
gem ‘twitter’,'=0.4.1′ # inserted to force specific version
Execute the script.
If you are impatient like me and decided to go ahead on your own and try to get this script running without the fore mentioned tutorial than you probably went ahead and installed ruby via macports. I had no idea that OS X came with a full blown version of Ruby already installed. Apparently when I installed the latest version I hosed something with my Paths and the old ruby install was being called first and was causing all sorts of unpleasntness!
So, Deep Breath, I exercised my Google muscles and after about an hour of searching I came up with the solution . . .
Open Terminal and type:
This will pop open a TextEdit window. Add the following two lines to the end of the file and save it (it may be empty to start with):
Now go back to Terminal and type:
What have you just done? MacPorts has created an /opt/local folder under which it will install any software you ask it to. The lines you added to your .bash_profile file ensure that when you run something like ruby in the Terminal, your shell can find the MacPorts installed version, and, importantly, find it before the regular OS X one.
I kinda liked my previous iPhone formatted version of Keyvisuals but everything was just static html so I decided to give this format a try. I think it’ll make things easier in the longrun. Plus it looks pretty slick in regular browsers AND mobile (iphone/ipod touch/android) browsers!