Eyes, JAPAN Blog > The fast way to preview app icon

開発

2013/2/15

The fast way to preview app icon

,

will

この記事は1年以上前に書かれたもので、内容が古い可能性がありますのでご注意ください。

For designers, they are not familiar with Xcode this kind of IDE. To provide them with opportunity to play around with icon.
The most simple way is to a dummy web app, which enable an app icon. So the steps are:
1. enable the web sharing in the mac
1). Open the OS X Terminal utility (/Applicaitions/Utilities/)
2). Create and edit an Apache user configuration file named after your user account by running the following command.
3). sudo pico /etc/apache2/users/`whoami`.conf
4). Copy the following text into the Terminal editor that opens, but be sure to change the “username” text to the short name of your user account:

</pre>
<Directory "/Users/username/Sites/">
 Options Indexes MultiViews
 AllowOverride All
 Order allow,deny
 Allow from all
 </Directory>
<pre>

5). Save and close the editor by pressing Control-O followed by Control-X.
2. put the html file with the code to enable the home screen icon


<html>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="aizutv_iphone_icon_retina.png" />
<body>
hello, world!
</body>
</html>

use rel=”apple-touch-icon-precomposed” will be the icon without shadow, and rel=”apple-touch-icon” , the icon will have shadow automaticly.

References:
1. How to enable Web Sharing in OS X Mountain Lion
2. How to create iOS device home screen icons for websites
3. Everything you always wanted to know about touch icons

Comments are closed.

Next post
Previous post

おすすめ記事