多了六個控制項,介面也更漂亮了。

今天看到消息YUI 釋出 2.3.0 版本,而在這個版本裡新增了六個元件:

  1. Rich Text Editor (beta)

    這個版本的 YUI 納入了 RTE 這個常用來作為發表文章工具的元件,據官方說法,這個元件厲害的地方在於它能夠跨 browser 都有完整的支援,而且可以輕易擴充想要的功能按鈕,從擷取的圖片看起來功能還蠻完整的:

    YUI RTE
    用 YUI RTE 作出來的 flickr editor
  2. Base CSS

    這個版本加入的 Base CSS,主要是擴充之前就有的 reset, fonts, 和 grids CSS,使用這個 CSS 的效果,它會讓不同 browser 對於 tags 都有一致性的表現。比方說 <ul> 這整的標籤,雖然它預設的樣式是會縮排,但是在 IE 及 Firefox 卻是使用不同的 property 來作到縮排的效果,導入 YUI Base CSS 之後,這個 tag 在不同的 browser 的表現就會比較一致了。

  3. YUILoader Utility (beta)

    一個方便你動態載入 YUI 元件的工具,而且它可以判斷元件的相依性,所以如果你 load 的元件相依於其它元件時,它會自動幫你載入必需的 YUI 元件,而且它可以從本機或是 Yahoo host 的伺服器上來載入元件。

  4. ImageLoader Utility (experimental)

    這個元件可以幫你延遲載入 image 以提升整個頁面顯示的速度。

  5. Color Picker Control (beta)

    這個元件就像一些影像處理軟體的色彩選擇器一般,可以讓你直接點選色彩,或是使用 RGB, HSV, Hex 或是 web安全顯示色彩 來輸入色彩值。

  6. YUI Test Utility (beta)

    提供使用 YUI 的人有一套 YUI 的 unit test framework。

另外,YUI 還推出新版的 skin, Sam,除了讓 YUI 的元件外觀更漂亮之外,這也表示你也可以自行設計一套 skin,這真是一個很酷的改良,雖然之前的版本也可以改 CSS,不過都只能一個元件一個元件去修,現在有了 skin 的概念,代表將來會有更多的 look-n-feel(如果大家都很努力分享的話 :P)

YUI 愈來愈包山包海了,帶來的好處,可能就是不用到處去爬不同的 JS implementation 來完成想要的效果,通通用 YUI 來作,除了參考文件還蠻有料之外,命名規則、變數衝突的機會也會少很多,網頁開發者應該也會比較快樂吧!

 

歷史上的今天

目前有 1 則留言
  1. 哈啦大站長:

    不知道有這麼好用的元件..有機會試試看

我要留言
(必填)
(必填)