標準之路

響應式網頁設計的九條基本原則

Sandijs Ruluks
15年11月29日
響應式Web設計對於解決多類型屏幕問題來說是個不錯方案,但從印刷的角度來看,其卻存在著很多的困難。沒有固定的頁面尺寸、沒有毫米或英寸,沒有任何物理限制,讓人感到無從下手。隨著建立網站可用的各種小工具越來越多,像素設計局限於PC和移動端也已經成為歷史。

避免常見的六種 HTML5 錯誤用法

Richard Clark
11年8月25日
人們在標籤使用中最常見到的錯誤之一就是隨意將 HTML5 的 <section>等價於 <div>——具體地說,就是直接用作替代品(用於樣式)。

<section> 並不是樣式容器。section 元素表示的是內容中用來幫助構建文檔概要的語義部分。它應該包含一個頭部。如果你想找一個用作頁面容器的元素(就像 HTML 或者 XHTML 的風格),那麼考慮如 Kroc Camen 所說,直接把樣式寫到 body 元素上吧。如果你仍然需要額外的樣式容器,還是繼續使用 div 吧。

HTML5 標準將在 2014 年完成

睡蓮
11年2月15日
  “我們於 2007 年開始著手(指定 HTML5 標準)”,Philippe Le Hegaret,W3C 的 HTML 工作團隊現任負責人,告訴 CNET:“我們計劃 7 年後完成 HTML5。”HTML5 吸取了 XHTML 2 一些建議,包括一些用來改善文檔結構的功能,比如,新的 HTML 標籤 header, footer, dialog, aside, figure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者在這些場合是一律使用 div 的。

瀏覽器之戰將進入HTML 5時代

睡蓮
10年4月14日
【IT168 軟件資訊】HTML 5這個技術術語最近頻頻出現在與各大巨頭相關的報導中:在iPad不支持Flash的爭議聲中有它的身影,谷歌因為它放棄了對自家產品Gears的支持,而剛剛發布的IE9預覽版對它的支持也成了一個熱門話題。 HTML5,這個尚未成形的Web標準為何如此受關注?它又會如何刷新人們對網頁瀏覽的認知?

混亂的標記語言 XHTML2 / HTML5

Jeremy Keith
09年8月01日
  W3C的最近宣佈將於今年年底解散 XTHML 2 工作組。一石激起千層浪,很多誤解和謠言四起,江湖一片血雨腥風,搞得網頁設計師人人自危,好像世界末日即將到來。其實,這只是個誤解,看完下面的這幅漫畫,大家就了解了。完全可以放心,然後回家洗洗睡了。

出師未捷身先死 萬千寵愛於一身

睡蓮
09年8月01日
W3C 日前宣佈將從 2009 年底起終止同 XHTML 2 工作組的合約,並以此暗示曾經一度野心勃勃的 XHTML 2 的正式死亡。 Web 設計界是否該因此而恐慌?畢竟 XHTML 1.x 是所有對 Web 標準驗證有著某種情節的人的首選,然而事實並非如此,XHTML 2.0 偃旗息鼓已有時日,W3C 只是明確了它的死亡日期,並將主要精力傾注到他們的新寵兒 HTML 5 身上。

瀏覽器的 Acid3 Tests 結果一覽

睡蓮
09年3月11日
瀏覽器需採預設值測試,在動畫流暢顯示、分數達到 100/100、並且最後顯示的畫面與參考結果般每像素皆相同,方稱通過。

XHTML 2 與 HTML 5 依舊背道而馳

Matthew Bass
09年3月09日
XHTML與HTML這兩個標記標準的出現是為了取代之前老式的web標準。乍看縮寫會以為這兩個規範比較類似,但事實上,這兩者的目標截然不同,所解決的問題也大相徑庭。

CSS水平等级

Emil Stenström
09年2月28日
你應該已經知道我現在非常推崇web標準。現在普遍流行的標準是:用(X)HTML來表示頁面結構,用CSS來設計樣式,而用Javascript來表現行為。現在很多人都已經熟悉HTML,它從web發展的初期就已經出現了,你可以到處找到它的教程。CSS正慢慢被人們所掌握,大公司們開始把它們的網站轉移到css佈局,網站開發者的博客圈也在影響著越來越多的人。

當你向大家推廣web標準的時候,跟我們大部分人一樣,你會和很多人討論。如果是在類似EFNET上#CSS這樣的在線聊天室推廣的時候你會更清楚的發現:裡面的人們對CSS了解有著很多不同的級別。這篇文章就準備按等級列出這些不同級別的開發者是怎樣影響著web的。

互聯網需要“統一標準”

七點半
09年2月22日
  有業內人士稱,造成不兼容問題的根本原因是:絕大多數網站是根據與標準不兼容的老版本IE開發的。究其源頭,微軟自己就是IE8兼容性問題的始作俑者。現在,微軟IE8在渲染技術和標準支持方面做了很大調整,從長期看,對維護統一的互聯網標準有利,從短期看,IE8不能有效地兼容網站,網民使用IE8無法正常打開網頁,上網瀏覽體驗變差。微軟IE一手造成的惡果最終需要網民付出代價,而微軟IE也將自己推入了一個兩難境地的漩渦。

DIV+CSS 請不要再忽悠人了

神采飛揚
08年12月30日
在大約兩年前,DIV+CSS是一對很誘人的組合,會用DIV+CSS製作網頁的人,常常會被人讚以大拇指的,記得06年初的時候,我用div+css佈局的一個純靜態網站還拿了學校網頁設計比賽的一個獎。

今天,盡管提到DIV+CSS,還會有很多人熱情高漲,但是我會對他搖頭了:DIV+CSS不是一切,更不是某些人所謂的“神話”!創造神話的是CSS,不是DIV+CSS。我想,是時候糾正這個問題了。

實現乾淨代碼的12條定律

Chris Coyier
08年12月29日
  漂亮的代碼是漂亮網站的基礎,優秀的 CSS 只存在與同樣優秀的 HTML 之上,乾淨的,語義的 HTML 代碼讓一個網站更健壯。本文講述了12個實現乾淨 Web 設計代碼的定律,適合於任何從事 Web 設計的人。

網站重構到底是什麼

feiwen8772
08年11月15日
自從2004年阿捷翻譯了《網站重構》這本書,網站重構這個詞就慢慢的必成了css+div,甚至等同起來,一些朋友把標準跟重構也混淆了,css+div跟標準也混淆了。這裏有很多誤讀的成份。

無可厚非《網站重構》當時給我們帶來了一場革命。我看過部分章節,是本好書。可能是css,div,標準這些詞太過於頻繁,很多誤讀的人把網站重構和css+div或者html+css,css+div和標準,標準和重構都等同起來,弄得到底什麼是什麼,誰也說不清楚。這書出版到現在已經5年了,網站重構到底要多久?

SEO精華之Google排名因素詳解

睡蓮
08年10月22日
由國外37名優秀的搜索引擎優化界高手共同參與,以投票形式評論影響Google排名的重要因素,此次評選非常有價值,盡管沒有將200多個Google排名因素全部列出,但Google排名算法中90%-95%的重要成分已經包含在其中了,Chris.dl也是最近才看到,非常有價值,現在將其翻譯,並整理出來,希望對廣大SEO愛好者有幫助。

網頁設計標準尺寸

不詳
08年10月14日
網頁廣告尺寸標準:全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px。另外120*90,120*60也是小圖標的標準尺寸。每個標準頁面為A4幅面大小,即8.5X11英寸。全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px。另外120*90,120*60也是小圖標的標準尺寸。每個非首頁靜態頁面含圖片字節不超過60K,全尺寸banner不超過14K。

網頁製作,改變你的思維方式

benboba
08年10月09日
  “重構”的春風吹遍大江南北,互聯網一時間風聲鶴唳,“div+CSS”儼然已成為一種“時尚”,難以盡數的網站都不約而同地開始了自己的“重構”。然而打開這形形色色網站的源代碼,卻時常令人啞然失笑——

  我們看到有嵌套6、7層的div布局,有不用table的表格,有純div+a構成的頁面,有成百上千的表現層class……現在關於標準的書籍越來越多,除了少數幾本標榜“高級技巧”的書籍以外,很少有人不會在自己著作的前幾章強調這樣一句話——“結構與表現分離”。然而這些書籍的讀者們,又有多少人認認真真地讀過前幾章呢?還是更多地直接跳過那些乏味的結構講解,一頭紮到貌似高深的佈局技巧與Hack中去?