This is not a technical question, but given that there are a few iPhone developers on here I figured I'd ask. Are there design firms advertising services for designing custom iPhone icons?
I'm sure that you can find plenty on the web, just google it.
Icon Factory and IconShock are one of my favorites, but there are individuals that can make you what you need for a price, just ask them, take a look for example at the icons made by Made By Sofa company, I do love them, and I would suggest you to contact them directly, they made pretty famous icons on the market!
but for the iPhone, you will need a 75x75 pixels icon in PNG format, the round curves are made automatically by the iPhone OS.
you can test it using a webpage, just add this line of code in your HTML page (Head section):
<link rel="apple-touch-icon" href="myIcon.png" />
and bookmark it to the homepage with an iPhone or iPod Touch
Any graphic designer can make an iPhone icon. There's no specialised skill required.
A quick google found SoftFacade and FastIcon. Though, I don't think you'd need to look for only "iphone icon" artists. If you can find and icon you like, it's pretty easy to give it the iphone look.
Related
I am working with a website that works well in most browsers (all I have tested) but in iPhone (4) with ios5 it doesn't look that nice.
It somehow cut appr 80-100 px off the website's right part, and thus hide text and images.
How can I set this website to force iPhone (and iPads) to show all?
The width is 1030 px. Usually I see that iPhone then "zoom" the webpage to fit the screen, but somehow not this.
Here is the site
I have been fooling around with the css to see if it helps, but now I haven't found it.
Any idea?
Do I need to use some javascript, or should I modify the design somehow?
PS: I am not looking into making a "mobile website" right now, just get the current website to show all in iPhones etc.
#Jeroen had the best answer in my situation:
<meta name="viewport" content="width=1030, maximum-scale=1.0" />
As Jeroen didn't submit as an answer I post it here as the answer :-)
I put the above meta in my website's , and it worked like a charm! Thank you Jeroen
A couple of solutions:
1) I would try media queries to specifically target smaller devices, see here: http://www.alistapart.com/articles/responsive-web-design/
2) Alternatively you could target iOS devices directly, try this solution: Loading JS script for only iOS devices?
The usual solution to this kind of problems is to create different stylesheets for different browsers. Do some research to know from where is the user connecting (IE, chrome, ipad, etc) and bind css accordingly.
I want to create an icon on an iPhone to link to a web app, but assuming my users won't know to find "add to home" I think it's better to have an html link saying "click here to add an icon to your desktop" (or something along those lines).
I know the code for the icon is
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
But what's the code for the "click here"?
Thanks!...any time you help me you save a kitten!!
There's unfortunately no way to add a bookmark to home screen by code, you have to indicate to your users that they need to do it manually.
To do this, there is a neat little JS library: mobile-bookmark-bubble.
The Mobile Bookmark Bubble is a JavaScript library that adds a promo
bubble to the bottom of your mobile web application, inviting users to
bookmark the app to their device's home screen. The library uses HTML5
local storage to track whether the promo has been displayed already,
to avoid constantly nagging users.
The current implementation of this library specifically targets Mobile
Safari, the web browser used on iPhone and iPad devices.
You have to write the code for the 'click here' yourself, it's not a standard part of the operating system or anything. It's just HTML/CSS/JS.
I am HTML/CSS/jQuery coder. And I need to develop the website, which will be "zoomed-out" or "fitted" to 320x480 (frequently used resolution) Android mobile device screen.
Or even this solutions should check my screen resolution and connect the right CSS for that.
Somewhere I met that there is android.js file, which connects to HTML and recognizes if the website was open on PC or on android device. But I am not sure at all. I didn't do anything for mobiles before.
Found this article: http://blog.mgpwr.co.uk/2010/09/make-your-website-iphone-compatible/
Don't think it's a right solution to use PHP for that.
Better would be HTML or JS.
A very simple answer would be don't hardcode width on the elements and don't specify font size in pixels. The mobile browser will adjust the rendered page itself.
If however you want more iPhone-like look of form controls like radio buttons, buttons, drop downs, then you need to use the mobile javascript libraries outlined in the other answer.
A simple answer would be a mobile javascript library such as one of the following:
http://www.sencha.com/products/touch/
http://www.phonegap.com/home/
http://jquerymobile.com/
http://jqtouch.com/
In my app, I want to give the user the opportunity to add some comments to a listed item.
Rather than showing a "add comments" button, I want to show a little icon.
Being lazy, but also, using the visual language of a Mac user, I would like to use the the icon of the TextEdit application.
What would Apple think of this?
Obviously, I could design something myself, but that is another topic.
I would absolutely stay away from this. Since apple runs the approval process for iPhone apps they might reject your app for infringing on what would probably be copyright or trademarked work.
From a visual perspective, I do not think the TextEdit icon would be best for an "add comments" icon. It seems too general. I think your best bet would be to design something yourself or find a royalty free image online.
Apple rejected an update to my application because this icon (center), drawn by a designer for me and having no copyright whatsoever by Apple, depicts an iPhone.
I wouldn't push your luck. Stay far away from Apple's IP.
I believe this would be copyright infringement unless you had written permission from Apple. They have a copyright and trademark policy posted.
Yes!!! You CAN use their icons and they encourage it:
https://developer.apple.com/ios/human-interface-guidelines/graphics/system-icons/
System Icons
iOS provides lots of small icons—representing common tasks and types of content—for use in navigation bars, tab bars, toolbars, and Home screen quick actions. It’s a good idea to use these built-in icons as much as possible because they're familiar to people.
Provide alternative text labels for icons. Alternative text labels aren’t visible onscreen, but they let VoiceOver audibly describe what's onscreen, making navigation easier for people with visual impairments.
Is it possible to make my own website as iPhone friendly format when user launches my website in an iPhone browser?
Currently if i launch my website in iPhone, it doesn't look more readable and i need to zoom it to see clearly. If i want to provide my website link will be more clear and readable with bold fonts and buttons ( moreover it is like iPhone friendly format) in the first launch itself in iPhone browser, how to make it success? I could able to see some third party websites like http://tringapps.com and all provide the same logic. How to achieve this and what should i do for that? Where to code?
Clave/
You'll need to make a separate version, or at the very least an extreme re-CSSing of your existing site.
Apple has some good tips on getting started here.
There are several toolkits to assist in developing the web apps as well, like this and even this.
There is a good book to get started. Building Applications for Mobile Safari
There are many PDFs available from Apple.