Tag: WebDesign

[軟體] 透過圖形化介面設計 CSS – Simple CSS

不管是對網站的站主或網頁設計人員而言, 撰寫 CSS 一直以來都是很枯躁乏味的工作; 對於網頁設計新手而言, 光要記熟每個指令的拼法可能就是一大挑戰。 既然撰寫 CSS 是這麼麻煩的事, 是不是有什麼軟體能讓設計 CSS 的痛苦減低呢? 試試「Simple CSS」吧!

[軟體] 能同時預覽 IE、Firefox 顯示結果的 CSS 編輯軟體 – CSSVista

對於常撰寫 CSS 的人, 應該多少有使用一些輔助的 CSS 編輯軟體來協助開發的工作吧!? 在 IE 上有「Internet Explorer Developer Toolbar」, 而在 Firefox 上則可透過「Firebug」、「Web Developer」這兩個擴充套件來輔助 CSS 的撰寫。 然而, 不管是使用哪套瀏覽器的輔助工具來撰寫 CSS, 我們仍得等到 CSS 上傳到網站後, 才能看到所編輯的 CSS 在另一個瀏覽器下呈現的樣子。 那麼, 有沒有哪一套工具能夠「同時」又「即時」顯示這兩個最多人使用的瀏覽器在編輯 CSS 後呈現的結果呢!?

[資訊] 看看網頁在各種瀏覽器上的模樣 – ScreenShots.jp

對於一個網頁設計者或是喜歡動手改部落格樣式的人而言, 若能夠知道網頁在各種瀏覽器下呈現的樣貌, 對於設計網頁樣式時將有一定的幫助。 然而, 一般人應該很少有機會同時擁有多台電腦或安裝多套 OS, 因此要知道網頁在各種平台瀏覽器上呈現的樣貌是有一定難度的。 所幸, 網路上有不少提供瀏覽器截圖的服務, 它們能將各種平台上的瀏覽器瀏覽網頁時的情況以 Screenshot 呈現出來。

[BLOG] 用 Photoshop 做一個玻璃質感的圖示

我們可以在很多網站看到許多玻璃質感的圖示, 究竟這種高質感的圖示該怎麼自己動手做呢? 本文將為大家做個說明。 首先, 用 Photoshop 開啟一張新的圖檔, 圖檔的底色請自行決定:

[軟體] 網頁開發利器 – Aptana

在這個號稱「Web 2.0」的時代, 擁有一個屬於自己的部落格並不是什麼稀奇的事; 然而若想擁有一個「個性化」的部落格, 那麼建立一個符合自己 Style 的網頁一定是必要的工作。 然而 CSS 和 JavaScript 說難不難, 說簡單卻也很不簡單的特性, 卻使得很多有意學習的入門者望而卻步, 此時若能有一個輔助學習甚至是開發的工具必定能收事半功倍之效。