分享!免費又精緻的網頁 Icon 圖示下載

分享!免費又精緻的網頁 Icon 圖示下載

Smashing Magazine 是一個充滿免費又好用的網頁設計資源分享站,這上面有許多的網頁設計模板、範例、Icon 圖示等,全部免費又精緻,堪稱是網頁設計師的寶庫。藉由 Smashing Magazine 的力量,網頁設計師們將可大大的節省製作的時間,並提升網頁設計效率。

CSS Reset by Eric Meyer

CSS Reset by Eric Meyer

相信 CSS 老手都知道,在設計 CSS 之前,一定要先把 CSS 重設,讓所有的 CSS 設定歸零,這樣才能確保在不同瀏覽器上都能呈現一致的結果。

18 個美麗的垂直視差捲動 (Parallax Scrolling) 網頁設計

18 個美麗的垂直視差捲動 (Parallax Scrolling) 網頁設計

什麼叫做『垂直視差捲動 (Parallax Scrolling)』呢?這是一個隨著 HTML5 + CSS3 逢勃發展後的網頁設計新名詞,說穿了其實也不是什麼新技術,只是巧妙的利用新的 CSS3 配合 JavaScript 語法,來達到當滾動滑鼠滾輪時,將多層背景以不同的速度移動,產生 3D 的垂直運動視覺效果。

WebPagetest - 測試您的網站速度

WebPagetest - 測試您的網站速度

WebPagetest 不但功能強大,而且使用方法非常簡單,只要輸入您的網址,WebPagetest 就能在短短幾分鐘內,馬上將這個頁面在網路上讀取所花費的時間全部列出來,它不但會列出網頁的讀取時間,還會列出這個網頁所包含的所有圖片檔案、CSS 檔案、js 檔案的讀取時間。

網頁設計配色的三大重點

網頁設計配色的三大重點

網頁設計是一個繽紛絢爛、多姿多彩的世界,人們對網站的要求,不再只是簡單的文字與圖片,不僅要有流暢的操作介面及視覺化的動態特效,還要網站看起來美觀、舒適且迷人。一個專業的網頁設計師,不僅要熟悉網站架構與市場定位,更要把握網站整體的視覺風格。其中網頁的色彩搭配,在網頁設計中占據相當重要的地位。

21 個選單位置固定網頁設計

21 個選單位置固定網頁設計

選單位置固定的意思,就是網站的主選單會永遠固定在同一個位置,不只是相對於網頁,更相對於瀏覽器,不論您將瀏覽器視窗放大或縮小、將捲軸捲動,主選單都會維持在同一個相對位置上。像這樣的選單位置固定的網頁設計,最大的好處就是不論使用者在網站中的哪一個頁面,都能很輕易的進行網頁導覽。

網頁設計的版面配置重點

網頁設計的版面配置重點

在確認過網站的架構及主要視覺風格之後,接下來就是要開始思考網頁設計的版面配置。網頁設計的版面配置 (也可以說版型規劃) 有幾項重點如下:

21 個令人激賞的亮色系網頁設計

21 個令人激賞的亮色系網頁設計

上周我們分享了『21 個令人激賞的暗色系網頁設計』,本周我們就來分享,如何使用亮色系來處理網頁設計。

可收納的登入表單

可收納的登入表單

這是一個可收納且非常節省空間的帳號登入表單,在設計空間缺少,或要讓使用者快速登入,這個簡便的下拉登入表單,很容易就可以登入使用

21 個現代人對 SEO 最大的迷思

21 個現代人對 SEO 最大的迷思

SEO 這個領域,很可惜地被大量的迷思、胡說、迷信等傳言給充滿著。而這一切都是因為搜尋引擎的算法一向都未被公開,所以從一些對網頁知識不太清楚的新手甚至對網頁知識屬資深的工程師來說,都有可能掉入這個傳說的迷思裡。這篇文章的目的是為了要破除一些一般人對 SEO 的迷思,希望對大家有幫助。