Yahoo! UI Library 2.3.0 釋出

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

今天看到消息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 都有一致性的表現。比方說

      這整的標籤,雖然它預設的樣式是會縮排,但是在 IE 及 Firefox 卻是使用不同的 property 來作到縮排的效果,導入 YUI Base CSS 之後,這個 tag 在不同的 browser 的表現就會比較一致了。
    • YUILoader Utility (beta)

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

    • ImageLoader Utility (experimental)

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

    • Color Picker Control (beta)

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

    • YUI Test Utility (beta)

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

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

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