CSS3 所提供的許多新功能真的可以幫我們節省許多時間與精力。對於我這種沒有美工基礎的程式設計師來說, 如果想幫 HTML 元件做個可以看的背景圖, 雖然不是辦不到, 但是如果自己畫, 可能花了許多工夫, 還是覺得難看; 如果上網路去找, 除了隨時有侵權的疑慮, 同樣要花掉許多時間。後來轉念一起, 為何不使用 CSS 本來就提供的功能? 東西是自己做的, 高興怎麼用就怎麼用, 改起來也容易...
關心網路發展趨勢的朋友一定知道, W3C 聯盟 (World Wide Web Consortium) 己在近日 (2012/12/17) 宣布完成了 HTML5 和 Canvas 2D 的規格定義, 接著將展開互通性 (Interoperability) 與效能方面的測試, 來確保 HTML5 能與各大瀏覽器達到最大的相容。W3C 除了在這一天推出 HTML5 規格的侯選推薦版本 ((Candidate Recommendation, CR) 之外, 並將按計畫於 2014 年推出 HTML5 最終規範, 正式讓 HTML5 成為網頁撰寫標準語言。不過, 為避免不同標準對推出的時程造成交互影響, Canvas、Web Sockets 和 Web 儲存等技術將會被獨立出來, 各自訂定計畫, 將不再納入 HTML5.x 發佈計畫裡面...
在 CSS3 裡面增加了 transform 功能, 使得我們可以對網頁元件進行放大、縮小、平移、旋轉、扭曲等等效果。我在本文中要介紹的是其中的 rotate 效果, 而且運用它來製作一個完全使用 HTML 標籤加上 CSS3, 不使用任何圖片的小時鐘。在我開始介紹這個時鐘小工具之前, 你不妨往本網頁的右邊看一下, 在側邊欄的 jlClock 就是我的作品...
如果你在網頁設計上面已經著墨很久的話，或許你會發現 HTML 實在是一種非常不嚴格的語言 (它確實是一種語言；它的名稱也是這樣來的)。我這裡要很簡單的介紹一個在 HTML5 標準中新加入的元素－article，以及非常類似的 section，並且會探討它們的差異...
如果我們往前回顧歷史, HTML 4 是在 1997 年底制定的, 我們現在普遍在用的 HTML 4.01 發表於 1999 年底。此外, XHTML 1.0 發表於 2000 年初, XHTML 1.1 則發表於 2001 年中。距今差不多十幾年的時間當中, 我們並沒有看到太多革命性的改變...
針對 IE 在各版本中對 CSS 的解釋略有不同, 可能造成網頁版面和其它瀏覽器看起來不一致的情形, 我們時常需要用到所謂的 IE Hack。由於最近又看到有人在討論這個話題, 所以我打算針對這個部份來寫一篇文章; 不過忽然在網路上看到早就有人寫好一篇蠻完整的心得, 所以這個工夫就可以省下來了。有興趣的人請來這裡看看...
如果你的網頁只是設計來自己玩玩, 或者它很明確的只有少數使用者會上來, 那麼你大可以不必用到我在這裡要介紹的方法。但是, 如果你的網站是供作大量使用者(例如超過上千個 current session), 那麼你一定不得不開始想方設法的提升網站的效能...
我們都知道 mailto:xxx@yyy 連結可以啟動客戶端的 Mail Client 來寄信，但是你知道其實你可以使用很簡單方法，讓客戶所寄的信附帶有預設的主題和內容等欄位嗎？你只需要把寫法改成如下即可...
凡是 CSS 樣式定義都具備兩種元素：1. 選取器（Selector）2. 屬性（Property）。你可以想像一下 Name-Value Pair 結構，如果 Value 是 Property，那麼 Name 就是 Selector 了。若用白話來說，「選取器」就是「屬性」的索引。 我想屬性的部份在這裡就不多做介紹了；我將主要解說選取器的類別和用法...
在設計網頁時，有時我們發現在鏈結文字或圖案被按下後，如果使用者按「上一頁」回來，會發現鏈結物件周圍出現虛線框。在大部份時候，這對使用者是有幫助的，因為他們可以得知他剛才按了哪一個超連結。不過，這個虛線框也某種程度的破壞了畫面的美觀...
