所有18 展开类目

翻译:WebKit for Developers

2013/03/06
嘘...

Paul Irish 大湿为我们带来了这篇开年大作,文章深入浅出的阐述了各 Webkit port 的迥异,文笔细腻,是一篇不可多得的 Webkit 入门开胃菜。为了让大家第一时间更好的品尝这道大菜,一丝特别邀请了几位 Webkit 专业开发人士作为本文的翻译顾问,在此表示由衷的感谢!

查看《翻译:WebKit for Developers》的全文

loading...

media query ie8- 兼容实现总结

2013/01/28
嘘...

虽然说响应式设计的理想状态是,需对pc/移动各种终端进行响应;但是现实是高分辨率的pc端与手机终端屏幕相差太大,像电商这样有大量图片和文字信息的同时排版要求精准的页面,设计一个同时适应高分辨率pc又适合小尺寸的手机终端是挑战

查看《media query ie8- 兼容实现总结》的全文

loading...

KISSY RichBase 使用

2012/12/28
嘘...

RichBase是一个基础类,通过继承RichBase可以以一种统一的方式创建自己的具有新的属性、并可作为事件目的(RichBase继承自Base,所以拥有Attribute,EventTarget的能力)的类。

 

查看《KISSY RichBase 使用》的全文

loading...

清空当前页面的用户体验

2012/12/10
嘘...

本文为译文,原文地址:(clear current page UX)http://www.stevesouders.com/blog/2012/12/05/clear-current-page-ux/

 

昨天在 Perception of Speed 一文中我写了关于点击一个连接浏览器如何没有立即清除屏幕,而是清除前“等到下一个页面到来”。这提升了用户体验,用户可以浏览当前页面而不是空等待(看到一个空白的屏幕)。

 

那么,到底浏览器何时清除屏幕呢?可以选择下你认为最好的答案:

A.当页面第一个字节到达时

B.当新页面的body元素渲染时

C.当DOMContentLoaded触发时

D.当window.onload触发时

查看《清空当前页面的用户体验》的全文

loading...

Sublime插件API手册

2012/11/28
嘘... 嘘...

Sublime插件开发API手册[中文版]

本文为Sublime插件API手册的中文翻译版本,英文版地址:http://www.sublimetext.com/docs/2/api_reference.html

翻译和理解水平有限,有不当的地方欢迎指正。部分方法描述里添加了些个人的注解,希望有助于理解方法的使用。

后期如果有更多实践经验的话再回过头来修正可能解释有误的地方,或加些注解。

 

查看《Sublime插件API手册》的全文

loading...

JavaScript 语言基础知识点总结

2012/11/27
嘘...

网上找到的一份JavaScript 语言基础知识点总结,还不错,挺全面的。

(来自:http://t.cn/zjbXMmi @刘巍峰 分享 )

查看《JavaScript 语言基础知识点总结》的全文

loading...

sublime插件开发

2012/11/23
嘘... 嘘...

 PS:感谢设寂湿同学的给力banner,感觉自己一下高端了很多 

  在混入UX之前还真的从未用过sublime这等神器,那时我还是Aptana这等庞大IDE的铁杆粉丝。其实aptana做web开发还是很不错啦,因为是基于eclipse平台的,可以很容易集成其它语言开发的环境的插件,插件机制也很丰富,可以用java,python,ruby,甚至是js去写,当然也是要有插件的前提支持的。。不过太过于笨重,有的时候写着写着reflash,重建一次索引啥的都卡好几分钟。。。丫丫的,为了成为一名合格的前端攻城狮,所以还是厚脸无耻的学习下sublime更轻量,强悍的编辑模式的神器。
今天介绍下如何开发sublime插件,参考原文:http://net.tutsplus.com/tutorials/python-tutorials/how-to-create-a-sublime-text-2-plugin/ 翻译来的。
这篇文章主要是基于实现Nettuts+ Prefixr 这个插件来讲述的。
 

查看《sublime插件开发》的全文

loading...

浏览器事件的思考

2012/11/13
嘘...

先看下面的代码:
 
var $ = KISSY.all;
$('a').on('click',function(e){
doSomeThing();//这个方法貌似很有名
e.halt();
});
 
上面的代码看起来像是很好的完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,但这么做到底有什么不对呢?
 
 

查看《浏览器事件的思考》的全文

loading...

Icon font 实践

2012/09/11
嘘... 嘘... 嘘... 嘘... 嘘...

     1、关于icon font

     现在主流浏览器(包括IE6)都支持CSS3的自定义字体(@font-face),因此可以尝试使用font来替换图片展示网站的各种icon。但是各浏览器对于字体文件格式的支持不尽一致。目前主流浏览器对于icon font的支持如下:

  • IE:从IE4开始支持eot格式,IE9开始支持woff
  • webkit/safari:支持TrueType/OpenType(.ttf),OpenType PS(.otf),iOS4.2+支持.ttf,iOS 4.2以下只支持SVG字体; Safari5.1+ 开始支持woff格式
  • Chrome:除webkit支持的以外,从Chrome 6开始,开始支持woff格式;
  • Firefox:支持.ttf和.otf,从Firefox 3.6开始支持woff格式;
  • Opera:支持.ttf、.otf、.svg。 Opera 11开始支持woff;
  • iPad, iPhone and Android 3.0+ 支持SVG fonts。

    使用font-face声明字体:

	
          

查看《Icon font 实践》的全文

loading...