Retina屏下的1px边框的实现

Retina 下的真 1px 的东东现在常见的实现无非就是 图片 阴影 缩放 每种都有各自的用处。 前段时间写了个“软图片”的实现 .border { background-image:linear-gradient(180deg, red, red 50%, transparent ...
Posted in Web开发 | Tagged | 6 Comments

更新浏览器缓存

开始之前可以先看下这个 Self-updating scripts,看完了接着。 动态构建iframe 的好处在于,想清啥就清啥,清的不一定是固定的资源,总会有需要清滴的。IE还有可以让要清的js不用运行,webkit的好像没找到适合的方式。 function clearCache(js) { i...
Posted in Web开发 | Tagged , | 15 Comments

利用浏览器缓存来加速图片广告显示

显示一个广告通常顺序为 向服务端请求数据,看看该显示啥图片 请求图片 下载图片 或者 使用本地缓存 在这种情况下除了下载图片花时间外,请求数据有时也挺花时间,像请求阻塞这种还可以调整优化,但网络问题基本是没救的。 通常说广告显示得慢就慢了,无所谓,但是对于把广告当内容用的主,开天窗(就是页...
Posted in Web开发 | Tagged , | 5 Comments
2x

Retina 显示屏下 @2x 图片的模拟

前几天在不小心看到传说中Apple在其网站让网页图片支持 Retina Display 的 JS image_replacer.js ,结果认真看了一下,代码中比较好玩的地方是用 ☃ 当“变量”,但核心实现却无比坑爹,居然是图片多做一份@2x 的版本,发现是高分屏,就把图片的地址换下。 =。= 在高...
Posted in Web开发 | Tagged , , , | 10 Comments
transform-rotate

transform:rotate在手机上显示有锯齿的解决方案

transform:rotate 属于简单好用的效果,但在手机上显示时,会有比较明显锯齿。 解决方案也很简单, 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决。 原理没去深究,理论上是矢量跟位图的处理不一样,这个方案也有个小问题 就是图片变小了 ^_^ ...
Posted in Web开发 | Tagged | 3 Comments

暂停页面资源占用

“暂停页面资源占用”其实是个function,javascript也是可以用中文来写滴 function 暂停页面资源占用(){ 幻灯广告2.暂停(); 文字滚动5.暂停(); 啥啥啥动画.暂停(); 定时更新长链接.低迷模式(); } 为什么要这样做呢? 装厚道,把资源让给别人,有些情况下...
Posted in Web开发 | Tagged | 5 Comments
louis

带图案的二维码

那个黑不溜秋的二维码大家都见过吧。最近随着高档手机才稍微有人知道,大家用这个 QR-Code Generator,生成自己想要的信息,比如生成这样: ^_^ 如果你用iPhone 的话。可以用ScanScanIt 这样的app来解码。其他手机自己想办法。 好了,现在来说明为什么那个二维码有图...
Posted in 乱七八糟 | 11 Comments

判断一个网页是否适合手机浏览

最近在做一个项目,需要知道一个网页是否适合手机浏览,想了点方案。 1.域名: 二、三级域名中包含有m 3g wap mobile 的算是。当然像 mobile也有坑爹的 比如像mobile.qq.com,mobile.yahoo.com 2.网页的DTD: XHTML MP 或 wap <!D...
Posted in Web开发 | 3 Comments
iphone weather icon

iPhone Web App 动态 icon

不记得什么时候发现 iPhone 收藏到桌面的网页,在每次打开后会更新apple-touch-icon 的图片,也正是因为这个特性,我们可以用来动态更新icon 看下这个例子 http://aoao.ws/app/testicon/ 这个真的是iPhone Web App哦。不是iOS的,不信用iP...
Posted in Web开发 | Tagged , | 3 Comments
job

所谓招聘

最近做了个好玩的招聘视频,大家娱乐一下。 看不到的同学可以到http://v.youku.com/v_show/id_XMjA5ODI2OTE2.html...
Posted in 乱七八糟 | 19 Comments