不管是對網站的站主或網頁設計人員而言, 撰寫 CSS 一直以來都是很枯躁乏味的工作; 對於網頁設計新手而言, 光要記熟每個指令的拼法可能就是一大挑戰。 既然撰寫 CSS 是這麼麻煩的事, 是不是有什麼軟體能讓設計 CSS 的痛苦減低呢? 試試「Simple CSS」吧!
Tag: CSS
[MAC] 硬漢專用的網頁編輯器 – Coda
今天要介紹給大家的是一款硬漢專用的網頁編輯器:「Coda」。為什麼說它是硬漢專用呢!? 那是因為它不是一款像「FrontPage」或「Dreamweaver」般所見即所得 (WYSWYG) 的網頁編輯器, 它是一款要靠網頁設計師硬刻程式碼的編輯器。 既然「Coda」定位為網頁編輯器, 當然會有網頁編輯的相關輔助功能, 不然和用「記事本」硬刻有什麼差別呢? (用「記事本」開發網頁及程式的, 我們稱他為「英雄」, 自古英雄多薄命… 呃…)
[軟體] 能同時預覽 IE、Firefox 顯示結果的 CSS 編輯軟體 – CSSVista
對於常撰寫 CSS 的人, 應該多少有使用一些輔助的 CSS 編輯軟體來協助開發的工作吧!? 在 IE 上有「Internet Explorer Developer Toolbar」, 而在 Firefox 上則可透過「Firebug」、「Web Developer」這兩個擴充套件來輔助 CSS 的撰寫。 然而, 不管是使用哪套瀏覽器的輔助工具來撰寫 CSS, 我們仍得等到 CSS 上傳到網站後, 才能看到所編輯的 CSS 在另一個瀏覽器下呈現的樣子。 那麼, 有沒有哪一套工具能夠「同時」又「即時」顯示這兩個最多人使用的瀏覽器在編輯 CSS 後呈現的結果呢!?
[BLOG] 幫 Blog 加個又酷又炫的選單
相信稍有在玩電腦的人都知道, MAC OS 上有個又酷又炫用來放置常用程式的快捷列 (稱為「Dock」)。就因為它實在是太炫了, 讓許多使用 Windows 平台的使用者都狂流口水, 因此後來就有許多廠商在 Windows 上推出了仿 MAC Dock 的桌面軟體。 如果你是 Dock 的愛好者, 有沒有想過要在自己的 Blog 或網站加入一個又酷又炫的 Dock 呢?「CSS Dock Menu」能讓你如願哦! 由於安裝及使用的方式很簡單, 在原開發者的網頁也有詳細的說明, 所以就直接看看效果吧!
[雜談] IE 設定字距無法換行的解法
在調整了 Blog 的 CSS 加入了 letter-spacing 調整字距後, 在 Firefox 下顯示正常, 但剛剛用 IE 瀏覽時卻發現若有連續兩個 <br> 的換行出現時, 會有其中一個 <br> 被吃掉的問題。 將解決方法貼出來, 供有需要的人參考, 如下: .entry .postItem { letter-spacing:2px; line-height:1.8em; } .entry .postItem br { letter-spacing:0em; } 也就是再多一組強制將 <br> 的 letter-spacing 設為 0 即可。IE 在 CSS 上總是有許多奇妙的問題…