移动端html5之IOS篇

一、在移动端head 中都会加入如下一些app专属的Meta元素

  1. <meta name=”viewport” content=”width=device-width, initial-scale=1,  maximum-scale=1, minimum-scale=1.0,  user-scalable=no”>
  2. <meta name=”apple-mobile-web-app-title” content=“iOS title”>
  3. <meta name=”apple-mobile-web-app-capable” content=”yes”>
  4. <meta name=”apple-mobile-web-app-status-bar-style” content=”black”>
  5. <meta name=”format-detection” content=”telephone=no”>
  6. <meta name=”format-detection” content=”address=no”>
  7. <meta name=”format-detection” content=”email=no”>
  8. <link href=”/images/apple-touch-icon-57×57.png” rel=”apple-touch-icon”>
  9. <link media=”(device-height:480px)” href=”startup/apple-touch-startup-image-640×920.png” rel=”apple-touch-startup-image”>


1、viewport 
width :这个还用说么,,你可以自己手动设置数值,也可等同于设置宽device-width
initial-scale :表示页面初始的缩放比例1:1
maximum-scale:表示允许用户缩放的最大比例
minimum-scale:表示允许用户缩放的最小比例
user-scalable:是否允许用户进行手动缩放(yes/no)

2、apple-mobile-web-app-title
网页默认的title 是不是太长了,可以自己定义一个类似ios app 名

3、apple-mobile-web-app-capable
添加到主屏后,点击图标启动后会隐藏导航和工具栏

4、apple-mobile-web-app-status-bar-style
这个我一直以为是隐藏手机顶部的条,好吧我面壁去了。
其实就是一个背景颜色,默认为白色,可以设置black 和灰色半透明 black-translucent
设置为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度,iphone4和itouch4的Retina屏幕为40px)

5、format-detection——telephone
默认为识别数字为电话号码,telephone=no 为禁止

6、format-detection——address
禁止跳转为地图 address=no

7、format-detection——email
禁止设置识别邮箱,email=no

8、apple-touch-icon 
设置保存到主屏的icon 图标,如果不设置默认为整个页面截图,亲测真的丑到爆好么。
<link href=”/images/apple-touch-icon-114×114.png” rel=”apple-touch-icon” sizes=”114×114″>
<link href=”/images/apple-touch-icon-120×120.png” rel=”apple-touch-icon” sizes=”120×120”>
图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)

9、apple-touch-startup-image
为了高逼格,当然少不了启动动画,模拟的当然要真一些嘛。
<link media=”(device-height:480px)” href=”startup/apple-touch-startup-image-640×920.png” rel=”apple-touch-startup-image”>
<link media=”(device-height:568px)” href=”startup/apple-touch-startup-image-640×1096.png” rel=”apple-touch-startup-image”>
media
设备高度为480px 代表iPhone4/4s
设备高度为568px 代表iPhone5

二、一些元素技巧

10、文件上传
<input type=”file”> 单文件
<input type=“file” multiple > 多文件

11、直接呼出数字键盘
<input type=”tel”>

12、呼出email键盘
<input type=“email”>

13、打电话
<a href=”tel:12345654321″>打电话给我</a>

14、发短信
<a href=”sms:12345654321″>发短信</a>

社会拜金对策

一天,一位其貌不扬的男士,带着一位十分艳丽的OL,来到Causeway Bay一家LV店。他为OL选了一价值6万5元的LV handbag。 付款时,男士掏出支票本,十分潇洒地签了一张支票。店员有些为难,因为这对夫妇是第一次来店购物。
男士看穿了店员的心思,十分冷静地对店员说: "我感觉到,您担心这是一张是空头支票,对吗?今天是周六,银行关门。我建议您把支票和handbag都留下。等到星期一支票兑现之后,再请你们把 handbag 送到这位小姐的府上。您看这样行不行?"
店员放了下心来,欣然地接受了这个建议,并且大方的承诺,递送handbag的费用由该店承担,他本人将会亲自把这件事情给办妥。
星期一,店员拿着支票去银行入账,支票果真是张空头支票!愤怒的店员打电话给那位顾客,客户对他说: "这没有什么要紧啊!你和我都没有损失。上星期六的晚上我已经同那个女孩上床了!哦,多谢您的合作。 "

当工作烦燥无聊时候看看这个

jiong

世界朋友感恩节特供,喜欢的朋友顶一下哈

 

另送

中国版“弱密码”TOP25出炉:超7成为6位字符

国外安全机构SplashData最近针对英语人群总结出2011年度最烂、最易被盗取的25个“弱密码”。11月22日,国内最大的网络安全厂商360安全中心也发布了《密码安全指南》,并根据国内流行的密码破解字典软件破解列表,整理结出中国网民最常用的25个“弱密码”。

据360安全专家介绍,中国网民常用的TOP25 “弱密码”中,有9个与国外网民使用习惯完全相同。其中,除password、abc123、iloveyou、qwerty等全球网民通用“弱密码”外,其余均为数字组合。而简单的数字组合,似乎更是中国网民最爱,占了榜单近半数。比如“666666”和“888888”这样的吉利数,几乎是所有中国黑客密码字典中的必备项,而“5201314”(我爱你一生一世)显然被国人寄予了浓厚的感情色彩,为中国特色“弱密码”。

据统计,网民常用的“弱密码”主要包括简单数字组合、顺序字符组合、临近字符组合以及特殊含义组合等四大类别。而从中国版“弱密码”榜单来看,国内网民更习惯设置6位字符密码,TOP25中竟有18个是6位字符,所占比例高达72%。此外,“a1b2c3”和“p@ssword”这类组合型密码看似复杂,其实也在黑客重点关注的密码列表中。

360安全专家警告称,如果系统帐号或其他网络帐号采用上述“弱密码”,很容易被黑客利用密码字典自动“蒙中”,从而造成个人隐私信息泄漏甚至财产损失。针对部分用户为系统设置简单“弱密码”的登录习惯,新版360安全卫士增加了“黑客入侵防护”功能,可以为用户检测近千个弱密码,并在系统遭受入侵攻击时提示用户修改高强度密码。

与此同时,360安全中心还针对中国网民密码使用习惯发布了《密码安全指南》,建议网民从以下四个方面保护帐号安全:

第一、尽量使用“字母+数字+特殊符号”形式的高强度密码;

第二、网银、网上支付、常用邮箱、聊天帐号单独设置密码,切忌“一套密码到处用”;

第三、按照帐号重要程度对密码进行分级管理,重要帐号定期更换密码;

第四、避免以生日、姓名拼音、手机号码等与身份隐私相关的信息作为密码,因为黑客针对特定目标破解密码时,往往首先试探此类信息。

1321938511920

图:中国网民最易被黑客破解的前25位“弱密码”

附:国内外网民常用的25个“弱密码”

国内网民常用的25个弱密码包括:000000、111111、11111111、112233、123123、123321、123456、12345678、654321、666666、888888、abcdef、abcabc、abc123、a1b2c3、aaa111、123qwe、qwerty、qweasd、admin、password、p@ssword、passwd、iloveyou、5201314

国外网民常用的25个弱密码包括:password、123456、12345678、qwerty、abc123、monkey、1234567、letmein、trustno1、dragon、baseball、111111、iloveyou、master、sunshine、ashley、bailey、passw0rd、shadow、123123、654321、superman、qazwsx、michael、football

[译文]史蒂夫.乔布斯是个伪君子

Dusty Wilson 发表了一篇关于史蒂夫.乔布斯 (Steve Jobs) 的评论,转译如下:

丹尼斯.里奇 (Dennis Ritchie) 是 C 语言的共同发明人, 而后者基本上可以说是整个计算机行业的基础. 他也是 UNIX 的共同发明人, 而 UNIX 也是整个计算机行业的基础, 除了 Windows (尽管 Windows 极大得受到了 UNIX 的影响). 苹果的 OS X 是基于 UNIX 的操作系统. 但是, 很多人以为是史蒂夫.乔布斯一个人做了这一切, 所以他是个救世主. 他"借用"他人的想法, 设计和功能, 而当别人这么做的时候他却牢骚满腹. 1996 年, 他说:"我们不知羞耻的窃取伟大的想法. [1]" 2005 年, 他说:"他们无耻的抄袭我们. [2]" 今年, 他说:"我要毁了 Android, 因为它是偷来的. 我不惜为此发动核战. [3]" 而几乎就是紧接着, 他发布了 iOS 5, 而 iOS 5 充满了 Android 中首先出现的功能. 这人就是个混账. 我对于像他这种伪君子毫无耐性可言.
(这是我对下图的回复. 我觉得我也有必要在此分享. 我对此的看法并非什么秘密.)
[1] We have always been shameless about stealing great ideas.
[2] They are shamelessly copying us.
[3] I’m going to destroy Android, because it’s a stolen product. I’m willing to go thermonuclear war on this.
以下为 11 月 5 日的更新:
因为人们在评论前都不看先前的评论 (糟透了!), 因此我在这里附上我的进一步解释.
1) 我的看法是史蒂夫.乔布斯是个伪君子. 这是本文唯一的重点. 他并非孤身一人达到了他的高度. 他窃取他人 (他也承认这点), 而当别人这么做的时候他就牢骚满腹. 这正是伪君子的定义.
2) 我的看法在史蒂夫.乔布斯死之前很久很久就形成了. 我也不打算就因为他死了这点而停止抱怨. 如果这让我变成一个坏人, 那就这样吧. 只要我们还应当在世间享有言论自由, 我会继续善加利用. 只要人们继续分享他们的神圣的史蒂夫的看法, 我也将继续分享我的反对意见.
3) 不准确的话就变成诽谤了. 但是我所说的一切都直接来自他本人. 他曾说他很乐于偷窃, 而后又怒气冲天, 就因为别人也这么做了.
4) 许多人的回复对我的说法添油加醋. 特别是, 有人说我认为史蒂夫.乔布斯或苹果一文不值或是对世界毫无贡献. 这不对, 我从未如此说过. 参见 1).
5) 我有癌症 (但是我战胜了它), 所以别跟我提他的癌症. 我不会为此痛哭流涕的.
6) 有人说我嫉妒苹果. 我有什么可嫉妒的呢? 搞笑.
7) 我认为苹果的问题是他们施加于他们的顾客, 供应商, 开发者和设备的种种限制. 史蒂夫.乔布斯活在控制或被控制的环境中. 而我生在一个共享和相似共享的环境中. 两者全然不搭.
8) 我认为人们应该汲取他人的想法. 否则世界怎么会变好呢? 自私的保有你的想法的意义在哪儿呢? 除了你自己这样还对谁好处? 狗屁.

(本文不代表本站观点,我们每个人都应该有倾听不同意见的度量,不管你是不是果粉,请文明评论)

本站文章除注明转载外,均为本站原创或编译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区
转载请注明:文章转载自:开源中国社区 [http://www.oschina.net]
本文地址:http://www.oschina.net/news/22898/steve-jobs-is-a-hypocrite

Trick or treat

看到今天好多人都在发万圣节的,我也来发一个~~ 强力版,超级玛丽、机器人总动员、蓝精灵、变形金刚、绿灯侠、钢铁侠

他们遇到南瓜灯后变成了神马! 挑个你喜欢的南瓜灯,大胆呼喊“Trick or treat”!还在犹豫什么

谷歌视频涂鸦:Halloween万圣节快乐

2011-10-31 11:05  来源: webziv.com

今天的Halloween万圣节前夕,Google Doodle在Halloween万圣节到来之前,谷歌涂鸦以6个蓝瓜上面印出万圣节的鬼脸,Halloween万圣节是西方的鬼节,谷歌涂鸦Halloween祝大家万圣节快乐!

Halloween万圣节快乐

在不同的浏览器中,我发现谷歌涂鸦:Halloween万圣节涂鸦不一样,上面Doodle是IE6浏览器上的LOGO,下面是火狐浏览器和Google Chrome上的Halloween万圣节涂鸦,好像是个视频。

Halloween万圣节

Halloween万圣节是西方的鬼节,每年的10月31号,有个Halloween,即是万圣节前夕,谷歌涂鸦值此Halloween万圣节前夕,祝大家Halloween万圣节快乐!

Halloween是All Hallow Eve 的缩写,Halloween是指万圣节(All Hallow‘s Day)的前夕。Hallow来源于中古英语halwen,与holy词源很接近,在北欧的某些区域,万圣节仍然被称为 All Hallow Mas,意思是在纪念所有的圣人(Hallow)那一天,要举行的弥撒仪式,Halloween万圣节也是“鬼节”。

本文出自http://webziv.com/news/1056.html,谢谢大家!

我姐姐让我体验了一次性生活,感觉好低俗

表姐让我体验了一次性生活 表姐今年20出头,虽说不上美女吧,但长的也算上中等了,我们平时很少联系,都是过年过节的时候聚一聚,那天我在商场的餐厅吃饭,正好碰上了她,她刚在商场里买衣服,顺便吃饭,我是个比较内向的人,见了她也不知道说什么,她倒是挺主动的,要请我吃饭,餐厅没啥好吃的,都是快餐,用的都是一次性筷子,一次性纸杯,一次性餐巾,我平时是不怎么来这种地方吃饭,原来这就是“一次性生活”啊,太浪费资源了,我感觉这样不好,我们要爱护环境,尽量不用一次性产品 凡是把“一次性生活”看成了“性生活”的必须留言,并且今年好运连连。

哪个器官在激动时会变大6~7倍

临床医学课上,男老师问:哪个器官在激动时会变大6—7倍?他点了个女生回答,该女生憋了半天红着脸说:我拒绝回答!老师无奈点一男生回答,男生答:瞳孔。老师说:正确!后对那女生说:我有三句话提醒你,一是你没有预习课的内容;二是你又在胡思乱想;三是你婚后会非常失望!

服务员冲厨房喊道:"出来个师傅,帮这位顾客把这块牛肉切一下!"

男子喊道:"服务员,过来一下!" 服务员:"您好,什么事?" 男子怒问:"我20块钱一碗的牛肉面,怎么才一块牛肉?" 服务员:"先生,那您希望有几块?" 男子想了想说:"怎么也得五六块牛肉吧。" 服务员冲厨房喊道:"出来个师傅,帮这位顾客把这块牛肉切一下!"

爱情观与四大名著的关系

【爱情观与四大名著的关系】1)爱情,就像三国,合久必分,分久必合;2)爱情,也像西游,九九八十一难,方才取得真爱;3)爱情,更像红楼,总有一群人对它高山仰止,耗费毕生研究它;4)爱情,最像的还是水浒,不管你有多轰轰烈烈,最终都得被生活招安。

标准的贱男淫!

半夜喝醉回来,趁老婆熟睡的时候,憋足了全身力气一脚将其踹到床下··接着极其愤怒地破口大骂:“去你妈的!老子是有老婆孩子的人!”然后倒头继续装睡。第二天早上,老婆忍着伤痛不仅没责备昨晚醉酒,还端来热气腾腾的牛奶,其中一半都是感动的眼泪·(到底是谁想出这么损的招?)

留意留意!!有没有这样的人?外表活泼内心孤僻的人会做的事

【外表活泼内心孤僻的人会做的事】1手机不离身;2对待不同的人有不同的性格;3从小懂得很多道理;4有时候很神经 有时候很镇静;5会因为别人一句话伤心 但不会被发现;6安慰很多人 但自己却没人安慰;7会怀念从前 讨厌现在;8有时候会笑的没心没肺 有时却很沉默。你是这样吗?