衣不如新 http://motype.org 简单的力量 Tue, 24 Apr 2012 12:40:37 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 iPhone 4 sam漏洞软解 http://motype.org/tech/iphone-4-%e8%bd%af%e8%a7%a3/ http://motype.org/tech/iphone-4-%e8%bd%af%e8%a7%a3/#comments Mon, 23 Apr 2012 08:31:17 +0000 admin http://motype.org/?p=325 继续阅读 →]]> 无意中看到iPhone 出了利用ICCID漏洞可以软解的新闻，到weiphone看了一下原贴，照着做下来，激活一直显示您的iPhone有问题。我的美版AT&T的机器，帖子教程中提供的IMSI另外的前缀也一直出错。后来看到另外帖子中提供一个AT&T的IMSI，成功激活。遇到相同问题的AT&T的机器，不妨试试这个IMSI 310150121192317

其它版本机器同学可以参照weiphone的帖子：SAM 虚拟SIM激活解锁原理及操作全攻略,如果卡在第15步，可以咨询同机型的童鞋用过成功的IMSI。

]]> http://motype.org/tech/iphone-4-%e8%bd%af%e8%a7%a3/feed/ 0 http://motype.org/tech/322/ http://motype.org/tech/322/#comments Fri, 20 Apr 2012 03:21:20 +0000 admin http://motype.org/?p=322 继续阅读 →]]> 遇到App对角同时有可点击区域的时候真是无语，设计师你们从来不用大姆指点屏幕的么，你点右上角的按钮的时候，姆指肚不会误触发左下的按钮么？

]]> http://motype.org/tech/322/feed/ 0 WebApp化（二）apple-touch-startup-image http://motype.org/tech/apple-touch-startup-image/ http://motype.org/tech/apple-touch-startup-image/#comments Wed, 18 Apr 2012 06:15:41 +0000 admin http://motype.org/?p=318 继续阅读 →]]> 当把网站通过safari添加到主屏幕功能放置到移动设备桌面上以后，通过设置apple-touch-startup-image可以为WebApp设置一个类似NativeApp的启动画面。

在<head></head>区域加入<link rel="apple-touch-startup-image" href="/startup.png">即可。

在iPhone及iTouch设备上，只支持竖屏模式，图片分辨率为320×460。在iPad上支持竖屏和横屏两种模式，分辨率分别为768x1004和748x1024，注意横屏模式的图片宽高以及内容显示方式。参考下面的示意图： 启动画面示意图

apple-touch-startup-image不支持sizes属性，因此，不能像 apple-touch-icon 一样用sizes来支持多种设备屏幕，这里要用到media querys属性：

<link rel="apple-touch-startup-image" href="/startup-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />

<link rel="apple-touch-startup-image" href="/startup-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" />

<link rel="apple-touch-startup-image" href="/startup.png" media="screen and (max-device-width: 320)" />

视网膜屏下的启动画面（Retina）

iPhone4及4S的屏幕分辨率为640×960，用320×460的启动画面显得有些模糊，可不可以用更高的分辨率呢，测试iPhone4及4S在IOS5.0以上系统是支持更高分辨率的显示画面的，不过用media queries是无效的。

国外看到一篇文章中提出用javascript来操作，经实验是有效的，具体步骤如下：

  1. 在DOM载入完毕以后执行js脚本；
  2. 检查浏览器是否为IOS系统；
  3. 检查是否为视网膜屏幕（Retina）；
  4. 检查IOS系统是否为5.0及以上；

以上条件成立，刚在head区域插入相应的link标签

<link rel="apple-touch-startup-image" href="/startup2x.png" />

startup2x.png为640×920分辨率的启动画面。

具体JS代码如下：

    <script type="text/javascript">
        // Hides the addressbar on non-post pages
        function hideURLbar() { window.scrollTo(0,1); }
        addEventListener('load', function() { setTimeout(hideURLbar, 0); }, false );
    </script>
    <script type="text/javascript">
        function hasRetinaDisplay() {
            return (window.devicePixelRatio >= 2);
        }
        function isAppleDevice() {
            return (/iphone|ipod|ipad/gi).test(navigator.platform);
        }
        function iOSNewerThan(majorVersion) {
            if(isAppleDevice()) {
                // Check the version
                var pattern = /iPhone OS (.*) like Mac/;
                var result  = navigator.userAgent.match(pattern); // Returns "iPhone OS X_Y like Mac, X_Y"
                var version = result[1].split(''); // Returns X, Y
                var release = version[0];
                return (release >= majorVersion);
            }
            return false;
        }

        // When we're ready to go...
        jQuery(document).ready(function() { 
            if(hasRetinaDisplay() && iOSNewerThan(5)) { 
                var highResSplash = '<link rel="apple-touch-startup-image" href="/startup2x.png" />'; 
                jQuery('head').append(highResSplash); 
            }
        });
    </script>

The New iPad上的启动画面是否可以同理用JS脚本来解决，尚未测试，有兴趣的同学可以试一下。

参考网址: http://www.paulofierro.com/

Safari Web Content Guide — Configuring Web Applications

]]> http://motype.org/tech/apple-touch-startup-image/feed/ 0 WebApp化（一）apple-touch-icon http://motype.org/tech/apple-touch-icon/ http://motype.org/tech/apple-touch-icon/#comments Fri, 13 Apr 2012 15:27:27 +0000 admin http://motype.org/?p=303 继续阅读 →]]> 在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。apple-touch-icon是IOS设备的私有标签，如果设置了相应apple-touch-icon标签，则添加到主屏上的图标会使用指定的图片。在<head></head>区域加入下面代码即可。

<link rel="apple-touch-icon" href="/custom_icon.png"/>

apple-touch-icon 标签支持sizes属性，可以用来放置对应不同的设备。

<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

分别放置57×57（默认值）的图标对应320×640的老设备，72×72对应ipad，114×114对应retina屏的iPhone及iTouch。由于手头没有iPad3，所以没测试是否支持144×144的图标在iPad3上的显示。

虽然官方都用的png图片做说明，但实际测试jpg格式也可用（不推荐），图片无需做圆角处理，同Native App一样，系统会自动为图标添加圆角及高光。如果不想系统对图标添加效果，可以用apple-touch-icon-precomposed代替apple-touch-icon。

图标搜索的优先级如下：

  • 如果没有跟相应设备推荐尺寸一致的图标，那个会优先使用比推荐尺寸大，但最接近推荐尺寸的图标。
  • 如果没有比推荐尺寸大的图标，会优先选择最接近推荐尺寸的图标。
  • 如些有多个图标符合推荐尺寸，会优先选择包含关键字precomposed的图标。

如果未在区域指定用link标签指定图标，会自动搜索网站根目录下有apple-touch-icon...或者 apple-touch-icon-precomposed…前缀的图标。 如设备推荐尺寸为57x57,优先级如下：

  1. apple-touch-icon-57×57-precomposed.png
  2. apple-touch-icon-57×57.png
  3. apple-touch-icon-precomposed.png
  4. apple-touch-icon.png

偷懒的方法，可以直接设置一个最大尺寸的图标，如我测试使用一个114×114大小的图标，在iPhone4以及iPad2上都可以正常显示。以上内容在iPhone4以及iPad2上测试通过。

参考网址: Safari Web Content Guide — Configuring Web Applications

]]> http://motype.org/tech/apple-touch-icon/feed/ 1 Block Formatting Context （块格式化上下文） http://motype.org/tech/block-formatting-context/ http://motype.org/tech/block-formatting-context/#comments Tue, 10 Apr 2012 07:26:46 +0000 admin http://motype.org/?p=298 继续阅读 →]]> Block Formatting Context （块格式化上下文）是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。

在创建了 Block Formatting Context 的元素中，其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。在 Block Formatting Context 中相邻的块级元素的垂直边距会折叠（collapse）。

在 Block Formatting Context 中，每一个元素左外边与包含块的左边相接触（对于从右到左的格式化，右外边接触右边）， 即使存在浮动也是如此（尽管一个元素的内容区域会由于浮动而压缩），除非这个元素也创建了一个新的 Block Formatting Context 。

当一个HTML元素满足下面条件的任何一点，都可以产生Block Formatting Context

  • float的值不为none。
  • overflow的值不为visible。
  • display的值为table-cell, table-caption, inline-block中的任何一个。
  • position的值不为relative和static。
前一篇提到的IE的hasLayout 与BFC大同小异，但IE系列的浏览器，直到IE8才有BFC的概念，所以当一个元素在IE6/7下触发了hasLayout而在其它浏览器下未触发BFC，或者在IE下未触发hasLayout,而只触发了BFC的时候，就可能有兼容性问题。

IE6/7最常用的就是zoom:1这个属性触发hasLayout了，结合BFC的触发条件，常用zoom:1和overflow:hidden这对组合。

 

]]> http://motype.org/tech/block-formatting-context/feed/ 0 IE 专有的 Layout 及 hasLayout 属性 http://motype.org/tech/haslayout/ http://motype.org/tech/haslayout/#comments Thu, 05 Apr 2012 03:45:45 +0000 admin http://motype.org/?p=288 继续阅读 →]]> ‘Layout’ 是 IE 的专有概念，它决定了元素如何对其内容进行定位和尺寸计算，与其他元素的关系和相互作用，以及对应用还有使用者的影响。

    • 概念说明：
      • ‘Layout’ 可以被某些 CSS property（特性）不可逆的触发，而某些 HTML 元素本身就具有 layout 。
      • ‘Layout’ 在 IE 中可以通过 hasLayout 属性来判断一个元素是否拥有 layout ，如 object.currentStyle.hasLayout 。
      • ‘Layout’ 是 IE 浏览器渲染引擎的一个内部组成部分。在 IE 浏览器中，一个元素要么自己对自身的内容进行组织和计算大小， 要么依赖于包含块来计算尺寸和组织内容。为了协调这两种方式的矛盾，渲染引擎采用了 ‘hasLayout’ 属性，属性值可以为 true 或 false。 当一个元素的 ‘hasLayout’ 属性值为 true 时，我们说这个元素有一个布局（layout），或拥有布局。
    • 默认拥有hasLayout的元素
<html>, <body>
<table>, <tr>, <th>, <td>
<img>
<hr>
<input>, <button>, <select>, <textarea>, <fieldset>, <legend>
<iframe>, <embed>, <object>, <applet>
<marquee>
    • 可触发hasLayout的属性
display: inline-block
height: (除 auto 外任何值)
width: (除 auto 外任何值)
float: (left 或 right)
position: absolute
writing-mode: tb-rl
zoom: (除 normal 外任意值)
    • IE7的一些css属性同样可触发（不完全，考虑到目前国内IE6份额，不建议使用）
min-height: (任意值)
min-width: (任意值)
max-height: (除 none 外任意值)
max-width: (除 none 外任意值)
overflow: (除 visible 外任意值，仅用于块级元素)
overflow-x: (除 visible 外任意值，仅用于块级元素)
overflow-y: (除 visible 外任意值，仅用于块级元素)
position: fixed
]]> http://motype.org/tech/haslayout/feed/ 0 正则图解 http://motype.org/tech/regex/ http://motype.org/tech/regex/#comments Mon, 02 Apr 2012 10:42:03 +0000 admin http://motype.org/?p=283

]]> http://motype.org/tech/regex/feed/ 0 REPLACING THE -9999PX HACK (新的图片替换) http://motype.org/digu/replacing-the-9999px-hack-new-image-replacement/ http://motype.org/digu/replacing-the-9999px-hack-new-image-replacement/#comments Wed, 28 Mar 2012 06:01:29 +0000 admin http://motype.org/?p=281 继续阅读 →]]> .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
  • Really long strings of text will never flow into the container because they always flow away from the container.
  • Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.

原文：http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/

 

]]> http://motype.org/digu/replacing-the-9999px-hack-new-image-replacement/feed/ 0 air-ssd的硬盘盒 http://motype.org/weibo/air-ssd-box/ http://motype.org/weibo/air-ssd-box/#comments Tue, 06 Mar 2012 14:16:21 +0000 admin http://motype.org/?p=274 上次换硬盘换下来的64G的SSD，一直不知道怎么处理，前两天忽然心血来潮淘宝了下，居然有人在卖air的ssd硬盘盒。看着还过的去，就试了下。

做工一般，不过比起owc之前那个巨大的砖头，还算好了。不太对得起二两多的价格，带的数据线很粗硬，不方便携带。如果不是实在没得选，不算是个好选择。

由于没有支持usb3.0的机器，测了下速度，基本上算是满速了。或许将来usb3.0的机器普及了有点用处。

]]> http://motype.org/weibo/air-ssd-box/feed/ 3 IT男都来看一看吧，背痛…… http://motype.org/digu/beitong/ http://motype.org/digu/beitong/#comments Sat, 18 Feb 2012 04:43:51 +0000 admin http://motype.org/?p=262 在英国，什么是请病假的最大理由？答案并非普通伤风感冒，而是背部疼痛。 背痛折磨着三分之一的英国成年人，国家每年的花费超过50亿英镑，是众所周知难以治疗的疾病。背痛真的是因为坐得太久吗，椎间盘是背痛的主要凶手？如果有 背痛，真的需要去看医生吗？让我们一起来了解一下这个“最大请假理由”的误区。

背痛不是天意：它的出现往往是有原因的。

我们的背由34块脊椎骨、约150块肌肉、无数的韧带和脊柱关节、以及密集度不亚于脑部神经的独立神经系统组成。正是这件精密而稳定的仪器，在一直默默支撑我们，使我们的体态得以保持。

背痛主要由“椎间盘”引起？

实际上，椎间盘引发背痛的概率只有5%，95%的背痛是由其它原因引起的：比如肌肉组织虚弱，韧带不堪重负，椎骨链接不畅——所有疏于锻炼的后果。 而椎间盘问题一般不会致痛，因此往往在X光检查的时候才被顺带查出来。需要注意的是，椎间盘问题严重到一定的程度之后，有可能对神经造成压迫，从而引发麻 痹症状，需要立即就医治疗。

为了保证椎间盘状态正常，我们必须保持湿润。也就是说，必须注意每天饮用足量的水。只有在水分充足的情况下，椎间盘才能保持弹性，分泌足够的组织 液。另外也要有充足的运动。最佳运动方式如下：肩部放松直立，伸直手臂向下弯腰，直到手指触地。起身，脚尖站立，手臂尽量向上伸展。

休息可以缓解背痛吗？

答案是：不可以。对背部而言，与神经肌肉的道理是一样的：不活动就会萎缩。背部如果得不到锻炼，深层肌肉能力就会减弱，椎间盘得不到足够的支撑，背 部结构的稳定性逐渐消失，脊椎骨连接松动，关节退化的风险增加。因此，我们要经常以自然的方式活动背部，用正确的方法提举重物。背部越强健，出毛病的机会 就越小，哪怕在你偶尔姿势错误的时候。

背痛的话就应当经常去看医生吗？

第一时间的医疗手段不是针对背痛的必要行动。有经验的骨科医生证实，无论采取治疗手段与否，90%的背痛患者都会发现症状会在六周后自动消失。恢复 的关键在于，保持背部处于积极的活动状态，到健身中心或者背部锻炼机构学习相应的运动方法。如果发现背痛，不要一味休息，也不要服用高剂量镇痛药，因为这 些药常常有不小的副作用。要信赖自然疗法。要记住：80%的背痛都是由于背部缺乏锻炼而不是负担过度造成的。

健康的背部不会痛吗？

这句话并不总是对的。强健的背部也会痛。与深层肌肉结构相比，外部肌肉对背部的重要性并没有那么大。前者的作用在于维持脊柱平衡同时避免背部疼痛。 深层肌肉和脊柱体是紧密依附在一起的。健身俱乐部的器械在它们身上起不到作用。而瑜伽、气功，以及太极类的东方治疗手段则能够很好地锻炼深层肌肉。如下所 述的侧边伸展运动可以有效地强健你的背部深层肌肉：直立，双脚分开与肩同宽，左臂伸直向上举，右臂紧贴身体，缓慢从大腿滑向膝盖方向，重复三次。然后换方 向，右臂上举，换用身体另一侧。

坐太久了背部才会出问题？

这又是另一个认识误区。大部分人白天保持坐姿的时间大概有11.5个小时，如果这个时间能缩短当然最好。但问题的来源并不是“坐”这个状态的本身，而是因为我们在坐的过程中太少起来活动。那么，多活动，多做操，多散步。

——摘自ARD德国
Hademar Bankhofer（德）, 保健专家

]]> http://motype.org/digu/beitong/feed/ 0