Yahoo yui host提供combo handler服务

Yahoo之前提供了公开的YUI Hosting,现在又在这个基础上进一步提供了combo handler服务。这项服务的目的是尽可能减少http请求的数目,以提高web前端的展现速度,这也是高性能网页开发的14条军规之首。 此前,如果要使用YUI Rich Text Editor,需要引用若干外部js。共计6个http请求。 如果使用combo handler,那么http请求数可以合并成一个,如下: 可惜这个host在国外,对国内的yui用户来说,没有什么帮助。

基于yui grids的wordpress主题 — YUI Autogrid Minima

在yuiblog上看到这个基于yui grids的主题,样式简单到了不行,可能正是某些人喜欢的类型。贴图为证: YUI Autogrid Minima主题的特点 干净简洁的html标签 布局会随着浏览器的大小自动调整,可以试着拖拽浏览器边框,会发现怎么也不出现横向滚动条,侧边栏会自适应宽度 固定不动的侧边栏,像某些对联广告一样 还是那句,样式朴素到了不行 [你可以点击这里下载这个主题.]

我也试用YUI Uploader

早就知道YUI里面有Uploader这么一个上传组件,可以按住ctrl多选文件上传(就像flickr那样的上传),并且可以支持进度条,这样对用户来说是相当方便的。 由于YUI Uploader是利用javascript + flash实现的,所以用户的浏览器上只要有flash player就可以使用,也不需要额外安装别的插件了,这显然也是YUI Uploader的一大优势。 我的YUI Uploader试用之旅 首先下载Uploader批量上传页的html源文件 解压后放置在你的web服务器上,比如我就是在自己的台式机上安装了一个xampp 现在需要一个处理上传操作的后端程序,在这里我是用php简单的写了一个,如果你用别的语言也是不成问题的。在uploader-advanced-source.html的同一目录下放置upload.php,源文件如下: foreach ($_FILES as $fieldName => $file) { $name = md5(microtime()); move_uploaded_file($file[‘tmp_name’], “./” . $name . ‘.jpg’); echo $fieldName . ‘ uploaded!’; } 下载http://yui.yahooapis.com/2.5.1/build/uploader/assets/uploader.swf,然后把uploader.swf放在和upload.php的同一目录下,这是为了避免javascript和flash交互过程中出现跨域问题。 修改uploader-advanced-source.html 把”YOUR UPLOAD URL GOES HERE”替换成你的upload.php所在的url,比如我的就是http://localhost/yui/upload.php 把YAHOO.widget.Uploader.SWFURL修改成你的uploader.swf实际url 现在访问uploader-advanced-source.html,试试批量上传功能吧 试用的一点补充 这个例子里面的php源文件只是考虑上传n张jpg文件的情况,可根据实际情况调整。 上传后的文件名是md5随机加密的,在upload.php同一目录可见 由于flash的bug,运行在windows下的firefox无法正确获得flash传递过来的cookie,如果上传应用对cookie有依赖,可能会需要做额外的处理。 为了能够确切的显示上传进度条,可能需要php 5.2的apc扩展支持 上传进度由flash完成 YUI 2.5.2已经附上uploader.swf的actionscript,有一定的学习价值 贴一张Uploader使用效果图

JQUERY和YUI混用出现的问题

有道是一山不容二虎,其实我本不该把JQUERY和YUI夹杂在一块使用,虽然它们各有长短,结合使用的确能够相得益彰,但是暗地里还存着什么矛盾和冲突,这就不是随便刷新一下网页能够看出来的。 列一下最近碰到的问题,备忘。 混用时,YUI的Event在ie6下表现异常 下面代码中,没能在window.onload事件中弹出一个alert弹出窗口。 猜想是jQuery重写了window.onload事件引起冲突,解决办法,使用jQuery的event。

YUI 2.5.0发布

YUI 2.5.0发布。 2月20日,YUI Team发布了YUI的最新版本2.5.0。增加了6个全新的组件:Layout Manager, Uploader(结合Flash和Javascript的多文件上传引擎), Resize Utility, ImageCropper, Cookie Utility和ProfilerViewer Control。同时这一版还提升了DataTable Control的功能和Slider Control增加了双滑块功能。 这个版本中的Uploader以及ImageCropper应该是相当有用的控件 Uploader采用javascript和flash,不仅支持多文件上传,更可以直观的查看上传进度,以前虽然有类似的代码,但是组件化的代码显然通用性和可用性更好。 ImageCroper可用于制作图片切片,基于YUI的Dragdrop和Resize 与YUI 2.5.0相关的链接 http://developer.yahoo.com/yui yuiblog.cn

YUI中国本地版

去年yahoo提供了公开的yui主机,这样即便自己没有server也可以直接使用yui的便利。但是由于主机在国外,访问速度不是很理想。现在终于有了本地版的yui hosting,访问速度有大的飞跃。 2008年1月14日雅虎中国正式发布本地版的YUI 2.4.1,今后将与YUI保持同步更新。这对国内的YUI使用者来说绝对是一个好消息,本地版的YUI采用了本地CDN部署,对于国内用户来说访问速度更快(图一),比较访问国际YUI主机的速度(图二)快了至少5倍以上。 使用firebug查看载入速度 原文:YUI Blog China

YUI 2.3.0的Rich Text Editor

YUI 2.3.0正式发布了。这个版本新增了一些新的组件,其中最大的亮点是它的Rich Text Editor (beta),样式见下图: YUI Rich Text Editor的特点 标识为A级的浏览器支持良好,跨浏览器也有很好的表现 扩充方便,可以添加你自己的button 从图片上看,这个编辑器还支持直接从flickr抓取图片——可惜flickr在国内已经被和谐… YUI 2.3.0另外新增的5个组件 Base CSS YUILoader Utility (beta) ImageLoader Utility (experimental) Color Picker Control (beta) YUI Test Utility (beta)

YUI 2.3.0 即将发布

YUI 2.3.0 即将发布,最迟七月份可以看到。新的YUI组件和特点: 1. Rich Text Editor The YUI RTE beta comprises an editor window and toolbar, the latter of which has a simple, extensible plugin architecture. It will feature full A-grade support. (Dav Glass) 2. ImageLoader Utility Images often constitute the most data-heavy parts of a page, but many times users load images that […]

Yahoo提供公开的YUI Hosting

最近YUI出了2.20版,紧接着就在其主机上免费提供YUI里用到的css,javascript以及图片. 免费提供的资源 JavaScript files: These files provide the functional behavior of YUI utilities and UI controls. CSS files: In some cases, YUI controls ship with predefined visual designs, enabling you to implement them more easily out of the box. In these cases, presentation information is included in CSS files accompanying the control. Image files: Where […]