photoshop cc,illustarter cc Support CSS3 測試

對於使用photoshop與illustrator(後面內容以PS與AI作表示)製作網頁設計最麻煩的地方,因該是做出的按鈕或版面樣式要轉換成CSS時產生一種卡卡的傾向,而我在上一篇文章中介紹CSS3Ps一個PS的外掛,而在最新版的PS CC與AI CC都加入了CSS3的樣式轉換功能,這對在製作網頁時大大改上在點陣與向量繪圖軟中排版網頁後,樣式可以轉換給HTML使用,雖然CSS的
對於使用photoshop與illustrator(後面內容以PS與AI作表示)製作網頁設計最麻煩的地方,因該是做出的按鈕或版面樣式要轉換成CSS時產生一種卡卡的傾向,而我在上一篇文章中介紹CSS3Ps一個PS的外掛,而在最新版的PS CC與AI CC都加入了CSS3的樣式轉換功能,這對在製作網頁時大大改上在點陣與向量繪圖軟中排版網頁後,樣式可以轉換給HTML使用,雖然CSS的
使用Ps來做Web設計製作的人因該不少吧!先以Ps作圖排版再將做好的版面切圖給html使用,而有些特效可以用CSS來成現就不用切圖啦!雖然Ps在製作網頁排版上已經很方便,麻煩是在Ps上所做的一些特效要在Web上使用CSS來成現,必須不斷測試調整數值就有點麻煩,舉凡來說如陰影、漸層、圓角……等等,現在好用CSS3Ps擴充就可以解決麻煩的CSS碼,只要選取好已有加入圖層特效的圖層,再按下CSSPs工作面板,就會起動瀏覽器顯示選取圖層的CSS碼,只要複製貼上Web就有相同效果。
在自己的部落格裡,有時也像商品網站或公司網站一樣,在首頁上有個大大的滑動廣告在不斷的輪播,差別在於他門擺的商品或廣告,而部落格擺的可能是自己的作品,或是拍的相片...等等,現在來介紹一下Meta Slider 這外掛功能小巧,但該考慮到的細節都有考慮進去,雖然他只有四個幻燈片顯示樣式,轉場特效基本上都有,還可以在幻燈片播放時在圖片上添加描述,在輪播時顯示出來,也有模組與
清明連續四天連假,天天都在下雨,下到都快發長菇,也有一年多沒有動筆畫畫了,來畫張陽光點的圖,轉換一下心情。
在WP中有很多可以在文章中用顏色標示的程式碼外掛,由於有些很久沒有更新或是掛上去效果沒有出現,所以我又再搜尋一下類似的外掛,終於被我找到啦!來介紹一下Crayon Syntax Highlighter外掛,作者Aram Kocharyan還有不斷在更新中,基本
這一篇不是在說Http File Server的介紹,所以使用方法我就不多說了,這篇是專門介紹我為Http File Server(後面以HFS作為簡稱)設計的頁面模板,此軟體網路上已有很多大大中文化了,我在做佈景主題時會在補充沒中化的部份以何乎版面,HFS是快速架Web網站的好工具,方便檔案上傳下載分享,但就是沒有人從重新設計它的Web頁面,頁面非常陽春,對於一般使用者來說因該以足夠,因為沒的選擇吧。
這次介紹的Wordpress的外掛比較特殊,要讓WP的文章在模組上顯示,其實並不難,有很多外掛可以作到,大多數的外掛都是載入文章內文與標題和圖片,以列標表方式成現,無法保留原本文章格式,而 custom post widget 外掛則是保留原本文章格式在模組內現顯示,如果要作特殊顯示的文長章可以用這個外掛,就看自己如何使用啦!
這個外掛主要是讓網頁頁面過長時,會在頁面下方產生一個向上滾動至頂的按鈕,以方便瀏覽者不必辛苦一直滾動滑鼠或拉拉桿的方式回到網頁頂端,在外掛後台還可以設定按鈕大小、顏色、圖示或文字與滾動方式……等等,就介紹到這我已把後台給中文化如下圖,檔案請到下方下載,剩下自己試試吧!
960 Gird System在之前有簡單介紹過(可以到這裡),也可以加快製作html網頁版型的好工具,雖然網格已把尺寸設好,但要記主每個尺寸與號碼的關係就要習慣一段時間才會熟練,在找資料時無意間找到,DW(Dreamweaver)的外部擴充,才知到有人專門寫了960Grid的外部擴充,也馬上是試了一下,對於要走960 Gird System作網頁的人來說是非常不錯用的好工具,下面就開始為大家介紹。