XRefresh - 網頁開發解放F5

在寫網頁的時候通常我們經常需要在編輯器與瀏覽器切換,這種情況特別容易發生在寫CSS及Javascript時,就算是使用的是視覺化的編輯器,例如Dreamweaver,也難以避免來回切換瀏覽器的來檢視最正確的結果,而且不僅需要來回切換檢視甚至還得不斷按F5重新整理網頁,長久下來這是一件非常費力的工作,XRefresh 便是解決這種困擾的工具。

繼續閱讀… »

網頁使用特殊字型的解決方案

字型的兼容對於網頁設計而言是一個很頭痛的問題,如果在網頁中使用特殊字型,而訪客的電腦中沒有安裝這個字型,將會因為無法正確顯示字型而導致網頁的設計走味。因此一般在設計網頁的時候只能選擇通用的字型,如:Verdana, Geneva, sans-serif,Georgia這些芭樂到不行的字型,結果是可能會讓外觀大打折扣。

繼續閱讀… »

超好用的jQuery樣板引擎 - jBind

我之前分享過過一篇jQuery樣板的文章 - jQuery的JavaScript 樣板引擎 - royTemplate 裡面有推薦兩個不錯的Javascript樣板,依舊推薦,但我自己寫的那個狗屁不通樣板如果已經使用的人就請勿再使用了,因為使用了這個jBind之後才發現我寫的那個效能奇差無比(差到讓我想噴血),原因是因為我的寫法對效能的影響很大。
繼續閱讀… »

jQuery的JavaScript 樣板引擎 - royTemplate

隨著網頁程式越來越複雜、AJAX應用使用量越來越大,Javascript 呈現 HTML 越來越需要樣板引擎了,今天分享一個因為最近的需求所寫的一個超迷你樣板引擎,也推薦兩個不錯的javascript樣板引擎。
繼續閱讀… »

解決一個頁面有兩個FCKeditor時,無法使用FCKeditorAPI.GetInstance的問題

FCKeditor跟Wordpress使用的TinyMCE一樣,都是OpenSource的WYSIWYG Editor(所見即所得編輯器),一直以來比較習慣用FCKeditor這套編輯器來幫網頁加入可以編輯HTML的功能,但今天突然發現如果一個頁面有兩個FCKeditor且在Firefox運行時,若要使用FCKeditorAPI.GetInstance()來取得編輯器的instance,只有第一個可以正確取得,第二個將會是undefined,第三個以上沒試但應該也難逃厄運了。
繼續閱讀… »

為jQuery擴充功能,得到DOM同級元素

jQuery提供簡單易用的DOM操作能力,讓我們可以專注於Javascript程式的邏輯而不用去理會煩人的DOM操作、瀏覽器相容等問題。
我們可以利用next()來取得同級的下一個元素,利用prev()來取得同級的上一個元素,但是jQuery並無直接由函數提供取得同級的第一個元素、同級的最後一個元素、同級的任一元素,因此我們可以利用jQuery強大的Selector(選擇器)達成這樣的需求,並替jQuery擴充功能。
繼續閱讀… »

Photoshop 利用指令碼自動為圖片加入版權文字浮水印

在上一篇天啊!我的Photoshop變聰明了 - 利用指令碼進階自動化入門中提到Photoshop指令碼的基本概念(沒什麼人感興趣…這果然是很冷門的功能XD),這次再來一個進階一點的範例。

有很多人在發表文章的時候,都會替自己的圖片加上版權文字浮水印,雖然網路上可以找到很多這樣的軟體,不過我還是用這個功能作為範例。

Photoshop指令碼,不僅僅可以執行指令,甚至可以自訂使用者介面,透過自訂的介面可以讓指令碼的功能更加人性化、更有彈性。

繼續閱讀… »

天啊!我的Photoshop變聰明了 - 利用指令碼進階自動化入門

Photoshop提供「動作(action)」來加快工作效率,但是動作實質上只是一種「巨集(Macro)」,遇到較為特殊的狀況就顯得力不從心了,但是不要緊!因為Photoshop還提供另一種更強大的功能「指令碼(Scripting)」,可以讓使用者有彈性的達成更複雜的自動化動作。

繼續閱讀… »