关于设备转向后的自适应

关于移动端的适配,都知道其实 rem 是比较好的一个适配方案,但是 rem 是根据根目录的字体大小来调解的,那么,我们在做网页的时候,屏幕旋转后,能否让根目录的字体跟着变化呢?

先上代码:

1
2
3
4
$(function(){
var size = $(window).width() / 25;
$('html').css('font-size': size);
});

这样在 css 中用 rem 单位是没什么问题,但是如果屏幕旋转之后,你就会发现,真的不能看了就。原因就是屏幕旋转以后,根上的字体并没有随之变化。

所以我们来加上

1
2
3
4
5
6
7
8
9
10
11
12
13
// 监视设备方向
window.addEventListener("orientationchange", function() {
media();
}, false);

function media(argument) {
// 因为获取尺寸出错,需要延迟获取
setTimeout(function(){
var size = $(window).width() / 25;
console.log('the device size: '+size);
$('html').css('font-size', size);
}, 200);
}

SOLOVE Air-M20000

第一次为产品写评测吧我这是,也不太记得了。不过以下这个电源,觉得值得写上一篇。

阅读更多

纪念

纪念

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mn>25</mn>
<mo> &#x00D7;<!--multiplication sign --></mo>
<msup>
<mrow>
<mn>2</mn>
</mrow>
<mrow>
<mn>6</mn>
</mrow>
</msup>
<mo>=</mo>
<mo>?</mo>
</math>

以上,为了纪念!

nitrous.io

世界,真心是美好的啊!

好吧,再使用 nitrous 之前,我一直都不知道,原来世界可以如此美好。

不需要 Dropbox 君,不需要 git 的 master 了,而且可以随时随地 hexo。

妈妈再也不用担心我的 md 文档丢失了。。。

这货不仅仅是 node.js,还有 Rails,python 以及 Go 环境哦。。。

亲们,还在等什么。如果 windows 下的 Ruby 环境配置让你想砸机子的冲动,那么赶快来nitrous.io吧!

hexo-generator-feed

前段时间想通过 QQ 邮箱将自己的写的博客里的文章转发到 QQ 空间去。众所周知,这种转发似乎只有通过 QQ 邮箱发邮件转发一条路。要不就只有 Ctrl+C,Ctrl+V。我是很厌恶这种方式的。

阅读更多

bye-google-reader

今早一打开网页,满篇都是关于 Google 将于 7 月 1 日正式关闭 Reader 的消息.

再见吧,Reader. 这八年,基本每天,我都会去看看你...

可是又能如何,到了该走的时候了.即便这个理由让我完全无法接受.

Bye, 我亲爱的 GReader...

Auto-save-photo-to-qqmail

前言

为什么是 QQ Mail?

因为它大,而且不断自动扩容,你想把它装满暂时是不太现实. 而且来说,QQ 邮箱的体验还是非常不错的!过滤规则也很能满足要求,归档搜索查找都不错!一些不涉及隐私而又想保存的文件或者照片或者其他什么东东,存在 QQ 邮箱里还是不错的!比如:XXX

阅读更多

Gmail 的转发上限

在 Gmail 中创建转发过滤器是有上限的,这个估计没有多少人知道!我想也是因为没有多少人有实际的需求…

今天我在 Twitter 上抱怨 Gmail 里的邮件过多,占用了很大一部分空间,以至于我的 Gmail 空间已经临近上限… 也终于迫使我开始清理邮件!

###问题产生:### 在清理的时候发现,除了一些比较大附件的邮件以外,大部分占用空间的邮件都是一些广告邮件!

我很少设置过滤器删除广告邮件,特别是一些推送服务的广告,不过大多都是直接略过收件箱存档而已,有空了还可以去看看…这也使得我这几年来邮箱里布满了此类邮件!

当然,清理的过程还是比较顺利的,毕竟这些邮件的时效性的原因,这些邮件删除起来一点也不心疼!

那么,对于新邮件该怎么处理呢,总不能继续占用存储空间吧.也不好直接删除,毕竟有的时候我还是要看看的.

那么,过滤器这个时候就起作用了!

我的想法很简单,既然 QQ 邮箱空间是无上限的,而广告邮件又无关乎隐私问题,所以可以放心的转发到 QQ 空间进行保存!所以对一些广告邮件设置了 forward filter…然后问题来了,当我建立到一定的数量的时候,Gmail 开始提醒我“转发邮件地址过多,无法创建过滤器

这可怎么办,总该是有解决办法的!于是查阅 Gmail 的帮助手册发信,Gmail 是支持布尔运算符来查找邮件的!而这些布尔运算符一样可以创建到 filter 里.

OK,问题到这里就变得简单了…

###解决方案:### 比如说,我要将 renren.com kaixin001.com 高朋 卓越 美团 拉手等邮件过滤直接 forward 到 QQ 邮箱里,那么其实创建一条 filter 就够了!按如下格式renren.com OR kaixin001.com OR 高朋 OR 卓越 OR 美团 OR 拉手,其中“OR”是 Gmail 中所支持的布尔运算符,而且必须大写.

延伸阅读:

希望这篇文可以帮助更多的人更好的利用 Gmail.更详尽的运算符可以查阅Gmail 的帮助手册

NFC 和 O2O

总体来说,这是我最看好的移动应用之一! 注意,是之一.

首先,我要说的是 SNS 网站真的没有再大的作为了!人们已经开始从那些疯狂中开始慢慢冷却了下来,而真正实际用到 SNS 网站的人也是小部分而已.造势,炒作,宣传,营销...当然,我不能否认这些平台在作为传统媒体的延伸甚至是替代品上的功效.

可是又真有多少人会真的坚持活在这种亢奋的状态下.除非有大批的粉丝不停的为自己打鸡血吧?

所以我总认为,移动社交产品可以打住了.至于查找附近聊友的功能,诸如微信以及添加新功能的米聊以及后来居上的一些产品,不要看宣传的标语很美,实际上还不是沦为宅男腐女查找就近炮友的必备品而已!

好吧,对 SNS 产品的吐槽结束了,我真正要说的是 NFC 以及 O2O 这两个东西!

首先我们需要扫盲一下,NFC 就是 Near Field Communication,翻译过来就是近距离无线通信,是一种短距离的高频无线通信技术,允许电子设备之间进行非接触式点对点数据传输,在十厘米(3.9 英吋)内,交换数据。这个技术由免接触式射频识别(RFID)演变而来.而我们平时所用的交通卡等一类射频卡种,都是 RFID 技术.

<而 O2O(Online to Offline)就不是什么技术了,而是一种互联网商业模式,就是把线上的消费者带到现实中的商店中去在线支付购买线下商品和服务,再到线下去享受服务.

而实际上,团购,就是一种 O2O 模式.可是我心里的 O2O 模式,完全不是像团购那样的垃圾.这种模式在中国,已经早早的走入了死胡同,一条死路!我所要说的 O2O,是一种集合所有商家优惠折扣的消费资源,并一卡通吃的卡片发行商.

而也终于让我遇到一个,这就是么卡.有兴趣的可以去看看,我可没有要推销么卡的意思,也无意为他写什么行销软文.只是在这里纯探讨而已!

好吧,下面让我们实际展望一下,现在很多手机已经开始内置 NFC 技术.比如 iPhone 4S,三星盖世兔等等,那么,你能理解我说什么了,我们以后也就完全可以不必身上大卡小卡的带在身上,一个手机就 OK 了.交通卡,银行卡,还有各大商场卖场的贵宾卡折扣卡,都可以完完全全的装载我们的手机里!

这其实已经应该不是什么新技术,手机代替交通卡和信用卡,日本早就开始做先行者了!而实际上,O2O 模式在中国也才起头而已,而重点,并不是技术怎样怎样,而是线下的资源掌握的如何.要不团购团队中实际上最大的是营销团队呢.

而像么卡这样将所有会员卡全部装到手机里的模式,一样取决于,谁掌握了最大的市场!当你的卡通吃了全世界大大小小的商家卖场的时候,相信所有人都愿意只带着一部手机走遍天下的感觉!

好了,展望结束...大家想去吧,哈哈!