利用CSS製作寬景圖片檢視器

利用CSS製作寬景圖片檢視器

設計網頁最常見到的的就是圖片這個元素了,而其中又以檢視大圖最為常見,像是清明上河圖這種超級寬景圖,早期大概都採 […] 詳細內容…
用CSS3寫 iTunes flip cover效果

用CSS3寫 iTunes flip cover效果

CSS3目前最令人感到驚艷的就是3D的效果了,加上新增了眾多強大的選取器,讓網頁視覺設計師能做到更多的變化,這 […] 詳細內容…
什麼!舊版 PS也能自動產生CSS3原始碼?

什麼!舊版 PS也能自動產生CSS3原始碼?

自從Photoshop cc問世以來,許多朋友對於Photoshop cc能直接產出CSS原始碼感到非常的訝異 […] 詳細內容…
神人!超強大的網頁設計師履歷…網頁?

神人!超強大的網頁設計師履歷…網頁?

網頁設計師最重要的技能就是網頁設計了(廢話!)~可是網頁設計有那麼多的技術需要學習,每次在應徵工作時都要寫一份 […] 詳細內容…
一分鐘!用Photoshop搞懂 CSS overflow 超簡單!

一分鐘!用Photoshop搞懂 CSS overflow 超簡單!

什麼!Photoshop跟CSS overflow有什麼關係?Amos你會不會太會扯了?是的!你絕對沒看錯,我 […] 詳細內容…
CSS Layout很難?用這招30秒就讓你輕鬆生出網頁版面!

CSS Layout很難?用這招30秒就讓你輕鬆生出網頁版面!

CSS Layout 一直以來就不斷的困擾著視覺設計師以及程式設計師,往往精心切好的一個版,在瀏覽器中竟然是如 […] 詳細內容…
那些年!因為IE6而被許多人遺忘的CSS選取器

那些年!因為IE6而被許多人遺忘的CSS選取器

在CSS中有多個被老舊IE所陷害的CSS選取器,由於IE6對此選取器的不支援,導致有不少網頁設計師把它遺忘了許 […] 詳細內容…
保護眼睛!請更換Dreamweaver程式碼配色!

保護眼睛!請更換Dreamweaver程式碼配色!

對於經常使用電腦的人來說,眼睛可以說是最操勞的了,而現在的螢幕由於硬體技術的關係也越做越亮了,網頁設計師與程式 […] 詳細內容…
查詢CSS與瀏覽器支援度的網站

查詢CSS與瀏覽器支援度的網站

CSS與瀏覽器支援度一直以來都是網頁設計師最常發生的疑問,而網路上也有不少的CSS&瀏覽器支援列表,可是每次要 […] 詳細內容…
google也推網頁設計工具-Google Web Designer

google也推網頁設計工具-Google Web Designer

是的!你沒有看錯,Google竟然也推出了一套網頁設計工具,還號稱在任何一個裝置上都能正常瀏覽!Google […] 詳細內容…
使用純CSS來製作魔術方塊電影牆

使用純CSS來製作魔術方塊電影牆

(圖片取自網路,僅為範例示範用) 使用純CSS來製作魔術方塊一般的電影牆面,讓你的滑鼠點到其中一張相片就能動態 […] 詳細內容…
使用::before 與 ::after來製作可列印的logo圖片

使用::before 與 ::after來製作可列印的logo圖片

網頁設計一直以來都存在著一個很多人都遇到的問題,就是LOGO圖片究竟該不該放到HTML原始碼中?若是放在HTM […] 詳細內容…
使用CSS3 :nth-child(n) 選取器教學

使用CSS3 :nth-child(n) 選取器教學

CSS3 新增的選取器中,大概就屬 :nth-child(n) 功能最猛了,:nth-child(n) 不僅可 […] 詳細內容…
最省力的 CSS3 原始碼產生器

最省力的 CSS3 原始碼產生器

最省力的 CSS3 原始碼產生器來了,這畫面只要是視覺設計師就絕對不陌生,還可以說是熟悉到不行,沒錯!這簡直就 […] 詳細內容…
CSS3 Transition 橡皮筋效果試做

CSS3 Transition 橡皮筋效果試做

CSS3 的 transition 功能是Amos很喜愛的一個屬性,這次Amos想以最少的 HTML Code […] 詳細內容…
用 CSS3 繪製立體感圖示

用 CSS3 繪製立體感圖示

自從 CSS3 新增了漸層與陰影屬性之後,網頁設計的彈性就變得更大了,於是使用 CSS3 畫圖的人就變多了,所 […] 詳細內容…
Powered by WordPress | Fluxipress Theme