打發時間

就是"打發時間"做自己想做的事!

bootstrap Grid System for Dreamweaver外部擴充
bootstrap Grid System for Dreamweaver外部擴充

2014年的第一篇文章,就拿bootstap開始,在2013的後半年裡,挖不少資料,只是沒時間打發(把時間拿去打電動XD),現在該開始整理資料了,也準備製作本blog新佈景主題^.<期待嗎?(因該不會XD) 廢話說到這,之前有介紹過960 Grid System因有廣大的使用者使用(只限國外XD),有好心人把它寫成DW的外部擴充,而Twitter Bootstrap 的主題也是在網路風行(這次有算到台灣XD),號稱就算不會美工,也能做出有質感與設計感的網頁頁面,照福不少很會寫程式的程式設計師大大

photoshop cc,illustarter cc Support CSS3 測試
photoshop cc,illustarter cc Support CSS3 測試

對於使用photoshop與illustrator(後面內容以PS與AI作表示)製作網頁設計最麻煩的地方,因該是做出的按鈕或版面樣式要轉換成CSS時產生一種卡卡的傾向,而我在上一篇文章中介紹CSS3Ps一個PS的外掛,而在最新版的PS CC與AI CC都加入了CSS3的樣式轉換功能,這對在製作網頁時大大改上在點陣與向量繪圖軟中排版網頁後,樣式可以轉換給HTML使用,雖然CSS的

Photoshop 擴充工具 CSS3Ps 測試心得
Photoshop 擴充工具 CSS3Ps 測試心得

使用Ps來做Web設計製作的人因該不少吧!先以Ps作圖排版再將做好的版面切圖給html使用,而有些特效可以用CSS來成現就不用切圖啦!雖然Ps在製作網頁排版上已經很方便,麻煩是在Ps上所做的一些特效要在Web上使用CSS來成現,必須不斷測試調整數值就有點麻煩,舉凡來說如陰影、漸層、圓角……等等,現在好用CSS3Ps擴充就可以解決麻煩的CSS碼,只要選取好已有加入圖層特效的圖層,再按下CSSPs工作面板,就會起動瀏覽器顯示選取圖層的CSS碼,只要複製貼上Web就有相同效果。

WP外掛 Meta Slider 圖片幻燈片顯示代說明
WP外掛 Meta Slider 圖片幻燈片顯示代說明

在自己的部落格裡,有時也像商品網站或公司網站一樣,在首頁上有個大大的滑動廣告在不斷的輪播,差別在於他門擺的商品或廣告,而部落格擺的可能是自己的作品,或是拍的相片...等等,現在來介紹一下Meta Slider 這外掛功能小巧,但該考慮到的細節都有考慮進去,雖然他只有四個幻燈片顯示樣式,轉場特效基本上都有,還可以在幻燈片播放時在圖片上添加描述,在輪播時顯示出來,也有模組與

夏日-插畫
夏日-插畫

清明連續四天連假,天天都在下雨,下到都快發長菇,也有一年多沒有動筆畫畫了,來畫張陽光點的圖,轉換一下心情。

Http File Server Web Apple Templet(模板)
Http File Server Web Apple Templet(模板)

這一篇不是在說Http File Server的介紹,所以使用方法我就不多說了,這篇是專門介紹我為Http File Server(後面以HFS作為簡稱)設計的頁面模板,此軟體網路上已有很多大大中文化了,我在做佈景主題時會在補充沒中化的部份以何乎版面,HFS是快速架Web網站的好工具,方便檔案上傳下載分享,但就是沒有人從重新設計它的Web頁面,頁面非常陽春,對於一般使用者來說因該以足夠,因為沒的選擇吧。

WP外掛custom post widget(區塊文章模組)
WP外掛custom post widget(區塊文章模組)

這次介紹的Wordpress的外掛比較特殊,要讓WP的文章在模組上顯示,其實並不難,有很多外掛可以作到,大多數的外掛都是載入文章內文與標題和圖片,以列標表方式成現,無法保留原本文章格式,而 custom post widget 外掛則是保留原本文章格式在模組內現顯示,如果要作特殊顯示的文長章可以用這個外掛,就看自己如何使用啦!

WP外掛Dynamic To Top繁體中文語系
WP外掛Dynamic To Top繁體中文語系

這個外掛主要是讓網頁頁面過長時,會在頁面下方產生一個向上滾動至頂的按鈕,以方便瀏覽者不必辛苦一直滾動滑鼠或拉拉桿的方式回到網頁頂端,在外掛後台還可以設定按鈕大小、顏色、圖示或文字與滾動方式……等等,就介紹到這我已把後台給中文化如下圖,檔案請到下方下載,剩下自己試試吧!