哇寶部落格
Wabow Information Inc. Blog
文章標籤 ‘jQuery’
- 作者：Gareth Watts
- 官網：http://www.fairwaytech.com/flexbox/Default.aspx
- 展示：http://www.fairwaytech.com/flexbox/Demos.aspx
簡單來說 FlexBox 就是：文字欄位(textfield) 加 下拉選單(dropdown) 的組合。
有時候我們需要“下拉選單”列出所有的選項，但也同時需要 "文字欄位" 保持隨時能新增選項的靈活度。
其實 Autocomplete 已經可以做到大部份的功能。
不過 FlexBox 比較特別之處是它可以在下拉選單設定動態的頁數(可彈性處理大量的搜尋結果)
另一個好處是 它會模擬 <select> tag 以 JSON 方式傳回 option value 的值！
[jQuery Plugin] 按照字母順序排列的索引選單 - ListNav
2 四月 2009
- 作者：iHwy, Inc.
- 官網：http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
- 展示：http://www.ihwy.com/Labs/Demos/Current/jquery-listnav-plugin.aspx
ListNav 是一個抓出所有列表項目重新排序(註1)，再按照數字 0-9、字母 A-Z 排列的 jQuery Plugin。中文網站或許比較沒有用字母排列的需求，但是英文網站十分常用，像 FAQ 或是一些專業術語的頁面都是使用字母排列供使用者尋找的（PHP 寫法的 Glossary）。
雖然我們中文沒有那麼常用到，但是我想還是有機會的，一些外來品牌的產品系列名稱、序號都有可能會以列表的方式呈現。對於大量的資料（圖書館系統、字典系統），我認為 ListNav 也會滿有用的；再者它外觀也很乾淨清爽，所以決定選擇它介紹給大家。
[jQuery Plugin] 讓 Sparklines 幫你畫圓餅圖
2 四月 2009- 作者：Gareth Watts
- 官網：http://omnipotent.net/jquery.sparkline/
- 展示：http://omnipotent.net/jquery.sparkline/
之前看到有網友介紹 Flot 就覺得很有趣，很想再多看看用 jQuery 畫圖究竟能夠達到到什麼樣的地步。
今天發現還有另一個也很酷的統計圖 Plugin 叫做： Sparklines。 特點是圖可以縮小到只有一行（inline - 袖珍型的金古錐），
還可以做到數據自動更新（滑鼠移動的速度像脈膊一樣顯示），還有它可以畫出 Flot 目前所沒有的“圓餅圖”。
統計圖一向對做一些數據分析很有用，像 Google Analytics 就使用許多圓餅圖和折線圖讓數據說話。
在實用上，我想可以拿來做訂單的分析應該很不錯，eg“退貨率"、“訂單與客戶或折價券的銷售關係” 或是 ecmail 的 “開信率“ 等等都可以套用。
這應該是我目前最想試用的 Plugin 。
[jQuery Plugin] s3Slider - 效果炫麗的產品展示
31 三月 2009
緣起
由於本公司主要的客戶群都是 EC 網站，因此在商品的呈現上就會非常多元化。大部份的產品展示網頁在視覺呈現上都會被要求要有一定的水準，如果是需要特別的動態效悲果，那幾乎就是 Flash 的天下了。
然而在產品不斷翻新的網站，採用 Flash 來製作產品頁就顯得耗時與費工，更別說成本有多麼高了；就算我們可以用參數化的方式來讓載入產品資訊以解決過多 Flash 的問題，但一般視覺設計師所製作的 Flash 對 SEO 的支援度也相當糟糕，對產品的能見度也大打折扣。
s3Slider
jQuery s3Slider 就是一個效果非常棒的產品展示用 Plugin ，它讓我們單純使用 HTML 就能達到如同 Flash 般的動畫效果，而且配合適當的 CSS 時，更能在展示產品呈現一流的設計感。