0 oxxo JQuery 清單特效 plugin 點選上面這張圖片就可以看到效果~ 這是延續之前自己寫過的 JQuery 清單排序特效原始模型, 所修改出來的 plugin, 修改的地方其實不少,包含了標籤與相關的篩選機制, 而這個 plugin 的版用起來非常方便, 可以應用的地方也很廣,例如相簿、秀圖篩選..... 0 Comments 0 oxxo JQuery 錯位 3D 效果 plugin 點選上面這張圖片就可以看到效果~ 這是之前一直很想嘗試的滑鼠效果, 所以就做成了一個以後方便套用的 plugin~ 套用與設定的方式很簡單, 只要用一個 list 就可以做出來模擬視差的立體感, 算是滿有趣的互動效果~ 這個效果套用在 ul 上,只有一個地方需... 0 Comments 0 oxxo CSS -webkit-filter 點選上面這張圖片就可以看到效果~ (不過限用 Chrome 或是 Safari) 這是已經存在很久的 webkit 的 css 濾鏡, 直接整理出來做個記錄,以後自己要找也比較好找~ 雖然效果很炫, 但是一直到目前為止都還只有 webkit 核心的瀏覽器支援, ... 0 Comments 0 oxxo JQuery 圖片模糊遮罩 plugin 點選上面這張圖片就可以看到效果~ 這也是在 flash 中很常見到的效果, 同樣的利用 jquery 來呈現, 滑鼠在圖片上按住 0.5 秒後,原圖就會出現, 再壓住 0.5 秒後又會回復模糊的圖片, 比較特別的是你可以自己使用自己做的模糊圖片, 或是使用程式幫... 0 Comments 0 oxxo JQuery 氣泡文字特效 plugin 點選上面這張圖片就可以看到效果~ 這是一個文字特效的 plugin, 之前在玩 flash 算是自己滿熟練的一個效果, 但現在不用 flash 了就只好用 jquery 來做, 也當作字串符、字串以及定位的練習, 同樣的,因為我自己是前端設計師, 這套 plug... 0 Comments 0 oxxo JQuery 表格欄位排序 plugin v2 點選上面這張圖片就可以看到效果~ 這是之前做過 sortTableTd plugin 的第二版, 主要因為發現了之前 plugin 的一個大問題, 是自己沒有測試到的大問題:數字與字串排序行為不同, 這次花了滿多時間去了解數字和字串排序的不同, 舉例來說,1,11... 0 Comments 0 oxxo JQuery dropListMenu plugin 點選上面這張圖片就可以看到效果~ 其實下拉式選單對我來說並不難, 大概半小時就可以用 css 做出一組, 但要做成方便修改的 plugin 又是一回事了, 這個 plugin 我整整做了兩天才做出來, 在設定自由度與彈性上做了滿大的開放, 應該可以滿足大部分前端... 0 Comments 0 oxxo JQuery TreeViewList Plugin 點選上面這張圖片就可以看到效果~ 之前我有單純用 css 做出樹狀清單的原始模型, 這次花了些時間,把它轉換成 plugin, 這樣一來對於前端的設計者而言, 做出一個 treeview 就不用自己在那邊寫 css, 可以直接套用就會產生效果, 對於後端程式設計... 0 Comments 2 oxxo JQuery 表格欄位排序 plugin 點選上面這張圖片就可以看到效果~ 這是一個我自製的簡單表格排序 plugin, 說起來簡單其實背後的運作也是頗複雜的, 複雜的在於要讓所有的欄位不需要命名且互相進行連動, 光是這個邏輯觀念我就想了整整一天, 不過可以套用在任何表格上喔~ 在不透過資料庫的狀況下... 2 Comments 2 oxxo JQuery 拖曳表格欄位 plugin 點選上面這張圖片就可以看到效果~ 這也是我設計的 JQuery plugin 針對表格做整個欄位的拖曳效果 滑鼠點選 最上方 title 的部分按住不放一秒後 就可以開始進行拖曳排序 屬性的部分也做了滿大的自由度開放 表格的所有屬性幾乎都可以設定 (當然合併欄... 2 Comments 較舊的文章 首頁 About Me Popular Posts photoshop:色盲測試圖製作 這篇我們要利用"彩色網屏"以及"遮色片" 來製作醫院用的色盲測試圖效果 開新檔案 新增文字圖層,新增文字 點陣化文字(在文字圖層上右鍵,點陣化文字) 濾鏡→扭曲→漣漪 切換到色版的面板,複製其中一個色版 將複製出的... photoshop:斜線填滿的概念 今天在網路上看到一個素材感覺還不錯 於是晚上就是著做做看 但在做的過程中發現一個要注意的地方 因此分享給大家知道 開新檔案,新增圖層 開另外一個較小的檔案作為斜線圖樣使用 (大小就自訂吧,看你斜線要多大,建議正方形) 將小的檔案用鉛筆畫上斜線(這是放大來看) ... photoshop:快速製作圓點背景 這篇同樣要利用遮色片的方法 配合濾鏡效果中的彩色網屏 就可以很快速的作出圓點背景囉! 但首先我必須要把photoshop對於彩色網屏的說明講一下 像素濾鏡中 子選單中的濾鏡可將顏色數值類似的像素聚集成單位 清楚地定義出選取範圍 而彩色網屏的定義 就是模擬在影像每一個色版... photoshop:快速製作磁磚背景 磁磚每一塊都不同顏色,又帶有些許光澤 該如何快速的製作大量的磁磚呢? 我們就要利用「馬賽克濾鏡」以及「填滿」功能] 可以非常快速的完成大量的磁磚 開新檔案,新增圖層(圖層1)填滿顏色 濾鏡 → 雜訊 → 增加雜訊 → 一般 → 單色 濾鏡 → 像素 → 馬賽克 新開另一個空白檔案... photoshop:快速製作骯髒文字 骯髒文字是我自己發明的名詞 意思就是看起來有點破破爛爛 感覺髒髒的文字效果 這裡我幾乎都在使用遮色片的概念 利用遮色片,可以非常快速的製作出骯髒文字 開新檔案,輸入文字 色版面版,點選右上的小三角形,新增色版 點選新增的色版(Alpha1),濾鏡 → 演算上色 → 雲狀效果 雲狀... photoshop:簡單製作草地 這篇要利用很簡單的方法 輕鬆做出草地的質感 開新檔案,建立新圖層,取名為青綠色 設定前景色與背景色 濾鏡→演算上色→雲狀效果 濾鏡→雜訊→增加雜訊 就會變成這樣 濾鏡→模糊→高斯模糊 濾鏡→風格化→風動效果 執行風動效果之後 草的方... 萌萌站不站? 小喬:我要你答應我,永遠都不要讓他當"站"馬! 小喬:萌萌,站起來! 萌萌:嘶~~~~ 吼~~~~ 小喬:他好像要說什麼呀? 諸葛亮:你到底要我站,還是不站呀?你搞的我好亂呀! 周瑜:這馬話你也懂? 諸葛亮:略懂... 魯肅:因為他是豬.... photoshop:國旗飄揚皺折 之前有介紹過photoshop中的小技巧:移置 這篇我們就要利用移置濾鏡,將國旗的皺折發揚光大 另外再介紹另外一個濾鏡: 浮雕 配合圖層的混合模式,讓國旗皺折更真實! 這篇文章用到比較多的技巧 包含調整圖層,混合模式以及遮色片去背等等 當你熟練了這兒介紹的這些小技巧之後相互應用 ... 周星馳的電影音樂 最近花了不少時間找到一些周星馳電影中的音樂 這些音樂有些是配樂有些是星爺唱的或其他角色如達叔唱的 以下是我自己整理的大家有需要就自己去看看囉~^^ 功夫: 有出原聲帶 少林足球: 只在日本有出原聲帶 行運一條龍: 1.片尾鄭秀文跳舞:老歌-多少柔情多少淚 2.主題... photoshop + illustrator:不可不會的3D功能 (1) 這篇我們要利用illustrator的3D功能 搭配photoshop來作一張比較複雜的保齡球圖 在以拉中開新檔案 利用鋼筆工具,繪製保齡球瓶的側面輪廓 (利用對齊工具將端點對齊) 繪製保齡球瓶上的花紋 有尖角的,兩條紅色線,兩條白色線 點選其中一組來製作符號 先點... ADs Labels Cloud 軟體 ~ AfterEffect 軟體 ~ illustrator 程式練習 CSS3 程式練習 Html5 程式練習 jQuery 程式練習 jQuery Plugin 程式練習 SVG 酷 ~ Funny 酷 ~ Movie 酷 ~ Music 酷 ~ Useful 酷 ~ Video oxxo ~ Adobe oxxo ~ Creations oxxo ~ Design oxxo ~ Photo photoshop 文字效果 photoshop 功能介紹 photoshop 特殊效果 photoshop 影像處理 photoshop Plug-in Labels List Numbered 軟體 ~ AfterEffect 軟體 ~ illustrator 程式練習 CSS3 程式練習 Html5 程式練習 jQuery 程式練習 jQuery Plugin 程式練習 SVG 酷 ~ Funny 酷 ~ Movie 酷 ~ Music 酷 ~ Useful 酷 ~ Video oxxo ~ Adobe oxxo ~ Creations oxxo ~ Design oxxo ~ Photo photoshop 文字效果 photoshop 功能介紹 photoshop 特殊效果 photoshop 影像處理 photoshop Plug-in Video of the day