<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>IInterest &#187; Software</title>
	<atom:link href="http://www.iinterest.net/category/software/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iinterest.net</link>
	<description>关注移动互联网 &#38; HTML5</description>
	<lastBuildDate>Sat, 07 Jan 2012 08:07:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Xcode 4 无证书真机调试 环境配置</title>
		<link>http://www.iinterest.net/2011/10/03/xcode4-port-program-to-idevice-without-idp/</link>
		<comments>http://www.iinterest.net/2011/10/03/xcode4-port-program-to-idevice-without-idp/#comments</comments>
		<pubDate>Mon, 03 Oct 2011 01:47:06 +0000</pubDate>
		<dc:creator>Bell</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Talk about interest]]></category>

		<guid isPermaLink="false">http://www.iinterest.net/?p=1372</guid>
		<description><![CDATA[1.创建证书 实用工具-钥匙串访问。然后在菜单栏里点击钥匙串访问-证书助理-创建证书来打开向导。 证书名称必须为iPhone Developer，将类型设定为代码签名，勾选”让我覆盖这些默认值”，之后就一路Next。 2.环境配置 首先确认已退出Xcode，然后开始修改配置文件： 打开“终端”(1-4步都是在终端中执行) (1)修改 SDKSettings.plist 先备份原文件： cd /Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS4.3.sdk/ sudo cp SDKSettings.plist SDKSettings.plist.orig 进行编辑： sudo vi SDKSettings.plist 将以下两段中的YES改为NO &#60;key&#62;CODE_SIGNING_REQUIRED&#60;/key&#62; &#60;string&#62;YES&#60;/string&#62; ... &#60;key&#62;ENTITLEMENTS_REQUIRED&#60;/key&#62; &#60;string&#62;YES&#60;/string&#62; (2)修改 Info.plist 文件 同样先备份原文件： cd /Developer/Platforms/iPhoneOS.platform/ sudo cp Info.plist Info.plist.orig 进行编辑： sudo vi Info.plist &#8230; <a href="http://www.iinterest.net/2011/10/03/xcode4-port-program-to-idevice-without-idp/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>1.创建证书<br />
实用工具-钥匙串访问。然后在菜单栏里点击钥匙串访问-证书助理-创建证书来打开向导。<br />
证书名称必须为iPhone Developer，将类型设定为代码签名，勾选”让我覆盖这些默认值”，之后就一路Next。<br />
<img src="http://www.iinterest.net/wp-content/uploads/2011/09/x1.png" alt="" title="x1" width="500" height="353" class="alignnone size-full wp-image-1383" /><br />
<span id="more-1372"></span><br />
2.环境配置<br />
首先确认已退出Xcode，然后开始修改配置文件：<br />
打开“终端”(1-4步都是在终端中执行)<br />
(1)修改 SDKSettings.plist<br />
先备份原文件：<br />
<code>cd /Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS4.3.sdk/<br />
sudo cp SDKSettings.plist SDKSettings.plist.orig<br />
</code><br />
进行编辑：<br />
<code>sudo vi SDKSettings.plist</code><br />
将以下两段中的YES改为NO<br />
<code>&lt;key&gt;CODE_SIGNING_REQUIRED&lt;/key&gt;<br />
&lt;string&gt;YES&lt;/string&gt;<br />
...<br />
&lt;key&gt;ENTITLEMENTS_REQUIRED&lt;/key&gt;<br />
&lt;string&gt;YES&lt;/string&gt;<br />
</code><br />
(2)修改 Info.plist 文件<br />
同样先备份原文件：<br />
<code>cd /Developer/Platforms/iPhoneOS.platform/<br />
sudo cp Info.plist Info.plist.orig<br />
</code><br />
进行编辑：<br />
<code>sudo vi Info.plist</code><br />
将全部的XCiPhoneOSCodeSignContext 修改成 XCCodeSignContext，一共有 3 处。</p>
<p>(3)在桌面上新建并编辑名为script的脚本：<br />
<code>cd ~/Desktop<br />
vi script<br />
</code><br />
输入以下内容：(点击“i”进入编辑模式)<br />
<code>#!/bin/bash<br />
cd /Developer/Platforms/iPhoneOS.platform/Developer/Library/Xcode/Plug-ins/iPhoneOS\ Build\ System\ Support.xcplugin/Contents/MacOS/<br />
dd if=iPhoneOS\ Build\ System\ Support of=working bs=500 count=255<br />
printf "xc3x26x00x00" >> working<br />
/bin/mv -n iPhoneOS\ Build\ System\ Support iPhoneOS\ Build\ System\ Support.original<br />
/bin/mv working iPhoneOS\ Build\ System\ Support<br />
chmod a+x iPhoneOS\ Build\ System\ Support<br />
</code><br />
保存并退出(点击Esc，输入:wq)。<br />
授予这个脚本执行权限并执行它<br />
<code>chmod 777 script<br />
./script</code><br />
运行成功会输出类似结果：<br />
223+1 records in<br />
223+1 records out<br />
111648 bytes transferred in 0.002678 secs (41692099 bytes/sec)</p>
<p>(4)生成脚本<br />
执行命令：<br />
<code>mkdir /Developer/iphoneentitlements401<br />
cd /Developer/iphoneentitlements401<br />
curl -O http://www.alexwhittemore.com/iphone/gen_entitlements.txt<br />
mv gen_entitlements.txt gen_entitlements.py<br />
chmod 777 gen_entitlements.py<br />
</code><br />
如果上面的代码运行有问题，也可以在/Developer目录下新建一个entitlements.py文件，并把下面的代码复制到该文件中，最后赋予777权限：<br />
<code></p>
<pre>#!/usr/bin/env python
import sys
import struct
if len(sys.argv) != 3:
	print "Usage: %s appname dest_file.xcent" % sys.argv[0]
	sys.exit(-1)
APPNAME = sys.argv[1]
DEST = sys.argv[2]
if not DEST.endswith('.xml') and not DEST.endswith('.xcent'):
	print "Dest must be .xml (for ldid) or .xcent (for codesign)"
	sys.exit(-1)
entitlements = """
&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"&gt;
&lt;plist version="1.0"&gt;
&lt;dict&gt;
    &lt;key>application-identifier&lt;/key&gt;
    &lt;string>%s&lt;/string&gt;
    &lt;key>get-task-allow&lt;/key&gt;
    &lt;true/&gt;
&lt;/dict&gt;
&lt;/plist&gt;
""" % APPNAME
f = open(DEST,'w')
if DEST.endswith('.xcent'):
	f.write("\xfa\xde\x71\x71")
	f.write(struct.pack('>L', len(entitlements) + 8))
f.write(entitlements)
f.close()
</pre>
<p></code></p>
<p>(5)Xcode中的设置，以下步骤需要在每个工程中都设置一次。<br />
1.工程设置，步骤如图：<br />
<a href="http://www.iinterest.net/wp-content/uploads/2011/09/x2.png" target="_blank"><img src="http://www.iinterest.net/wp-content/uploads/2011/09/x2.png" alt="" title="x2" width="500" class="alignnone size-full wp-image-1384" /></a></p>
<p>2.脚本设置，将下面的代码添加到Phase中：<br />
<code>export<br />
CODESIGN_ALLOCATE=/Developer/Platforms/iPhoneOS.platform/Developer/usr/bin/codesign_allocate<br />
if [ "${PLATFORM_NAME}" == "iphoneos" ]; then<br />
/Developer/iphoneentitlements401/gen_entitlements.py "my.company.${PROJECT_NAME}" "${BUILT_PRODUCTS_DIR}/${WRAPPER_NAME}/${PROJECT_NAME}.xcent";<br />
codesign -f -s "iPhone Developer" --entitlements "${BUILT_PRODUCTS_DIR}/${WRAPPER_NAME}/${PROJECT_NAME}.xcent" "${BUILT_PRODUCTS_DIR}/${WRAPPER_NAME}/"<br />
fi<br />
</code><br />
<a href="http://www.iinterest.net/wp-content/uploads/2011/09/x3.png" target="_blank"><img src="http://www.iinterest.net/wp-content/uploads/2011/09/x3.png" alt="" title="x3" width="500" class="alignnone size-full wp-image-1385" /></a></p>
<p>至此配置全部完成，接下来就可以连接iOS设备进行程序调试了</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iinterest.net/2011/10/03/xcode4-port-program-to-idevice-without-idp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>无需iTunes，无线发布iOS App</title>
		<link>http://www.iinterest.net/2011/09/22/installing-apps-wirelessly-ipa/</link>
		<comments>http://www.iinterest.net/2011/09/22/installing-apps-wirelessly-ipa/#comments</comments>
		<pubDate>Thu, 22 Sep 2011 13:53:15 +0000</pubDate>
		<dc:creator>Bell</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Talk about interest]]></category>

		<guid isPermaLink="false">http://www.iinterest.net/?p=1353</guid>
		<description><![CDATA[苹果在iOS4中新增了一项功能，就是无线发布iOS App——用户不需要经过iTunes，只用在Safari中点击一个链接就可以下载并安装应用。 实现起来非常简单，只需两步： 1.创建HTML页面 该页面用于发布App，我们可以在这个页面添加诸如软件介绍，更新说明等信息&#8230;当然核心代码是这个： &#60;a href="itms-services://?action=download-manifest&#038;url=http://iinterest.net/ manifest.plist"&#62;Install App&#60;/a&#62; 当用户使用Safari浏览器浏览这个页面并点击该链接时，iOS设备会自动识别，返回HOME界面下载并安装该App，就和我们在iTunes中点击下载按钮的效果一致。 2.创建manifest.plist文件 manifest.plist用于记录App的一些重要信息如：下载url、软件图标url、软件名称等，关于manifest.plist完整例子可以在苹果的开发文档中找到(在最后)。 当然，其实并不需要那么详尽的软件信息，这里给个更为精简的例子： &#60;?xml version="1.0" encoding="UTF-8"?&#62; &#60;!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"&#62; &#60;plist version="1.0"&#62; &#60;dict&#62; &#60;key&#62;items&#60;/key&#62; &#60;array&#62; &#60;dict&#62; &#60;key&#62;assets&#60;/key&#62; &#60;array&#62; &#60;dict&#62; &#60;key&#62;kind&#60;/key&#62; &#60;string&#62;software-package&#60;/string&#62; &#60;key&#62;url&#60;/key&#62; &#60;string&#62;http://www.iinterest.net/ipa/Everlight-3.1-Nathan1233.ipa&#60;/string&#62; &#60;/dict&#62; &#60;dict&#62; &#60;key&#62;kind&#60;/key&#62; &#60;string&#62;display-image&#60;/string&#62; &#60;key&#62;needs-shine&#60;/key&#62; &#8230; <a href="http://www.iinterest.net/2011/09/22/installing-apps-wirelessly-ipa/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>苹果在iOS4中新增了一项功能，就是无线发布iOS App——用户不需要经过iTunes，只用在Safari中点击一个链接就可以下载并安装应用。<br />
实现起来非常简单，只需两步：<br />
<strong>1.创建HTML页面</strong><br />
该页面用于发布App，我们可以在这个页面添加诸如软件介绍，更新说明等信息&#8230;当然核心代码是这个：<br />
<code>&lt;a href="itms-services://?action=download-manifest&#038;url=http://iinterest.net/ manifest.plist"&gt;Install App&lt;/a&gt;</code><br />
当用户使用Safari浏览器浏览这个页面并点击该链接时，iOS设备会自动识别，返回HOME界面下载并安装该App，就和我们在iTunes中点击下载按钮的效果一致。<br />
<span id="more-1353"></span><br />
<strong>2.创建manifest.plist文件</strong><br />
manifest.plist用于记录App的一些重要信息如：下载url、软件图标url、软件名称等，关于manifest.plist完整例子可以在苹果的<a href="http://developer.apple.com/library/ios/#featuredarticles/FA_Wireless_Enterprise_App_Distribution/Introduction/Introduction.html" target="_blank">开发文档</a>中找到(在最后)。<br />
当然，其实并不需要那么详尽的软件信息，这里给个更为精简的例子：<br />
<code>
<pre>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"&gt;
&lt;plist version="1.0"&gt;
&lt;dict&gt;
   &lt;key&gt;items&lt;/key&gt;
   &lt;array&gt;
       &lt;dict&gt;
           &lt;key&gt;assets&lt;/key&gt;
           &lt;array&gt;
               &lt;dict&gt;
                   &lt;key&gt;kind&lt;/key&gt;
                   &lt;string&gt;software-package&lt;/string&gt;
                   &lt;key&gt;url&lt;/key&gt;
                   &lt;string&gt;http://www.iinterest.net/ipa/Everlight-3.1-Nathan1233.ipa&lt;/string&gt;
               &lt;/dict&gt;
               &lt;dict&gt;
                   &lt;key&gt;kind&lt;/key&gt;
                   &lt;string&gt;display-image&lt;/string&gt;
                   &lt;key&gt;needs-shine&lt;/key&gt;
                   &lt;true/&gt;
                   &lt;key&gt;url&lt;/key&gt;
                   &lt;string&gt;http://www.iinterest.net/webapp/images/ifw114.png&lt;/string&gt;
               &lt;/dict&gt;
	       &lt;dict&gt;
                   &lt;key&gt;kind&lt;/key&gt;
                   &lt;string&gt;full-size-image&lt;/string&gt;
                   &lt;key&gt;needs-shine&lt;/key&gt;
                   &lt;true/&gt;
                   &lt;key&gt;url&lt;/key&gt;
                   &lt;string&gt;http://www.iinterest.net/webapp/images/ifw114.png&lt;/string&gt;
               &lt;/dict&gt;
           &lt;/array&gt;&lt;key&gt;metadata&lt;/key&gt;
           &lt;dict&gt;
               &lt;key&gt;bundle-identifier&lt;/key&gt;
               &lt;string&gt;net.iinterest.www&lt;/string&gt;
               &lt;key&gt;bundle-version&lt;/key&gt;
               &lt;string&gt;8.0.3.99&lt;/string&gt;
               &lt;key&gt;kind&lt;/key&gt;
               &lt;string&gt;software&lt;/string&gt;
               &lt;key&gt;subtitle&lt;/key&gt;
               &lt;string&gt;Everlight&lt;/string&gt;
               &lt;key&gt;title&lt;/key&gt;
               &lt;string&gt;Everlight&lt;/string&gt;
           &lt;/dict&gt;
       &lt;/dict&gt;
   &lt;/array&gt;
&lt;/dict&gt;
&lt;/plist&gt;</pre>
<p></code><br />
结构应该说是一目了然，所以这里就不做说明了。<br />
PS：在第一步的链接代码中有这么一段：“http://iinterest.net/ manifest.plist”，就是指定 manifest.plist 的路径；路径和名称都是可以修改的。</p>
<p>至此，一个无线发布App的页面就OK了，真的是非常简单；当然苹果肯定不会这么跟自己的App stroe过不去！为此你需要购买一个<a href="http://developer.apple.com/programs/ios/enterprise/" target="_blank">企业版的证书 $299/year。。。</a><br />
如果走正常渠道的话，那么到这里就结束了，下面介绍一些特别的方法：</p>
<p><strong>[$99开发证书]</strong><br />
如果你拥有$99的个人版开发证书，那么恭喜，现在也可以使用无线发布功能。<br />
Xcode3.X的方法可以看这篇文章：<br />
<a href="http://aaronparecki.com/How_to_Distribute_your_iOS_Apps_Over_the_Air" target="_blank">How To Distribute Your IOS Apps Over The Air</a><br />
Xcode4 方法类似，不同点在于：<br />
选择用“Product > Archive”编译程序；<br />
然后在Organizer中选择需要打包的程序，然后点击“Share”；<br />
因为我没有开发证书，所以不能做到完全演示，能确定的是Xcode4也可以成功发布，剩下的需要摸索。（PS：如果哪位有实现的完整方法，非常期望能够分享出来，方便的话写在留言中就行。）</p>
<p><strong>[越狱用户]</strong><br />
针对越狱用户的无线发布，我制作了个DEMO，现在还不完美，感兴趣可以使用iOS设备上的safari访问<a href="http://iinterest.net/ipa/installs.html" target="_blank">DEMO</a>页面，点击“安装Everlight-3.1(一个手电筒软件)”，此时会出现一个系统提示，“确定”后会开始下载并安装软件(进度条会有点问题，这与我的虚拟主机有关)，当安装完毕后，HOME界面的软件图标会立刻消失，这时重载springboard(或者重启设备)，返回HOME界面后软件图标出现，并可正常运行。</p>
<p>DEMO的实现方法还是上面介绍的两步，不同之处在于使用了已破解的软件包，虽然安装完毕后需要重载springboard才能使用，但至少说明理论上是可行的，目前正在进一步研究，希望能够找到比较完美的解决方案。</p>
<p>Demo URL：http://iinterest.net/ipa/installs.html<br />
Demo URL 二维码：<br />
<img src="http://www.iinterest.net/wp-content/uploads/2011/09/api.png" alt="" title="api" width="258" height="258" class="alignnone size-full wp-image-1366" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iinterest.net/2011/09/22/installing-apps-wirelessly-ipa/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>HTML5可视化编辑器[5]</title>
		<link>http://www.iinterest.net/2011/08/05/html5-visual-editor/</link>
		<comments>http://www.iinterest.net/2011/08/05/html5-visual-editor/#comments</comments>
		<pubDate>Fri, 05 Aug 2011 07:10:20 +0000</pubDate>
		<dc:creator>Bell</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.iinterest.net/?p=1332</guid>
		<description><![CDATA[[10.5]Sencha Animator发布1.0正式版 售价$199，非常贵！不过可以试用30天，有兴趣的朋友可以体验下 [9.8]新增一款： hype hype 1.0.5是一款MAC平台上的HTML5创作工具，同样是基于时间轴，同样也是侧重于动画的表现，它该软件功能很强大，不同的是它是一款收费软件。 试用了一下，功能很强大，上手很容易，同样是使用js来控制动画，但生成的代码要精简很多，而且可以明确指定兼容哪些浏览器，支持插入图片、视频、交互按钮等等。 [8.11]新增一款： Adobe Edge AdobeEdge是Adobe发布的一个新工具，目前该工具的重点放在动画引擎上，可以方便的制作网页动画乃至简单游戏。 介绍3款HTML5可视化编辑器 Maqetta Maqetta是IBM推出的一个基于浏览器的开源HTML5网页编辑工具，支持Google Chrome、Mozilla Firefox 3.5+ 和Safari 5，为用户体验设计师提供了一个可见即可得的可视化编辑环境。 Maqetta是基于HTML5/Ajax编写，说实话我对Maqetta本身的研究兴趣远远大于用它去制作网页。 Radi Radi是一个Mac平台上的网页制作工具，以用来制作各种可视化内容，比如图片、动画、视频、曲线图、JavaScript等。 还没体验过，但看介绍就能了解到是Radi一个功能全面且强大的编辑器。 Sencha Animator Sencha Animator不同于上面2款编辑器，它主打CSS动画，操作界面跟Flash非常类似，即使不懂CSS也可以非常轻松的制作CSS3动画。 目前Sencha Animator还是beta1版本，对桌面浏览器的支持还不行，但对mobileSafari的支持很不错]]></description>
			<content:encoded><![CDATA[<p>[10.5]Sencha Animator发布1.0正式版<br />
<img alt="" src="http://www.sencha.com/img/20110930-animator-full-hero.jpg" class="alignnone" width="500" /><br />
售价$199，非常贵！不过可以试用30天，有兴趣的朋友可以<a href="http://www.sencha.com/products/animator/" target="_blank">体验下</a><br />
<span id="more-1332"></span><br />
[9.8]新增一款：<br />
<strong>hype</strong><br />
<a href="http://itunes.apple.com/us/app/hype/id436931759?mt=12" target="_blank">hype 1.0.5</a>是一款MAC平台上的HTML5创作工具，同样是基于时间轴，同样也是侧重于动画的表现，它该软件功能很强大，不同的是它是一款收费软件。</p>
<p><img src="http://www.iinterest.net/wp-content/uploads/2011/08/Hype8.jpg" alt="" title="Hype8" width="500" height="313" class="alignnone size-full wp-image-1349" /></p>
<p>试用了一下，功能很强大，上手很容易，同样是使用js来控制动画，但生成的代码要精简很多，而且可以明确指定兼容哪些浏览器，支持插入图片、视频、交互按钮等等。</p>
<p>[8.11]新增一款：<br />
<strong>Adobe Edge</strong><br />
<a href="http://labs.adobe.com/technologies/edge/" title="edge" target="_blank">AdobeEdge</a>是Adobe发布的一个新工具，目前该工具的重点放在动画引擎上，可以方便的制作网页动画乃至简单游戏。</p>
<p><img src="http://www.iinterest.net/wp-content/uploads/2011/08/158001.jpg" alt="" title="Adobe Edge Preview" width="500" height="289" class="alignnone size-full wp-image-1342" /></p>
<p>介绍3款HTML5可视化编辑器<br />
<strong>Maqetta</strong><br />
<a href="http://maqetta.org/" title="maqetta.org" target="_blank">Maqetta</a>是IBM推出的一个基于浏览器的开源HTML5网页编辑工具，支持Google Chrome、Mozilla Firefox 3.5+ 和Safari 5，为用户体验设计师提供了一个可见即可得的可视化编辑环境。</p>
<p><img alt="" src="http://maqetta.org/templates/rt_afterburner_j15/css/img/Video_588x443.png" title="maqetta" class="alignnone" width="500"/></p>
<p>Maqetta是基于HTML5/Ajax编写，说实话我对Maqetta本身的研究兴趣远远大于用它去制作网页。</p>
<p><strong>Radi</strong><br />
<a href="http://radiapp.com/" title="radiapp.com" target="_blank">Radi</a>是一个Mac平台上的网页制作工具，以用来制作各种可视化内容，比如图片、动画、视频、曲线图、JavaScript等。</p>
<p><img alt="" src="http://radiapp.com/images/radi_sshot_v06_hokusai_crop.png" title="radiapp" class="alignnone" width="500" /></p>
<p>还没体验过，但看介绍就能了解到是Radi一个功能全面且强大的编辑器。</p>
<p><strong>Sencha Animator</strong><br />
<a href="http://www.sencha.com/products/animator/" title="Sencha Animator" target="_blank">Sencha Animator</a>不同于上面2款编辑器，它主打CSS动画，操作界面跟Flash非常类似，即使不懂CSS也可以非常轻松的制作CSS3动画。</p>
<p><img alt="" src="http://img1.sencha.com/files/misc/sencha-animator-hero-small2.jpg" title="sencha-animator" class="alignnone" width="376" height="285" /></p>
<p>目前Sencha Animator还是beta1版本，对桌面浏览器的支持还不行，但对mobileSafari的支持很不错</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iinterest.net/2011/08/05/html5-visual-editor/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>UC浏览器web开发实践</title>
		<link>http://www.iinterest.net/2011/07/20/ucweb-dev/</link>
		<comments>http://www.iinterest.net/2011/07/20/ucweb-dev/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 09:41:21 +0000</pubDate>
		<dc:creator>Bell</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.iinterest.net/?p=1211</guid>
		<description><![CDATA[最近一直在做移动互联网项目，基本上都是针对UC浏览器的开发，这里总结下各种实践经验，罗列一些基于UC浏览器7.7以上版本的开发技巧。 CSS支持情况（数据来源：官方文档） ↑点击浏览 UC浏览器自定义特殊标签及属性 直连方式： ext:a: 使用方法(下同)： &#60;a href="ext:a:http://iinterest.net"&#62;iinterest&#60;/a&#62; PS：如果是ext:xxx:&#60;URL&#62;格式也可以在地址栏中使用(下同) 服务器中转： ext:e:&#60;URL&#62; webkit内核渲染： ext:webkit:&#60;URL&#62; 返回主页： ext:startpage 刷新： ext:refresh 前进： ext:forward 后退： ext:back 拨打电话： ext:tel/10010 发送短信： ext:sms/内容&#124;电话号码&#124; 书签： ext:bookmark 上传书签： ext:upload_favo 本地帮助： ext:help 短信推荐uc浏览器： ext:friend 在新窗口中打开url ext:wo:&#60;URL&#62; 实践中的一些问题(持续更新，2011.11.4) 10.CSS文字颜色，使用缩写时会出现无法识别的情况。 9.背景色跟文字颜色相同时，会自动调整文字颜色为反选色。 8.ucweb &#8230; <a href="http://www.iinterest.net/2011/07/20/ucweb-dev/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>最近一直在做移动互联网项目，基本上都是针对UC浏览器的开发，这里总结下各种实践经验，罗列一些基于UC浏览器7.7以上版本的开发技巧。</p>
<p><strong>CSS支持情况（数据来源：官方文档）</strong><br />
<a href="http://www.iinterest.net/lab/ucweb_css.html" title="ucweb_css" target="_blank"><img src="http://www.iinterest.net/wp-content/uploads/2011/07/css_table.png" alt="" title="css_table" width="500" height="200" class="alignnone size-full wp-image-1317" /></a><br />
↑点击浏览<br />
<span id="more-1211"></span><br />
<strong>UC浏览器自定义特殊标签及属性</strong><br />
直连方式：<br />
ext:a:<URL><br />
使用方法(下同)：<br />
<code>&lt;a href="ext:a:http://iinterest.net"&gt;iinterest&lt;/a&gt;</code><br />
PS：如果是ext:xxx:&lt;URL&gt;格式也可以在地址栏中使用(下同)</p>
<p>服务器中转：<br />
ext:e:&lt;URL&gt;</p>
<p>webkit内核渲染：<br />
ext:webkit:&lt;URL&gt;</p>
<p>返回主页：<br />
ext:startpage</p>
<p>刷新：<br />
ext:refresh</p>
<p>前进：<br />
ext:forward</p>
<p>后退：<br />
ext:back</p>
<p>拨打电话：<br />
ext:tel/10010</p>
<p>发送短信：<br />
ext:sms/内容|电话号码|</p>
<p>书签：<br />
ext:bookmark</p>
<p>上传书签：<br />
ext:upload_favo</p>
<p>本地帮助：<br />
ext:help</p>
<p>短信推荐uc浏览器：<br />
ext:friend</p>
<p>在新窗口中打开url<br />
ext:wo:&lt;URL&gt;</p>
<p><strong>实践中的一些问题(持续更新，2011.11.4)</strong><br />
10.CSS文字颜色，使用缩写时会出现无法识别的情况。<br />
9.背景色跟文字颜色相同时，会自动调整文字颜色为反选色。<br />
8.ucweb 8.0 进入阅读模式后无法载入背景图片。<br />
7.ucweb 7.8 iphone版无法识别itms://跳转苹果应用商店&#8230;严重bug！[2011.8.3]<br />
6.为块级元素添加color会出现同色边框(s40平台)<br />
5.<a href="http://www.iinterest.net/2010/05/08/css-specificity/" target="_blank">CSS特殊性</a>计算有问题(个别平台)<br />
4.同向浮动的两个元素(float:left)，第二个元素内如果嵌套有块级元素，那么这个元素的同向内边距会失效(padding-left)。这时建议尽量使用外边距(margin-left)。(个别平台)<br />
3.不支持负边距(个别平台)<br />
2.遇到无法识别的CSS时会停止对“错误”及以后的CSS解析，所以如果要用到hack最好放在末尾(全平台)<br />
1.DOCTYPE 只支持 DTD XHTML Mobile 1.0(全平台)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iinterest.net/2011/07/20/ucweb-dev/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>关于Mac下安装IE的各种折腾</title>
		<link>http://www.iinterest.net/2011/05/07/mac-install-ie-winebottler/</link>
		<comments>http://www.iinterest.net/2011/05/07/mac-install-ie-winebottler/#comments</comments>
		<pubDate>Sat, 07 May 2011 14:18:32 +0000</pubDate>
		<dc:creator>Bell</dc:creator>
				<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.iinterest.net/?p=1203</guid>
		<description><![CDATA[做前端的都知道IE浏览器伤不起，所以才会有各种文章来讨论如何在各种系统环境下安装部署IE，前段时间看到一款名为WineBottler的软件介绍，说是能在Mac下安装IE浏览器(IE6-IE8)，一时间感觉找到的救星，但今天安装测试了一把，才发现这个并不靠谱。 我分别安装了IE6、IE7、IE8，其中只有IE7能正常运行，但性能非常差且无法执行js脚本，打开类似163.com、qq.com的网页无法正常渲染，基本上没有实用性。 就目前来看在Mac下运行IE浏览器最靠谱的方法还是使用虚拟机，但如果想完美运行IE6-IE9最少也得虚拟一个win xp和win 7，这个非常消耗资源。如果使用IE更多的是测试布局而非js脚本，这里推荐WinApps(貌似跟WineBottler有点关系=。=)，通过WinApps可以安装IE6，除了渲染时会出现闪烁外，功能和性能上基本满足测试需求。 这里可以下载到WinApps 安裝条件： 1.Intel CPU 2.需要安裝X11：沒有的话用OS安裝盘，Optional Installs文件夹下运行Optional Installs.mpkg，在自定项目中找到Utilities的X11安裝。 安裝方法： WinApps-Basic.dmg解压后，将WinApps拖到Applications，运行IE就OK]]></description>
			<content:encoded><![CDATA[<p>做前端的都知道IE浏览器伤不起，所以才会有各种文章来讨论如何在各种系统环境下安装部署IE，前段时间看到一款名为<a href="http://www.macuknow.com/node/10055">WineBottler的软件介绍</a>，说是能在Mac下安装IE浏览器(IE6-IE8)，一时间感觉找到的救星，但今天安装测试了一把，才发现这个并不靠谱。<br />
<span id="more-1203"></span><br />
我分别安装了IE6、IE7、IE8，其中只有IE7能正常运行，但性能非常差且无法执行js脚本，打开类似163.com、qq.com的网页无法正常渲染，基本上没有实用性。</p>
<p>就目前来看在Mac下运行IE浏览器最靠谱的方法还是使用虚拟机，但如果想完美运行IE6-IE9最少也得虚拟一个win xp和win 7，这个非常消耗资源。如果使用IE更多的是测试布局而非js脚本，这里推荐WinApps(貌似跟WineBottler有点关系=。=)，通过WinApps可以安装IE6，除了渲染时会出现闪烁外，功能和性能上基本满足测试需求。</p>
<p>这里可以下载到<a href="http://d.namipan.com/d/609222da484c936eb86825f09c00a983c6400d5bfc2d9303">WinApps</a></p>
<p>安裝条件：<br />
1.Intel CPU<br />
2.需要安裝X11：沒有的话用OS安裝盘，Optional Installs文件夹下运行Optional Installs.mpkg，在自定项目中找到Utilities的X11安裝。<br />
安裝方法：<br />
WinApps-Basic.dmg解压后，将WinApps拖到Applications，运行IE就OK<br />
<img src="http://www.iinterest.net/wp-content/uploads/2010/01/10-11-02-224849-Google-Microsoft-Internet-Explorer-6.png" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iinterest.net/2011/05/07/mac-install-ie-winebottler/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

