網頁設計新知

設計網頁的朋友都知道，當今天要製作網頁載入，或是施工中的動態圖片，就得使用Gif的動態圖示，讓網頁可以更生動、有趣，但有用過的朋友都知道，由於Gif支援透明背景，所以可壓在任何的圖片或顏色上，但礙於Gif只支援256色因此圖片時常會出現鋸齒邊緣，因此這時不妨可用SVG+CSS3動畫，來取代Gif的動態圖示，不但能保有高畫質的圖像且還是透明的，最近梅干無意發現到一個相當棒的平台，直接透過線上就產生出SVG Loading動畫，且內建就有各式各樣的Loading樣式，同時還可更改Loading圖示的顏色、大小、速度….等，因此有需的朋友，不妨看看囉!

如果單純設定 position : fixed ，DIV 會在捲軸開始滾動時就啟動固定元素，但想要瀏覽到指定位置時才啟用該怎麼辦呢？只要兩步驟教你輕鬆解決！

前陣子有客人提出說為什麼網站上部分網頁在列印時會顯示出超連結，仔細研究了一下，的確只要有設定超連結 a 標籤的，就會把 href 屬性裡的連結顯示在文字之後...

看膩了漢堡鈕的夾心造型嗎？今天教你用 CSS3 以及簡單的 javascript 讓漢堡鈕點擊後變成 X 。

有沒有人跟小編我一樣只要碰到數學算式就一個頭兩個大的呢，使用CSS來設計版型， 雖然版面修改上相對靈活，但每當版面有多個區塊組合時，就得分別計算出每個區塊的大小及間距...

我們常在寬高設定單位上會使用百分比（%）和像素(px），而今天我們就來學習CSS3好用的新單位vh、vm，現在先來比較一下這幾個單位功能上有什麼不同的效果吧！...