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