月归档:四月 2011

纯CSS打造的3D效果

http://css-3d.org/space-cube-1.htm CSS 3D网站提供了几个令人振奋的纯CSS实现的3D效果。需使用Safari、iPad或iPhone查看效果,Chrome和Android目前还不行。经测试,Chrome金丝雀版也支持,12.X稳定版还不行。

发表在 前端开发 | 标签为 , | 16 条评论

我最喜欢的十个安卓应用

Sivan上周购入了摩托罗拉三防机Defy,正式把一条大毛腿伸进了安卓阵营。最近一段时间使用下来总体感觉还是比较不错,界面流畅程度虽然不如iOS,但是升级到2.2后还是可以接受。在这里列举一下比较喜欢的几个安卓应用: Go短信加强版(Go SMS Pro)——用来替代系统原生短信的App,功能丰富,可向桌面添加好用的挂件并可快速查看新短信。我最喜欢的是它可以定制主题,换成iPhone格式看着舒服不少。无论细节还是安全性,都做得非常周到。美中不足是界面切换即便使用默认特效依旧不够平滑,要是有普通滑动效果就好了。 LauncherPro——替代原生桌面的App,可以实现Mac上的Expose效果(HTC Sense那种),即便有多个桌面切换起来也十分方便。还可以显示Dock并支持多个Dock切换,有了它彻底不需要系统默认的软件清单界面了。桌面间切换也十分流畅,没有卡顿。 Camera360——Defy的摄像头素质太差了,自动对焦也不是很准。用了Camera360后,相机功能确实丰富多了,可以“感受”到自动对焦、微距模式和防抖模式了。虽说Defy照相硬件上比较寒酸,但这种App有还是比没有好啊。 Quick拍——识别一维码二维码的App,安卓用户要不装个这个会被鄙视的。Quick拍自动对焦后快速识别,并可直接将vCard格式二维码导入电话本。 Dolphin Browser HD——替代原生浏览器的最佳方案,比UC强得多吧。可以安装熟悉的Adblock Plus、Read Later、LastPass、Web to PDF等插件,活脱一个安卓平台的Firefox。此外还支持手势等功能,不过我很少用。 七键开关汉化版(SwitchProWidget)——可以在桌面添加小开关,快速控制开启关闭3G、GPS、Wifi、数据传输等等,手电筒开关可以快速打开闪光灯照明,十分方便。 墨迹天气——我换了N个桌面显示天气的插件,感觉还是这个功能最好最实用。 R.E.管理器——简单易用的文件管理器。 高级任务管理器——简单的终结进程、卸载App的东西。 还剩一个够10个,等我再用一段再补充完整。以上App均可在“电子市场”或者“N多市场”找到。我不用Defy听歌或玩游戏,所以没有娱乐软件,因为屏幕比起Retina还是逊色不少。但是安卓的定制性让我还是比较满意,实际使用起来非常省事方便。大家有好的App,不妨推荐给我共享一下。

发表在 移动设备 | 标签为 | 22 条评论

载入 jQuery 库的最佳方法

在网站开发的项目中使用 Google CDN 的 jQuery 库虽然加载速度很快,但调用本地服务器的库才可以确保万无一失。而使用 WordPress 内置 jQuery 库的话,其末尾防止 JS 库冲突而加入的 jQuery.noConflict() 使得主题中所有 jQuery 代码都要做一些小修改,更可能导致一些插件效果失效。Paul Irish 在 HTML5 Boilerplate 中使用的方法我认为非常不错,分享给大家。 使用方法 使用下面的代码可以在 Google CDN 库获取失败时载入本地 jQuery 库: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="/js/libs/jquery.min.js"><\/script>')</script> 在WordPress主题中使用的方法为: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/jquery.min.js"><\/script>')</script> 注意事项 因为开头提到的原因,所以建议下载一份 jQuery 官方的 min 库 放到 WordPress 当前使用的主题目录下调用,不要使用 wp-includes 里面的库。 Google CDN 库的地址采用了协议相对路径,它可以很好的解决 https 引起的一些问题,具体可以看 Paul Irish 的介绍,当然你依旧可以使用带「http:」的路径。 许多网站都采用 Google CDN 提供的 jQuery 库,使用它可以得到出色的缓存效果。 把 jQuery 代码统统放到页面底部可以提高载入速度。 使用 HTML5 重构的页面可省略掉 type="text/javascript"。 使用SAE开发者资源 由于 Google 服务在国内缺乏稳定性,为了稳妥,使用 SAE 的开发者资源是个省流量又提高速度的好方法。SAE 为新浪为其应用提供的开发者资源,其中就有 jQuery 库。使用的话非常简单,只要到 SAE 开发者中心 找到合适的地址并替换掉上面代码的 Google CDN 地址即可。例如: <script type="text/javascript" src="//lib.sinaapp.com/js/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="/js/libs/jquery.min.js"><\/script>')</script> 2011.05.25:由于目前 Google 的不稳定,而国内没有好的同类服务,故这已不是最优方案。当然,你把 Google 库路径换成国内稳定且快速的路径(如果存在),依然可以受用此方法带来的各种好处。 2011.06.23:根据 LOO2K 提醒,更新了 SAE 方案。

发表在 前端开发 | 标签为 , , , | 33 条评论