响应式布局

前几天,我在公司里组织了一次技术交流活动,由我们的UE工程师主讲,内容是Mobile Web设计,这个主题的来源是,移动互联网将成为主流,将来大部分用户将使用移动设备来上网,在这样的情况下,已有的基于PC的Web设计,就要针对移动终端进行调整,如何调整,用怎样的设计原则,就是这次交流活动主要讨论的。

在1个小时的交流时间里,我们的UE工程师除了讲解了基本的Mobile Web概念,着重讲到了“响应式布局”的概念,这是一个比较新的概念,是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。如果我们用移动设备访问天猫、易讯和一淘网,会发现,天猫是一个固定宽度的展示,而易讯则做到了页面自适应,但易讯也不是一个真正的响应式布局,相对来说在响应式布局方面一淘网是最好的。

我感觉响应式布局本质是一种理念,需要将这种理念贯穿与设计的过程中,而不是简单的从技术层面解决移动设备自适应的问题,用响应式布局来改进我们的网站,还有很长的路要走。

有两个很不错的响应式布局的网站,大家可以去研究一下

http://alistapart.com/d/responsive-web-design/ex/ex-site-FINAL.html
http://colly.com/

另外还有一些资源,都是我们的UE工程师总结提供的

Fork, the Open Source CMS http://www.fork-cms.com/
《8个实用的响应式设计框架》http://www.w3cplus.com/source/8-useful-responsive-css-frameworks.html
《16个优秀的Responsive CSS框架》http://www.w3cplus.com/source/16-responsive-css-frameworks-worth-considering.html
《基于CSS搭建一个响应式网站》http://www.w3cplus.com/css3/build-basic-responsive-site-css.html

—分割线—

上次《关于引用水》的调查收到的结果仍然不多,大家不够积极噢,结果如下

1.生活中你最主要的饮用水是(如果有多种,选择最主要的)
自来水(25%)
桶装饮用水(75%)
瓶装饮用水(0%)
小区水站取水(0%)

2.你是否相信地下水受到了污染
相信 (75%)
不相信(25%)

3.你觉得桶装水或瓶装水水质比自来水好吗?
是,桶装水或瓶装水水质好(50%)
否,桶装水或瓶装水水质不如自来水(50%)

4.关于饮用水,你以后会选择
自来水(25%)
桶装水、瓶装水(50%)
自己安装净水设备(25%)

今日调查《收购搜狗》,欢迎各位参与,结果下次公布。

欢迎订阅我的微信公共帐号:“Laoer杂谈”,搜索微信号:laoertalk,或扫描页面右侧的二维码
新浪微博:@laoer
Twitter:@laoer

猕猴桃的功效

猕猴桃是一种营养价值很高的水果,但以前很少吃,去年下半年开始老婆让宝宝每天吃一个猕猴桃,吃了这么一段时间以来,感觉宝宝的抵抗力明显提高了不少,基本没有生病,一点小感冒咳嗽也很快就过去了,看来猕猴桃的功效还是有的,后来我们一家每人每天都吃一个猕猴桃。去年10.1的时候去逛麦德龙,Zespri(佳沛)的黄金奇异果促销,买了一箱回来,金果的口感好,宝宝特别爱吃,不过后来去买就没有了,连绿果也没有了,后来买了很多其他牌子的猕猴桃,甜度和口感都不如Zespri的,有的非常酸,到今年5.1假期的时候再去买的麦德龙,Zespri的绿果已经上市了。强烈建议每天吃一个猕猴桃,特别是给孩子每天吃一个,天然的营养。

【来自百度百科】
猕猴桃含有丰富的维生素C、A、E以及钾、镁、纤维素之外,还含有其他水果比较少见的营养成分——叶酸、胡萝卜素、钙、黄体素、氨基酸、天然肌醇。猕猴桃的别名又称为奇异果、超级水果,它的含钙量是葡萄柚的2.6倍、苹果的17倍、香蕉的4倍,维生素C的含量是柳橙的2倍。因此,它的营养价值远超过其他水果。
猕猴桃含有丰富的维生素C,可强化免疫系统,促进伤口愈合和对铁质的吸收;它所富含的肌醇及氨基酸,可抑制抑郁症,补充脑力所消耗的营养;它的低钠高钾的完美比例,可补充熬夜加班所失去的体力,并且对维持心血管健康具有良好效果。
世界上消费量最大的前26种水果中,猕猴桃最为丰富全面。猕猴桃果实中的Vc、Mg及微量元素含量最高。在前三位低钠高钾水果中,猕猴桃由于较香蕉及柑桔含有更多的钾而位居榜首。
猕猴桃的Vc量及食用纤维素含量达到了优秀标准,同时,猕猴桃中的Ve及Vk含量被定为优良,猕猴桃脂肪含量低且无胆固醇。与其它水果不同的是猕猴桃含有宽广的营养成分,大多数水果富含一、两种营养成分,但是每个猕猴桃可提供8%DV叶酸,8%DV铜,8%泛酸,6%DV钙和鲜,4%DV铁和维生素B6,2%DV磷和Va以及其它维生素和矿物质。

—分割线—

最近几天写代码,在Mac的Intellij IDEA下无法输入中文,换了几种输入法、重启IDEA都不行,后来搜索了一下,找到了一个方法,我用的Intellij IDEA是12的版本,在/Applications/IntelliJ IDEA.app/bin/下找到idea.vmoptions文件,打开加入一行

-J-Djava.awt.im.style=on-the-spot

保存后,重新打开IDEA,切换到中文输入法,还是不行,再试一下,我关掉IDEA,先切换到中文输入法,再打开IDEA就好了,这个方法同样适用于Mac版的PhpStorm。

—分割线—

调查还是上次的那个《关于饮用水》,欢迎各位参与,结果下次公布。

欢迎订阅我的微信公共帐号:“Laoer杂谈”,搜索微信号:laoertalk,或扫描页面右侧的二维码
新浪微博:@laoer
Twitter:@laoer

中国式教育

周末2天围绕着孩子,做了2件事情,1是参加幼儿园举办的幼小衔接讲座,2是宝宝参加小学的报名面试。在中国,孩子的事情可能是一个家庭最重要的事情,其中入托、入学又是重中之重了,宝宝今年下半年就要上小学了,相关的事情都要准备起来了。

幼儿园举办的幼小衔接讲座,是请了一名小学老师,通过实例讲孩子从幼儿园到小学这个阶段需要注意和准备的事情,里面有些东西我还是认同的,比如幼儿园以玩为主,学校就是正规教育了,需要让孩子在心理上有所准备,并对上学产生积极的向往,同时在生活自理能力上要充分准备,比如要独立吃饭、学会打扫和整理、适应集体生活等等,毕竟学校老师不会像幼儿园老师那样在生活上细致的照顾。但后面讲到是否要先学习拼音这个问题上,我感到非常的无奈,甚至是有些愤怒,在电视上,所有的教育专家都说,在小学前不需要学习拼音,而这个小学老师却说,孩子需要在上学前学习拼音,要不然上学会很吃力,我不知道是教育部门的教学大纲有问题,还是学校老师推卸本应承担的教育责任,这对于家长来说,已经是没有选择了,必须要让孩子在学前学习拼音,因为谁也不会冒这个风险(我家的宝宝已经在外面报班学习了拼音)。另外我还有个深刻的体会,老师的讲座中,所表达出来的教育理念,完全还是一种僵化的形式,和我上学的时候相比,这么多年来没有什么改变,可以预见孩子们的创造力将要被完全的抹杀了。

再说说入学面试,由于最后的面试考场是孩子单独去的,所以实际考了些什么内容从孩子嘴里不能知道全部,但确定的是有拼音和数学,这些本都是应该在小学阶段开始学习的东西,都放到了学前考试,另外,在报名表上,家属栏里的父母信息,必须填写工作单位和详细职务,所有的这一切,似乎都要给孩子在入学前就打上身份和等级的标签。

中国的教育体制,一直没有发生过本质的变化,而且现在越来越变本加厉,父母家长围绕着孩子,疲于奔波与各种课外辅导班或兴趣班,我们不幸也成为了其中一员,当孩子出生时信誓旦旦的说要给宝宝一个快乐童年,但面对残酷的现实,也不得不低头了。教育问题是一个体制问题,最终原因,还是人口基数大,教育资源不均衡,学校推卸责任等等,这些问题如果想解决,当然是可以解决的,但这是体制问题。

没办法,谁让你不幸生在了中国!

—分割线—

今天的话题有点沉重,所以没有技术话题了,调查还是上次的那个《关于饮用水》,欢迎各位参与,结果下次公布。

欢迎订阅我的微信公共帐号:“Laoer杂谈”,搜索微信号:laoertalk,或扫描页面右侧的二维码
新浪微博:@laoer
Twitter:@laoer

防盗报警器

搬到新家之后,老婆在淘宝上买了一个防盗报警器,加上运费才140多块,当时我也没当回事,偷懒没装,后来接到一个莫名其妙的电话,说是电信的,知道我家的地址,问我的宽带是否测过速度而且不达标,要上门来检查,我觉得不对劲,就挂了电话,后来询问10000号,根本没这事情,估计是诈骗电话,这让我警惕起来,这个报警器有必要安装上了。

仔细研究了一下说明书,又看了它提供的安装视频,发现这140多块的东西还真的很强大,我们买的这个组合包含了主机、警笛、遥控器2个,门磁1个,红外探头1个等,门磁和红外探头在有人闯入时会触发报警(测试下来灵敏度还是可以的),120分贝的警笛,估计能让上下左右的邻居都听到,小毛贼要仓皇逃窜了,这个报警器还有另一个更有用的功能,它的主机可以连接家里的电话,当触发警报后,可以对外拨号,你可以设置多组电话号码,你可以在第一时间接到报警电话,在电话上你还能远程操作,比如关闭警笛、监听现场声音等等,你还可以录一段音,说明你的地址,报警电话直接设置为物业或是公安局。外出时锁好门,在门外通过遥控器布防,回家进门前先撤防。

这个报警器还有几十个设置选项,很多功能完全超出我的预期,是我根本想不到的,之前看过一篇文章–《周鸿祎谈产品》,里面有一段讲“体验一定要超出预期的才叫体验”,我想这款报警器确实给用户了一个很好的体验,在淘宝上这款报警器一个月卖出几千件,销量也是很好的说明。回头想想,我们做互联网产品何尝不是这样,我们是否把一个产品做到了极致,知否解决了用户的一个实际问题,是否给用户超出预期的体验?

—-分割线—-

现在用Mac的同学越来越多了,在Mac上我尝试使用了很多新浪微博的App(我都找原生的App,不用AIR的),感觉都不太理想,后来使用了Miao,https://beyondcow.com/miao/,可以说这是Mac下最好的一款新浪微博的App,没有之一,它的售价在官网上是¥24,在App Store上是¥25,我觉得这个钱完全值得花,建议在它官网上购买,Miao的更新速度非常快,有时甚至会1日几更新,我遇到了BUG或问题直接和作者联系,他很快就能改好并发布,这个做软件的态度值得称赞。

—-分割线—-

上次的调查《关于阿里巴巴战略投资新浪微博》收到的回复不多,结果如下

你怎么看阿里巴巴战略投资新浪微博
看好,双赢局面(25%)
不看好,又一个雅虎中国(0%)
看不出,需要时间检验(75%)

阿里巴巴战略投资新浪微博是否能打压腾讯微信
能(0%)
不能(25%)
两者好像没有关系(75%)

看来阿里+新浪微博的组合还要时间来验证,至于是否对微信产生威胁,也需要观察。

今日调查《关于饮用水》,欢迎各位参与,结果下次公布。

欢迎订阅我的微信公共帐号:“Laoer杂谈”,搜索微信号:laoertalk,或扫描页面右侧的二维码
新浪微博:@laoer
Twitter:@laoer

保持健康

前一段时间体检,其中一项空腹血糖值达到了6.13mmol/L,超过了3.9-6.1的正常范围,医学上称之为空腹血糖受损,是指空腹血糖在≥6.1mmol/L-<7.0mmol/L之间,即既高于正常标准又低于糖尿病诊断标准之间的一种亚健康状态,空腹血糖受损还不是疾病,但已经有血糖调节异常,它是一种危险状态,很可能发展成糖尿病。另外我的血脂指标也不好,体重指数BMI值偏高,总的来说,健康已经出现了一些问题,给我敲响了警钟,虽然这些都是大家公认的城市病、富贵病。

由于工作性质,每天大量的时间都是坐着,很少活动,下班比较晚,回去也就懒得动了,加上饮食上高油脂、高热量、高糖份,健康不出问题才怪,其实近3年,每周我都要进行一次体育锻炼,是在健身房里跑步,但看来这个运动量远远不够,我现在除了每周固定的运动之外,已经拒绝高脂肪、高糖份的食品,餐饮结构以蔬果为主,配合一定的谷物主食,同时坚持每天晚上少吃,并在吃过饭后在小区内步行20分钟以上,希望通过坚持,把体重也减下来,相信在下次体检时能恢复正常。

前几天研究Java导出SPSS格式数据,在网上找了半天,找到了2个三方库,都叫SPSS Writer,一个在http://spss.pmstation.com,另一个在http://sourceforge.net/projects/spss-writer/,这两个包生成的.sav文件,都会产生一个Demo的列,原来pmstation的这个SPSS Writer是要收费的,估计买了License就不会生成Demo列,pmstation的这个SPSS Writer的这个包还有个问题,就是不支持中文,我用UTF-8的编码也不支持(发邮件给pmstation询问,也没有给我回复),sourceforge的到是支持中文,但是这个包没有源码也没有任何文档,总的来说这两个包都不理想,难道没有比较好的Java导出SPSS格式的三方包吗?

今日调查《关于阿里巴巴战略投资新浪微博》,欢迎各位参与,结果下期公布。

欢迎订阅我的微信公共帐号:“Laoer杂谈”,搜索微信号:laoertalk,或扫描页面右侧的二维码
新浪微博:@laoer
Twitter:@laoer

星点与O2O

近一段时间来,伴随着二维码、Passbook的兴起,O2O的声音特别的热,无论是腾讯、阿里,还是点评、丁丁,都在往O2O概念上靠,其实我们星点网已在O2O的领域里深耕了1年多,今天我们再次深入的探究一下O2O。

O2O(Online to Offline),即线上到线下,其解释可以在搜索引擎上找到,无需再次赘述。按照网上的数据,2011年中国O2O市场规模为562.3亿元,预计2012年将达到986.8亿元,增长率为75.5%,这个市场相当庞大,即使占据1%的市场规模,也足以产生一个上市公司,那为什么O2O会有如此大的市场规模,因为O2O代表服务业,服务业的GDP占有率本身就比制造业高,而在未来,国家将进一步提升服务业的GDP占有量,如果制造业网上销量有5000亿,那么生活服务类的网上销量会达到万亿,所以说O2O就是服务业的电子商务,而服务业的电子商务在中国基本上是刚刚起步。

根据篱笆网创始人徐湘涛先生的说法,从Online到Offline有5个维度:展示、互动、预约、成交和结算,广泛意义上说,从事这5个环节的服务者都可以说是在做O2O,但根据O2O提出人Alex Rampell的概念,O2O模式中必须包含“线下商户的发现或推荐”、“在线支付”、“营销效果的监测”这三大块,如果没有这3块,并不是完整的O2O,比如那种通过优惠信息、点评信息的传递,把用户吸引到一些线下商户的模式,可以叫M2O(Mobile to offline),也就是说,用户使用M2O 平台的场景经常是已经在线下甚至已经在某个线下商户内,通过手机等移动设备提供消费决策支持。

如果要构建一个真正意义上的O2O平台,必须要一套完整的闭环系统,使得信息从线上到线下不会丢失,最后还要返回到线上来,更深层,其闭环系统是一个交易系统,而非一个广告系统,从商业层面看,其是佣金模式,而非广告模式。

对于商家来说,其并不希望一直采用优惠的方式来维持消费人群,他们更希望用户产生忠诚度,这样商家的利润不会降低,说白了,商家内心里不想便宜卖,团购不能天天做,从这个角度看,提供优惠券的O2O,必不能太长久,另外线下商家希望得到的是,多种多样有效的线上营销方式和会员管理功能,O2O如果不能真的帮助线下商家做好营销和用户忠诚度管理,是没有意义的。

在1年多的时间里,星点已完整的构建了O2O所必要的交易闭环系统,星点提供给商家自助的商品发布平台,包含了多种营销方式,比如常态销售、每日闪购、每日抛售、特惠活动等等,帮助商家可以进行多样式、全方位的在线营销。星点网和星点生活(智能手机App)展示商家发布的各种服务类商品,用户通过这2个渠道获得“线下商户的发现或推荐”,同时用户在星点网和星点生活上都可以“在线支付”,支付后获得二维码的电子凭证(二维码作为信息载体,其容量大,识别率高,在一定污损的情况下仍可以被识别),用户持二维码到商家,商家验证后,给用户提供服务,同时商家在星点后台即可实时进行“营销效果的监测”。由此可以看到,星点的平台是一个完整实现Alex Rampell理念的O2O平台,同时又兼顾了商家真正需要的营销功能的平台,除了这些,星点还进行了很多创新,在商家验证方面,星点提供了多种验证方式,包括POS一体机、无线扫描设备、Web验证后台、智能手机的星点商家应用等,在会员管理方面,星点是第一个实现电子集章卡的平台,可以有效的管理用户忠诚度,星点生活iPhone版还是第一批支持Passbook的应用。

星点O2O流程

李开复说:“我们认为O2O未来会改变中国,线上、线下一旦连起来,这是巨大的爆发式的力量”,但是我们确实也看到,O2O的真正成熟,将是一个需要时间的过程,它将伴随着线下商家意识转变与信息化程度的提高,迎来真正爆发的时刻。

上海的蓝天

2012年7月下旬,上海迎来了持续一段的好天气,已经有1个多星期了,每天蓝天白云,无论是官方还是美领馆的PM2.5指数,都是优,之前我也写过一篇关于环境的博客,上海大部分时间都是灰蒙蒙的,PM2.5都是不健康或是对敏感人群有害,这一周多的好天气,都让我产生了错觉,这是我们一直生活的上海吗?

 

 

 

给MacBook Pro更换SSD(固态硬盘)

SSD(固态硬盘)这2年发展比较快,已应用到了现实产品中,不再是试验产品了,而我的MacBook Pro是2010年中的,也感觉到了硬盘的吃力,所以打算把机械硬盘更换为SSD。

要更换SSD确实需要做不少准备,自己动手更换硬件,还是需要先学习一下,网上有不少给MacBook Pro更换SSD的文章,包括更换SSD的具体步骤,我搜到了一个视频,是由科技评论人@王自如TechMessager制作的,录制了更换SSD的详细步骤,是非常好的参照。

更换SSD还是需要一些工具的,十字螺丝刀家里就有,一个比较特殊的T6口螺丝刀需要购买,一次到家乐福购物,在下面的小摊上正好看到有这样的整套工具,25块就顺便买了一套,Mac OS Lion的安装盘也需要一个,参照网上教程,制作了一个U盘启动盘,同时老硬盘里的完整系统、软件还是需要能方便的恢复,所以做了Time Machine备份。

这些准备都做好,剩下一个关键问题就是买何种SSD,最开始我想买镁光M4的,后来看到一篇文章说苹果可能对新的MacBook Pro配置三星830系列的SSD,所以我的目标转向了三星830系的SSD,容量上,我现在的硬盘是500G,但500G的SSD实在太贵了,要将近5000块,够买个iPhone4S的了,而且我现在使用的硬盘容量也就在150G左右,所以还是买256G的SSD吧,多了不用也是浪费,昨天终于下手,在京东上定了一个,价格2199,在淘宝上有便宜的,但担心质量与真假,还是选择了京东,放心点。

具体说下三星830系的这款SSD,我买的型号是MZ-7PC256B/WW Basic Kit,是基本型的,还有其他型的,其实硬盘都一样,就是配件不同,比如针对台式机的有托架和线,这款SSD是7mm的,而原配的机械硬盘是9.5mm的,开始我也怀疑厚度不同,能不能安装,经过实践,我明确的告诉大家,7mm的SSD是没有问题的,还有我这款2010年中的MacBook Pro的硬盘接口是SATA 2的,而苹果配的这块日立的硬盘,竟然是SATA一代的,苹果有些不厚道啊,这款三星SSD是SATA 3的,能向下兼容,但只能跑SATA 2的速度了。

SSD到货,就动手安装了,参考视频教程,拆后盖,注意螺丝顺序,拆硬盘,换硬盘,装后盖,一切非常顺利,插上U盘启动盘,和Time Machine移动硬盘,启动时按option键,进入Mac OS安装界面,我选择从Time Machine恢复,恢复的时间很长,估计有2个多小时,完成之后启动,进入系统果然快了不少,继续优化,安装Trim Enabler工具,开启Trim支持,之后需要重启,重启后再看系统信息里Trim是否开启,我这里没有问题,Trim显示开启了,由于更换了硬盘和恢复了系统,所有mdWorker和mds的进程会持续占用CPU一段时间,主要是重建索引,至此MacBook Pro更换SSD完毕,用AJASystemTest工具测试硬盘读写速度,可达200M/秒,开机菊花基本在2圈半,打开程序的速度明显提高,SSD果真是利器啊。

 

星点传媒诚聘iOS开发工程师

星点传媒是我的创业公司,情况之前的Blog也有介绍,我们现在主要从事O2O业务,诚聘iOS开发工程师。

岗位职责:
负责基于公司iOS应用的技术设计和开发工作。
完成模块代码编写、单元测试、代码维护工作;
编写相关技术文档。

岗位要求:
1、学历不限,一年以上iOS平台开发经验;
2、熟练掌握Objective-C,Xcode等相关技术;
3、熟练掌握iOS SDK中基础、图像2D、网络、位置等相关技术开发及应用,以及常用的iOS程序开发和调试方法和技巧;
4、熟悉TCP/IP和无线通讯协议,熟悉XML、JSON等数据交换格式;
5、良好的规范编程习惯和开发文档编写能力;
6、具备较强的学习能力和沟通能力,具备较好的团队合作能力;
7、有责任感,工作态度严谨,能够承担高强度、高压力的工作;
8、有App store上线应用者优先。

有兴趣的朋友,简历请发至 job@starrymedia.com

解决iOS开发中zxing在release下不能正常工作的问题

zxing是一个开源类库,用于解析条码二维码(1D/2D),实现语言为Java,但其中也提供了Objective-C的一个包,Objective-C的实现只能读取QRCode。

我们最近的一个iOS工程需要在手机上识别我们的二维码,所以我采用了zxing,按照zxing的文档将ZXingWidget工程导入自己的工程,过程比较顺利,在我的iPhone上调试也没什么问题,但当我打成AdHoc版交付测试时,测试发现程序不能识别二维码,我挺奇怪,就在网上搜索,在zxing的FAQ上确实有这个现象的解释

Why does my application decode okay in debug mode on iOS but not in release mode?

You’re compiling with an old version of llvm-gcc or clang. If you use Xcode 4.2, either supported compiler should be fine with optimizations turned on. Older compilers, shipped with Xcode 4.1 and earlier, had an optimization bug in llvm that miscompiled ZXing. If you are using Xcode 4.1 or older, you should use gcc to compile ZXing, not llvm-gcc or clang.

意思应该是说可能使用了老版本的编译器,Xcode4.2之前都存在问题,但我的Xcode已经是4.3了,应该不存在问题,继续搜索其他资料,基本都是英文,但说的也不是很明白,应该是编译器的Optimization问题,后来我将项目引用的ZXingWidget工程的Optimization Level设为None,即-O0,再打AdHoc就没问题了。

具体为选择ZXingWidget工程的Targets中选择Build Setting,将Optimization Level设为None,即下面的Debug和Release都设为None。