Nexus传奇

去了宜昌一周,整个IT&互联网发生了很多事情。

Windows 8、Windows Phone 8、iPad mini、Nexus 4、Nexus 10相继发布。

曾几何时,我在幻想,如果iOS开放一点,如果Andorid封闭一点,这场战役,将会变得怎样?

打开Nexus首页,Nexus 4、Nexus 7、Nexus 10绝对能让你感受到浓浓的火药味。

 

 

Design For Mobile Web

这两天专门制作了一个手机页面,现在分享一下里面常用的一些技巧。

通过viewport来匹配设备宽度

网上常见的做法:

上面这段代码,源自Google的Best Practices for Web Apps,但在实际使用过程中,并不能完全适应iOS、Android平台,至于WP,我的注意力暂时还没在它身上。

今天终于找个一个兼容Android和iOS的方法了。

这样,设计Mobile Web页面的时候,只需要按照640px的宽度进行设计就可以了。测试结果是Android 2.2+自带浏览器、iOS5+自带浏览器、Chrome移动版、Firebox移动版和UC8+以上版本皆能完美自适应。

PS:

  • 刚才搜索了一下viewport这个概念博大高深,里面还涉及到dpi等,我这里只是一种偷懒的方法。
  • viewport和响应式设计理念不同,响应式设计是一套html结构适配全平台,而viewport仅仅是给移动平台使用,并不打算兼容PC平台,如需兼容PC浏览器,需要另外写判断。

iOS中的WebApp

html5有多强大?看看之前Facebook在iOS上面的客户端就知道。

这里贴一些制作WebApp可能会需要用到的代码。

例如最常见的,隐藏导航栏,隐藏菜单栏等,不过这类效果,必须要用户把Web添加到主屏幕上,并且通过主屏幕上面的图标进入才生效。

同时,如果从WebApp中跳到了外部的浏览器或者其他软件,想再次返回到WebApp的时候,必须重新打开,不能够保存上次的访问结果。估计这事应该有解决方法。

导航了太占位了,如何在浏览器中就隐藏掉呢

就这么简单,当页面加载成功的时候,页面自动向上滚动,导航了就看不到了,第一页的高度就多了50px。

下面的菜单栏也很占位,如何隐藏?

404,这个,还真没找到方法…

Android上的Web应用开发工具

AndFTP

Ftp软件,不过在手机上面弄FTP,你想传些啥?瞎折腾,不推荐

JavaScript Reference

工具手册,涉及JavaScript、CSS、Html、jQuery等,推荐

kWS – Android Web Server

就手机那性能,还跑web服务,无趣,不推荐

Analytix for Google Analytics

对于运营人员来说,还是很不错,推荐

View Web Source

看源代码,这个比较纠结,我个人不喜欢在手机上看这些,更喜欢用来记录自己想到的东西,所以不推荐

WordPress for Android

好东西,这是真正的随时随地wordpress,强烈推荐

Drupal EditorDrupal

对应的客户端,我没用Drupal,不评论

Joooid 1.1 Joomla! Editor

Joomla客户端,同上

Webmaster’s HTML Editor Lite

Html编辑器,支持代码高亮,支持php、css、JavaScript等,推荐

ConnectBot SSH Client

SSH客户端,远程连接服务器,推荐

最后,因为我的手机是带全键盘的,并且是5行,独立数字键,所以,用来敲代码很爽,尤其是平时上课的时候,想到的一些片段,用来记录不错~

如果是纯触屏手机,用上面这些有主要是输入功能的软件的话,就是一个大蛋疼~

 

我也来刷到CM7.1

gb-logo5-200x300.png

手机LG GW620(别名右叫HK5200或EVE)

2011年10月10日,著名的的Android第三方ROM团队CyanogenMod发布了最新的稳定版CM7.1,同时提供大量机型的支持~

当然,像这台LG的第一台Android机,这么少的用户量,当然是不在他们团队的支持之列,不过好在国内外有早有一批人以CM为基础,保持LG EVE的更新

刷机前的准备 继续阅读“我也来刷到CM7.1”

LG GW620/KH5200 官方详细设计文档

LG官方是将EVE的所有资料全部都开源了~

包括芯片组解决方案、电路设计部分~

现在EVE可以紧跟CM的步伐,截至发稿时,已经可以完美使用2.3.4系统~

[download id=”2″]