Fomly

Link: qooxdoo

qooxdoo is a comprehensive and innovative Ajax application framework. Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications. No HTML, CSS nor DOM knowledge is needed.

又一JS包，功能差不多那些，什么OO的实现，还有一些UI组件。
提供了相应的API，以及它的DemoBrowser
点击这里下载：qooxdoo 0.8

Link: WaveMaker

The WaveMaker platform consists of two components: WaveMaker Visual Ajax Studio™ for developing rich internet applications and WaveMaker Rapid Deployment Server™ for deploying applications into a standard and secure Java environment.

网站上说的是WYSIWYG（所见即所得）的Web2.0开发工具，即是可以通过拖拽组件等方式，可视化的来创建一个Ajax工程。还包括数据库的连接，对后台Java环境的支持。有不清楚，可以看看它的演示视频看起来很是不错。
这里还有几个用它做好的Demo
可以从这里下载，下载相应操作系统的版本

Link:Print Watermarks with CSS

通过CSS来控制打印时候水印，作者不是通过把水印作为背景来打印，因为只有在打印的时候，特别设置了打印背景才会打印出水印。所以作者直接把水印放在一个DIV里面，通过定义外链CSS的media来实现的.在网页显示的时候，把水印DIV设置为Display:none;而在用于打印的CSS里（即在media=print的外链CSS里），调整DIV层的位置来实现。同时还利用CSS 的fixed position，使打印的每页里都出现水印。
这是用于打印的CSS里定义的水印样式片段，为了兼容多种浏览器，用了许多CSS hacks

div.watermark{
display:block;
position:fixed;
z-index:-1;
width:100%;
height:100%;
}
div.content > *:first-child,x:-moz-any-link{margin-top:0;}/* ff only */
div.watermark,x:-moz-any-link{z-index:auto;}/* ff only */
div.watermark,x:-moz-any-link,x:default{z-index:-1;}/* ff3 only */

@media all and (min-width: 0px){div.watermark{width:8.5in;}} /* opera only */

div.watermark div{
position:absolute;
left:0;
width:99%;
}

这里有Demo，进入之后，点击浏览器里的打印预览就能看到效果。

Link:ImageInfo – reading image metadata with JavaScript（继续翻墙面）
和前面的Reading ID3 tags with JavaScript一样，一个简单的读取图片信息的JS包，如果导入了它的Exif.js还可以读取到照片的Exif信息。
使用方法也一如继往的简单，导入所需的包之后

// URL of the image (must be on the same domain!)
var file = “prettypicture.jpg”;

// define your own callback function
function mycallback() {
// either call the ImageInfo.getAllFields([file]) function which returns an object holding all the info
alert(
“All info about this file: ” + ImageInfo.getAllFields(file).toSource()
);

// or call ImageInfo.getField([file], [field]) to get a specific field
alert(
“Format: ” + ImageInfo.getField(file, “format”) + “, dimensions : ” + ImageInfo.getField(file, “width”) + “x” + ImageInfo.getField(file, “height”)
);
}

// finally, load the data
ImageInfo.loadInfo(file, mycallback);

这里有Demo可看

点击率下载imageinfo-0.1.1.zip [8.29 KB]

Link:Reading ID3 tags with JavaScript（貌似要翻墙才能打开）
通过JS读取MP3的ID3标签，使用比较简单，把从网站上下载的两个包导入，再用下面的代码就可以了

// URL of the mp3 file (must be on the same domain!)
var file = “mymusicfile.mp3″;

// define your own callback function
function mycallback() {
// either call the ID3.getAllTags([file]) function which returns an object holding all the tags
alert(
“All tags in this file: ” + ID3.getAllTags(file).toSource()
);

// or call ID3.getTag([file], [tag]) to get a specific tag
alert(
“Title: ” + ID3.getTag(file, “title”) + ” by artist: ” + ID3.getTag(file, “artist”)
);
}

ID3.loadTags(file, mycallback);

还有个Demo可以看
点击下载 id3.zip [3.17 KB]

Link: MooTools 1.2 Image Protector: dwProtector

Here’s how it helps:

• Prevents right-click “Save Image As”.
• Prevents dragging an image to the desktop.
• Prevents right-click “Save Background As”.
• Prevents right-click “View Background Image”

基于mooTools保护图片的东东，在要保护的图片上加了一层blank 图片，防止右键保存、拖拽到桌面等功能。不过怎么说呢这种东东也只能防君子防不了小人，要想突破方法是多种多样的，嘿嘿。

使用比较简单

1. window.addEvent(‘domready’, function() {
2. var protector = new dwProtector({
3. image: ‘/blank.gif’,
4. elements: $$(‘.protect’)
5. });
6. });
   

这里有个Demo，大家可以去看看。

Link: NoGray Time Picker

The first ever Time Picker that utilize a very easy drag and drop interface. With it’s unique design, anyone can drag the minutes or hour hands independently to select a time. Here is a quick list of features:

• Easy to use and implement.
• Independent hours and minutes hands.
• Drag the clock hands to set the time.
• Uses CSS spirits for faster loading time.
• 12 or 24 hour output with and AM and PM (translatable) ticker.

比较另类的时间选取器，和一般的时间选数字不同，是通过拖拽时针分针来选取时间。基于mooTools的。
功能简单，使用同样简单。

HTML:

<input type="text" name="time2" id="time2" /> <a href="#" id="time2_toggler">Open time picker</a>
<div id="time2_picker" class="time_picker_div"></div>

later
…
Script:

var tp = new TimePicker('time2_picker', 'time2', 'time2_toggler', {format24:true});

Link: pushup

Pushup is an effort to push the web forward by helping users upgrade their outdated browsers. Give your users a better web experience today by installing Pushup on your domain!

说得很是复杂，其实就是一个比较友好的提示用户升级浏览器的提示。功能简单，使用也是比较简单的。

作者网站上有Demo