試試看我們的瀏覽器及手機應用程式吧
-
ICEBERG
今晚有什麼局?
是否常在週末晚上煩惱著不知道今晚哪一家夜店好玩? 或是曾有過在吧台前看見了心儀的對象卻又不知該如何上前交談的窘境? 試一下 ICEBERG 吧!
ICEBERG 是一個專為夜生活玩家們打造的一款手機應用程式.
它可以根據你所在位置顯示出附近的夜店及酒吧, 並讓你看到今晚有誰正在這些地方出沒. 打卡之後還可以和其他使用者戶傳訊息. 讓你輕鬆跨出 Just Say Hi 的第一步.
ICEBERG 讓 Meeting People 變簡單了, 也能夠使夜生活的人們有更健全又好用的溝通聯繫方式. 自動化的店家搜 尋模式, 也能夠更便於知道夜晚的熱鬧集散地所在, 使整個城市的夜晚更為繽紛活絡.
-
MacFlickr
像 Mac 桌面環境般的使用 Flickr
Flickr 是大家所熟知最好的相簿網站之一. 它簡潔的頁面設計, 可客製化的個人頁面, 以及各式各樣相關的應用程式, 讓全世界的相片玩家對它愛不釋手.
現在 MacFlickr 讓 Flickr 使用起來更加的人性化了. MacFlickr 帶給使用者有如在 Mac 桌面環境般的操作介面. 可同時開啟多個視窗瀏覽或編輯, 圈選, 拖拉, 批次修改並支援熱鍵. 不需額外安裝軟體, 不管在哪一個作業系統. 只要打開你的瀏覽器就可以使用!
下列是我們提供的開源程式碼小工具
-
jQuery Preload Plugin
用 jQuery 預先載入圖片
做網站時常常會需要預先載入圖片來帶給使用者更好的體驗, 像是滑鼠滑過去改變背景圖, slideshow 改變圖片等等. 預先載入圖片可以避免滑鼠滑過時背景圖消失了幾秒才出現, 或是使用 slideshow 等待下一張圖切換過久的問題.
這個 jQuery Preload plugin 大概是最簡單又好用的插件了. 它一共只有4行程式碼. 馬上就下載來試試看吧 :)
-
jQuery Actual Plugin
用 jQuery 取得隱藏元素的真正長寬
舊版的 jQuery 在擷取隱藏的DOM元素的長寬時常常會出問題. 當目標元素或是它的父元素的 css property 'display' 設成 'none' 時. $('#someElement').width(); 傳回的往往是 0 而不是該元素的真正寬度. 這個時候試試看 $('#someElement').actual('width'); 吧!
另外還有其他的情況, 這個插件也可以幫你解決這些問題. 細節請參考說明文件.
-
jQuery Secret Plugin
在 Javascript 裡隱藏全域變數
在 Javascript 裡使用全域變數是很不好的習慣. 在同一個頁面裡執行的程式都可以讀寫全域變數. 因此全域變數很容易被覆蓋過去而造成程式碼執行錯誤, 尤其當這個頁面所執行的程式碼不僅僅由一個人所撰寫.
使用 jQuery Secret plugin 可以幫你解決這個問題. 另外 jQuery Secret plugin 還有支援 '命名空間' 的功能, 詳細介紹請參考以下連結.
-
jQuery Queue Plugin
讓你的 Javascript 程式碼更容易模組化
Javascript 是一個事件驅動的程式語言. 因此往往程式碼會呈現巢狀式結構來使用回乎函數. 尤其在大型的前端網頁程式更容易發生. 然而這種程式寫法會讓你整個架構不夠彈性化.
jQuery Queue 插件可以讓你在函式範圍外增加此函式需要執行的回乎函數. 因此可以讓你的程式更容易有彈性的切割模組. 在大型的專案上, 這個插件可以說是不可或缺的!
-
jQuery Center Plugin
置中指定的 DOM 元素
這個簡單的插件幫助你在視窗中置中你所指定的 DOM 元素. 你也可以傳入數值來指定 y 軸的值. 或是當圖片大於視窗大小的時指定元素的置中方法.
更多的安裝及使用說明請參考文件頁面.
-
jQuery MSG Plugin
一個類似 jQuery BlockUI 的插件
早期網站要向使用者傳遞訊息或是警告標語都是用 'alert('blah blah');' 這樣的方法. 很簡單但是看起來實在是不怎麼好看. 所以後來我用 BlockUI 這個插件來取代這個功能. 而之後我發覺我並不需要這插件裡其他附加的功能而我也希望能更輕鬆的 去修改插件的外觀. 所以我便寫了這個簡易版的插件叫做 jQuery MSG. 它支援不同主題, 且只需從 css 便可以修改主題. 另外也有 afterBlock 和 beforeUnblock 事件等等. 更詳細的介紹請見說明文件頁面.
-
jQuery Atteeeeention Plugin
讓你的圖片集像 Google Image Search 般的排版
如果你有一個圖片集裡的相片. 每一張的長跟寬都不一樣, 那排版起來很容易顯得雜亂不堪. 使用這個插件讓你的圖片集有如 'Google Image Search' 般的排版效果.
別問我為什麼要取這個怪異的插件名稱. 有點幽默感, 看看下面的程式碼會不會讓你會心一笑呢. $('#gallery').find('img').atteeeeention(); <-- :D
-
Codeigniter View Library
進階的 Codeigniter View 函式庫
Codeigniter 是我最喜歡的 PHP 框架, 它不但快速輕巧, 完整又易讀的說明文件讓新手非常容易就可以上手. 但是它 'view' 的部份讓我覺得功能上有點太薄弱了. Symfony 用 yaml 所達成彈性的 layout, view 還有 css 及 js 管理辦法. 一直讓我無法忘懷.
所以我寫了這個 codeigniter 的 view 函式庫. 當你在寫大型專案或是有非常多相似但又不同的誒麵的時候, 與用這個函式庫會讓你更輕鬆的去管理你個 layout, view, css, js 等等的相關檔案
