Nov 25
Link: typeface
关于文字渲染一般是通过CSS，调用本地字体浏览器直接对文字进行渲染。但是当本地没有相应字体的时候，整个页面的效果和排版都有可能会受到影响。
为了解决这一问题，有的网站就使用图片的方式，把该文字做成图片的格式嵌入到网站中。但是这时又出现了一系列的问题，当内容变更时，不得不动用PS或者FW来对图片进行修改，这又时修改变得麻烦了；同时对SEO也有很大的影响，因为图片对搜索引擎不是很友好；而且文字不可选择，不能进行复制等操作（当然有时为了版权等，也需要这样的功能）
后面就出现了一个叫sIFR的东东，通过Flash对特定文字进行渲染。可以对渲染后的文字进行选择复制等操作。有一点限制就是需要浏览器对Flash支持。
今天这个Typeface是通过JS使用<canvas>和VML对文字进行渲染。摆脱了Flash限制，使用修改也很方便
<script src="typeface-0.10.js" type="text/javascript"></script>
<script src="helvetiker_regular.typeface.js" type="text/javascript"></script>
<div class="myclass typeface-js" style="font-family: Helvetiker">
Text here in Helvetiker font...
</div>
支持浏览器：Firefox 1.5+, Safari 2+, Internet Explorer 6+
当然它也存在一些限制：一般只用于对Head和Title的渲染，如果对Body中的文字进行渲染，速度会很慢；没用实现:hover这个伪选择器；还有就是对文字的选择支持也不是很好（当然这个对SEO是没有影响的）
这里有Demo
Nov 24
准备换皮肤，留个图备份，Buuf风格:)
使用WindowBlind，IPpackage， Rainlendar，Lanuchy 实现。
Nov 23
Link: Creating a jQuery Dashboard
作者很详细的从PS制作图片到HTML、CSS和JS一步步的讲解了一个基于JQuery的dashboard制作过程。
这里有Demo和源文件下载。
Nov 22
Link: JS custom events roundup
js的自定义事件，文中例举了基于YUI和JQuery的两个例子，很简单注册一个事件再触发：
基于YUI
var foo = new YAHOO.util.CustomEvent('foo event');
foo.subscribe(function(type, args){}, true);
foo.fire();
基于JQuery
$('#foo').bind('bar_event', function(event, param){});
$('#foo').trigger('bar_event');
当然其他Prototype、Dojo、Ext等Lib也是支持自定义事件的。
Read the rest of this entry »
Nov 19
Link: Blackbird
一个Debug包,作者打出的广告词是say ‘hello’ to blackbird and ‘goodbye’ to alert(). 上面是效果图, 效果还是比较酷的,嘿嘿.
支持浏览器:
- Internet Explorer 6+
- Firefox 2+
- Safari 2+
- Opera 9.5
Read the rest of this entry »
Nov 19
Link: jack
Jack is a toolkit for mocking JavaScript objects and functions. The project aims to help developers write short and readable JavaScript tests.
Feature summary
- Set expectations for number of calls and argument constraints
- Specify mock implementations for specific expectation scenarios
- Create mock objects with a list of stub functions
- Reports expectation failures to test frameworks. Currently integrated with JSSpec and Scriptaculous TestRunner
Read the rest of this entry »
Nov 19
Link: Safely parsing JSON in JavaScript
在JSON转换的安全方面作者认为, eval() is an extremely bad idea, 可能会导致注入攻击.作者同时推荐了这篇文章 Douglas Crockford’s “JSON and Browser Security”.
而在转换中作者推荐使用的是json.org上的一个 a handy library .它提供了两个方法:JSON.parse()和JSON.stringify()字符串和JSON对象的互转.其中JSON.parse()使用的是正则方式而非eval()来进行转换.
而目前很多Ajax lib都使用的eval方式,文中以jQuery为例,说了几个作者的原则:
- 绝不使用
$.getJSON()
- 绝不设置Ajax请求的
type选项为‘json.’
作者把type设置为text, 避免jQuery的自动转换, 把数据以文本格式取回来之后再使用上面的JSON.parse()对数据进行转换.
PS: 好长时间没有更新了, 囧zn
Recent Comments