[分享] UI.Layout - 拯救不會網頁layout的程式設計師

[kewang (對呀對呀對呀對呀)]

※ [本文轉錄自 Ajax 看板]

作者: kewang (對呀對呀對呀對呀) 看板: Ajax
標題: [分享] UI.Layout - 拯救不會網頁layout的程式設計師
時間: Sat Mar 28 23:05:45 2009

圖文版  http://kewang.pixnet.net/blog/post/23433067

UI.Layout Simple DEMO  http://layout.jquery-dev.net/demos/simple.html



最近因為某些因素，又開始寫網頁了 XDDD。然後看到最近jQuery好像還蠻夯的，就把以
前用過的prototype丟掉改用jQuery了。然後因為我對於網頁的layout實在不是很在行，
於是我就去找看看有沒有符合我的layout template，在google上找了老半天，沒想到
jQuery自己就有一個叫做UI.Layout的plugin可以符合我的需求了。

這個plugin的功能真的還蠻強大的，我覺得其中比較特殊的是下面這幾點：

    * collapsable：每一個pane都可以收合，而且還可以加上jQuery特效
    * resizable：每一個pane都可以縮放，而且還可以限制縮放的大小
    * hotkeys：每一個pane都可以用鍵盤的方向鍵來操作，甚至自訂快速鍵(這個最酷!)



大家可以直接點選一下上面的iframe，然後壓著ctrl再按方向鍵，你就會知道這個自訂快
速鍵是什麼意思囉。我非常推薦這個plugin，簡直是拯救了我們這種對layout完全不在行
的工程師呀！！！有更多進階範例可以直接到demo頁面看看喔。

參考資料：
jQuery: The Write Less, Do More, JavaScript Library
Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic
web applications
UI.Layout Plug-in - Home
UI.Layout Plug-in - Demos

--
雜七雜八的kewang部落格   http://kewang.tw

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 118.167.132.165

--
雜七雜八的kewang部落格   http://kewang.tw

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 118.167.132.165
推 fotofolio:感謝分享 不過那不是iframe 而是div
→ kewang:我是指blog裡面的網頁是用iframe嵌入的  讓你搞混了XD
→ kewang:btw  這個plugin好像也可以用iframe嵌入  我記得docs有寫
推 fotofolio:應該block的就可以應用吧 應該
→ kewang:應該吧  因為我是直接拿他們的simple demo來開發的