睡蓮‧池水間

Guest
2012-May-20  
有 0 位會員和 9 位訪客在線上

文章 :: 標準之路

文章列表　 全部　 按評論逆序　

類型: 普通 精華 焦點 全部
排序: 預設 時間 標題 評分 閱讀 評論 引用 | 逆序 順序

文章

更多...
  • 實現乾淨代碼的12條定律
    Chris Coyier　 08/12/29 0:20　 閱讀: 270 | 評論: 4
    實現乾淨代碼的12條定律 - 1
    實現乾淨代碼的12條定律 - 2
  • DIV+CSS 請不要再忽悠人了
    神采飛揚　 08/12/30 15:03　 閱讀: 721 | 評論: 2
    在大約兩年前，DIV+CSS是一對很誘人的組合，會用DIV+CSS製作網頁的人，常常會被人讚以大拇指的，記得06年初的時候，我用div+css佈局的一個純靜態網站還拿了學校網頁設計比賽的一個獎。今天，盡管提到DIV+CSS，還會有很多人熱情高漲，但是我會對他搖頭了：DIV+CSS不是一切，更不是某些人所謂的“神話”！創造神話的是CSS，不是DIV+CSS。我想，是時候糾正這個問題了。CSS的要義，是各個標籤要各盡所用。盲目推崇DIV+CSS只會讓小白誤入歧途的。1、DIV只是HTML最常用的標籤之一顯然HTML並不只是一個DIV標籤有用，每個標籤都有它的用途，只是DIV是其中最有用的一個罷了。如果DIV可以實現所有其它標籤的功...
  • 瀏覽器的 Acid3 Tests 結果一覽
    睡蓮　 09/3/11 14:30　 閱讀: 266 | 評論: 2
    原圖瀏覽器需採預設值測試，在動畫流暢顯示、分數達到 100/100、並且最後顯示的畫面與參考結果般每像素皆相同，方稱通過。 ...尚有 Acid3 測試結果(點按觀看截圖) Chrome 2.0.169.0 (100/100)Opera 10 Alpha (100/100)Safari 4 Beta (100/100) Firefox 3.1 Beta 2 (93/100)Opera 9.5 (83/100)Opera 9.27 (46/100) Firefox 3.0 (71/100)Safari 3.1.2 (75/100)Safari 3.0.4 (41/100) Firefox 2.0.0.16 (53/100)Netscape Navigator 9 (53/100)Flock1.2.3 (52/100) K-Meleon1.1.5 (52/100)SeaMonkey1.1.10 (52/100)Maxthon 2.1.2 (12/100) Maxthon 2.0.2 (12/100)Sleipnir 2.5.8 (12/100)Sleipnir 1.6.6 (12/100) IE 8 Beta 1 (Vista) (18/100)IE 7 (Vista) (12/100)IE 7 (11/100) IE 6 (12/100)IE 5.5 (13/100) 
  • 網頁設計標準尺寸
    不詳　 08/10/14 21:27　 閱讀: 760
    800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。 1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612-615之間，就不會出現水平滾動條和垂直滾動條。 在ps裏面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右 在PS裏做的圖到了網上就不一樣了，顔色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顔色範圍很廣，所以自然會有失色的現象。 一般頁面標準按800*600分辨率製作，網頁的顯示尺寸標準為；780*428px；分辨率在640*480的情況下，網頁的顯示尺寸標準；620*311px；分...
  • 避免常見的六種 HTML5 錯誤用法
    Richard Clark　 11/8/25 0:20　 閱讀: 447
    譯者：小易　　譯文出處：http://www.ued163.com/1820/译文避免常见的六种html5错误用法/一、不要使用section作為div的替代品人們在標籤使用中最常見到的錯誤之一就是隨意將 HTML5 的 <section>等價於 <div>——具體地說，就是直接用作替代品(用於樣式)。在 XHTML 或者 HTML4 中，我們常看到這樣的代碼：<!-- HTML 4-style code --> <div id="wrapper"> <div id="header"> <h1>My super duper page</h1> <!-- Header content --> </div> <div id="main"> <!-- Page content --> </div> <div id="secondary"> <!-- Secondary content --> </div> <div id="fo...
  • Mozilla建議的CSS書寫順序
    睡蓮　 08/10/12 16:50　 閱讀: 138
    顯示屬性 自身屬性 文本屬性 display list-style position float clear width height margin padding border background color font text-decoration text-align vertical-align white-space other text content
  • 關於斗數排盤設計
    睡蓮　 08/9/4 0:50　 閱讀: 326
    關於斗數排盤設計 - 上
    關於斗數排盤設計 - 下
  • IE 8 不再支援 CSS Expression
    睡蓮　 08/10/26 16:19　 閱讀: 2189
    上星期IE在官方blog中公佈了IE 8 版本在標準模式下，不再支援CSS Expression。從網頁標準的角度來看，這消息無疑令人振奮，至少看到了微軟兌現網頁標準的承諾，不斷在技術方面下功夫。何謂CSS Expression？就是在CSS的屬性後面插入程式碼，且支援自定義屬性，專用於IE瀏覽器。我慣常的做法是遇到IE不支援CSS屬性的時候才會用到，通常針對IE 6 以下版本的居多。IE 7 對CSS支援情況相對於IE 6 來說已有少許改進，會用到CSS Expression的情況較IE 6 以下來得少。舉個簡單例子，當要給寬度設定上或下限時，一般的屬性標準寫法是：max-width或 min-width，但這種屬性在IE 6以下版本無效，這時候便用CSS Expression方法來...
  • XHTML Transitional VS XHTML Strict
    睡蓮　 08/6/13 2:54　 閱讀: 432
    談到 Web 標準，公認的觀點是 XHTML 要比 HTML 更嚴密，因為 XHTML 結構更嚴謹。 XHMTL 有兩種標準，XHTML Transitional 和 XHTML Strict。正像它們各自的名字所展示的那樣，XHTML Transitional 用來對舊代碼進行過度，而 XHTML Strict 是缺省標準，新的網頁應直接使用該標準，XHTML Strict 鼓勵結構層和展示層分離，原先混雜在結構中的展示代碼應使用 CSS 進行分離。 HTML 4 的 Document Type 是這樣定義的： HTML4.0 DTD ?除了一些展示屬性和元素，這些展示屬性和元素隨著 CSS 的成熟將被 W3C 排除。網頁作者應盡可能使用 Strict DTD，但在需要支持展示屬性和元素的場合仍然可以使用 Tra...
  • 49個影響網站排名的因素 - 完整版
    Chris.dl - 上海SEO　 08/10/22 1:00　 閱讀: 157
    內部因素 URL中出現關鍵詞 網頁Title中出現關鍵詞 常規內容中出現關鍵詞 在頁面的第一段中出現關鍵詞 在頁面的最後一段中出現關鍵詞 Heading 標簽 比如h1,h2中出現關鍵詞 站內的鏈接中出現關鍵詞 導向相關內容的導出鏈接 導出鏈接中出現關鍵詞 圖片文件名中出現關鍵詞 Alt標簽中出現關鍵詞 comment中出現關鍵詞 合理的頻率更新內容 內容對搜索引擎的展示位置 網站結構循環PR，而非散發PR 關鍵詞進行適當的修飾（加粗、斜體等） 外部因素 大量的導入鏈接 從高PR值得網頁獲得導入鏈接 從相關內容網站獲得導入鏈接 導入鏈接指向的網頁有具體內容 錨文字中有關鍵詞 ...
  • 網站重構到底是什麼
    feiwen8772　 08/11/15 14:30　 閱讀: 421
    前不久聽到這樣一個面試的故事：面試官：你準備在我們公司做些什麼事情？（大致這個意思）面試人：我準備在公司做網站重構，把原來是table的頁面全部重構成css+div的，...面試官：不好意思，我們的網站都是css+div的，不需要重構了。面試人：...(無語了)自從2004年阿捷翻譯了《網站重構》這本書，網站重構這個詞就慢慢的必成了css+div，甚至等同起來，一些朋友把標準跟重構也混淆了，css+div跟標準也混淆了。這裏有很多誤讀的成份。無可厚非《網站重構》當時給我們帶來了一場革命。我看過部分章節，是本好書。可能是css，div，標準這些詞太過於頻繁，很多誤讀的人把網站重構和css+div或者html+cs...
  • SEO精華之Google排名因素詳解
    睡蓮　 08/10/22 1:20　 閱讀: 242
    譯者：Chris.dl - 上海SEO譯文出處：http://www.cndozz.com/blog/post/google-ranking-factors.html 由國外37名優秀的搜索引擎優化界高手共同參與，以投票形式評論影響Google排名的重要因素，此次評選非常有價值，盡管沒有將200多個Google排名因素全部列出，但Google排名算法中90%-95%的重要成分已經包含在其中了，Chris.dl也是最近才看到，非常有價值，現在將其翻譯，並整理出來，希望對廣大SEO愛好者有幫助。 英文原文地址：http://www.seomoz.org/article/search-ranking-factors 影響Google排名的正面因素 排名得分分類詳細說明 14.9關鍵字關鍵字在網站TITLE上的使用 24.4外部鏈接外部鏈接的錨文字 34.4網站品質...
  • reflow
    realazy　 08/7/5 14:05　 閱讀: 149
    去聽了牛人 dbaron 的一個Web Page Layout/Display in Mozilla 講座(via)。講的東西對我一個只會HTML, CSS和JavaScript的人來說很底層，所以效果也比較“和諧”，只是大致了解了mozilla的CSS渲染源碼分布位置和渲染流程而已。講座提到了reflow(如何翻譯呢？又是一個問題)這個東東。之前對reflow有所聞，能經常從某些大牛的幻燈中提到，提高頁面渲染的性能，需盡量避免reflow。那麽reflow是什麼東西呢？它又是如何影響頁面性能的？事後去問了一下dbaron（呵呵，我口語徹底不行，加上心理素質，最後是把問題寫下來給他看），豁然開朗也。在CSS規範中有一個渲染對象的概念，通常用一個盒子（box，rectangle）來表示。mozi...
  • 瀏覽器的Acid Tests
    睡蓮　 08/7/17 13:30　 閱讀: 182
    官網webstandards.org 測試頁acidtests.org Acid 1 測試地址 使用了一個符合HTML 4.0標準的文檔，以測試瀏覽器對CSS1的支援程度。ACID1通過的標準是，瀏覽器對測試頁面的渲染應當完全符合ACID1的參考結果，不能有一像素的偏差。 http://acid1.acidtests.org/ http://www.hixie.ch/tests/evil/acid/001/ http://www.w3.org/Style/CSS/Test/CSS1/current/test5526c.htm Acid 2測試地址 針對網頁瀏覽器及設計軟件，就支援HTML、CSS 2.0及PNG圖像標準的綜合測試。透過測試頁的嚴謹編碼，可快速辨認網頁排版的漏洞，而測試要求是排版引擎需能排出如圖中的笑臉。 http://acid2.acidtests.org/ http://www.webstandards.org/files/acid2/test.html h...
  • 關於DOCTYPE
    javapigpig　 08/6/15 18:30　 閱讀: 1975
    DOCTYPE不可怕，但把它拿走，會讓你怕了又怕。
  • visualize reflow
    睡蓮　 08/7/5 15:13　 閱讀: 152
    Mozilla homepage wikipedia homepage google.co.jp homepage
  • IE8新網頁標準　中文網頁面臨消失
    redhatuser　 08/7/14 1:00　 閱讀: 242
    　　IE8 的測試版發佈， ACID 3 測試正式推出，聽上去是讓人興奮的技術進步，而對中文互聯網站卻是極大的威脅：這意味著，超過半數的中文網頁在一年內要麼實現網頁標準化，要麼永遠消失在互聯網上。中國互聯網的不標準程度舉世聞名。三大門戶，百度 QQ 使用的全部是不標準網頁。當 IE 8 正式發佈並普及，中文互聯網將面臨洗牌。大部分不標準的網頁將不能被顯示，永遠“消失在互聯網”。　　屈指算來，只有不到一年的時間。網頁標準是什麼？　　網頁標準，對國人來說是一個比“瀏覽器”還陌生的名詞。　　簡單說，瀏覽器就是你用來看網頁的軟件，而網頁標準作用是讓瀏覽器聽網頁的...
  • CSS水平等级
    Emil Stenström　 09/2/28 19:51　 閱讀: 257
    譯文出處：http://panweizeng.com/archives/57英文原文中譯As you might have understood by now I’m very much pro web standards. The current widely accepted standards are: (X)HTML for page structure, CSS for design, and Javascript for behaviour. HTML is pretty well known by now, it has been there since the beginning of the web and there are tutorials everywhere that gets you started. CSS is starting to get a grip, large companies are switching their sites to CSS based layouts and the webdev blogosphere reaches more and more people.When you promote web standards, like many of us do, you get to talk to a lot of people. If you promote it in a live chat room like #CSS on EFNet it gets even clearer: there are a lot of different levels of CSS knowledge out ther...
  • 瀏覽器的 Acid2 Tests 結果一覽
    睡蓮　 08/7/20 1:22　 閱讀: 126
    原圖( 測試標準 ) Passed Opera 9.5Opera 9.27Firefox 3.0Safari 3.1.2Safari 3.0.4 Failed Firefox 2.0.0.16Netscape Navigator 9Flock1.2.3K-Meleon1.1.5SeaMonkey1.1.10 Maxthon 2.1.2Maxthon 2.0.2Sleipnir 2.5.8Sleipnir 1.6.6IE 8 (Vista) IE 7 (Vista)IE 7IE 6IE 5.5&nbsp;
  • 互聯網需要“統一標準”
    七點半　 09/2/22 15:00　 閱讀: 164
    　　步入新年的瀏覽器市場依舊不平靜，近日IE8出現與2400家網站不兼容的問題，多家知名中國網站也未能倖免，中國網站幾乎全軍覆沒。　　早前就有國外媒體報道，提醒用戶升級或更換瀏覽器。挪威一些大的商業網站不約而同的發出警告，要求所有IE6用戶升級他們的瀏覽器。 Teknisk Ukeblad，start.no，Juristforeningen，NextGenTel 等主要網站都發出了升級警告。vg.no 是挪威最大的新聞報紙，可能也是挪威瀏覽量最大的網站，建議用戶可以選擇非IE瀏覽器，比如Firefox（火狐）。事實標準造惡果　　有業內人士稱，造成不兼容問題的根本原因是：絕大多數網站是根據與標準不兼容的老版本IE開發的。究其源頭...

1 2 »

最 新 發 表 及 資 訊 區

最新公告

此為池水間 banner ，需要安裝 Adobe Flash Player 才能觀看內容。

文章分類

最新浮生錄文章

最新留言

最新留言：2012-Jan-6　11:13am
留言編號：76
留言者： wuji888
網主回覆： 有
總留言數： 71

前往萍踪留影

造訪統計

今天：180
昨天：751
本週：180
本月：10196
總計：431433
平均：311

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
除另有註明外，本站內容均採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 授權條款授權
登 入