睡蓮‧池水間
文章
更多...-
- DIV+CSS 請不要再忽悠人了
- 分類: 標準之路
- 在大約兩年前，DIV+CSS是一對很誘人的組合，會用DIV+CSS製作網頁的人，常常會被人讚以大拇指的，記得06年初的時候，我用div+css佈局的一個純靜態網站還拿了學校網頁設計比賽的一個獎。今天，盡管提到DIV+CSS，還會有很多人熱情高漲，但是我會對他搖頭了：DIV+CSS不是一切，更不是某些人所謂的“神話”！創造神話的是CSS，不是DIV+CSS。我想，是時候糾正這個問題了。CSS的要義，是各個標籤要各盡所用。盲目推崇DIV+CSS只會讓小白誤入歧途的。1、DIV只是HTML最常用的標籤之一顯然HTML並不只是一個DIV標籤有用，每個標籤都有它的用途，只是DIV是其中最有用的一個罷了。如果DIV可以實現所有其它標籤的功...
-
- 使用 CSS3 創建動畫效果
- 分類: 語言集
- 概述在 CSS3 中新增了幾個很好玩的東東：CSS Animation，CSS Transition 和 CSS Transform，顧名思義就是通過 CSS 來實現動畫，過渡和變形。它們與 HTML5 中的 canvas 能繪製動畫圖形不同，這些只能應用在已存在的元素上，但這足以讓我很興奮了，我不必要在去寫那些複雜的 JS 代碼，運用它們我能更簡單的創建自己的想要的動畫。應用前景伴隨著 CSS3 的普及，這些特性被各大瀏覽器支持也只是時間上的問題。有消息稱在 Internet Explorer 9 中將更好的支持 HTML5 和 CSS3。所以各位圍觀群眾不必擔心這只是曇花一現。以下是我就目前的瀏覽器支持狀態統計的一個表格： IE8 - chrome & safairfirefox 3.5.5 *(3)opera 10...
-
- 網站重構到底是什麼
- 分類: 標準之路
- 前不久聽到這樣一個面試的故事：面試官：你準備在我們公司做些什麼事情？（大致這個意思）面試人：我準備在公司做網站重構，把原來是table的頁面全部重構成css+div的，...面試官：不好意思，我們的網站都是css+div的，不需要重構了。面試人：...(無語了)自從2004年阿捷翻譯了《網站重構》這本書，網站重構這個詞就慢慢的必成了css+div，甚至等同起來，一些朋友把標準跟重構也混淆了，css+div跟標準也混淆了。這裏有很多誤讀的成份。無可厚非《網站重構》當時給我們帶來了一場革命。我看過部分章節，是本好書。可能是css，div，標準這些詞太過於頻繁，很多誤讀的人把網站重構和css+div或者html+cs...
-
- 混亂的標記語言 XHTML2 / HTML5
- 分類: 標準之路
- 中文版漫畫翻譯：Kevin JawW3C的最近宣佈將於今年年底解散 XTHML 2 工作組 。一石激起千層浪，很多誤解和謠言四起，江湖一片血雨腥風，搞得網頁設計師人人自危，好像世界末日即將到來。其實，這只是個誤解，看完下面的這幅漫畫，大家就了解了。完全可以放心，然後回家洗洗睡了。漫畫中提到兩個連接地址： ‧漫畫中提到的連接1 ：An Unofficial Q&A about the Discontinuation of the XHTML2 WG ‧漫畫中提到的連接2 ：In defense of web developers
-
- Rediscovering HTML tables
- 分類: 標準之路
- 中文出處：前端觀察 - http://www.qianduan.net/rediscovering-html-tables.html根據我最近的一些實踐以及在和一些讀者進行關於HTML表格的使用問題溝通之後，決定寫這篇文章。總的來說，我注意到由於誤導性信息，他們對於table的使用有種先入為主的厭惡。事實上很多人會說“我看到永遠不應該使用表格”的說法，但是這絕對是錯誤的！這個建議只是針對使用HTML表格來定義網頁的佈局，但是表格在方便的排列數據信息行和列方面非常完美，而且如果你一定要在一個頁面上顯示表列數據，你就不得不使用它們！為什麼不呢？然而，在這種情況下，一些人無視了用於table的...
-
- CSS 3 變換入門
- 分類: 語言集
- 本文譯者：神飛 譯文出處：前端觀察 - http://www.qianduan.net/css-transitions-101.html 儘管人們期望在屏幕上有些改變，但是 CSS 和 HTML 對頁面中的交互能做的實在太少了，而那些還需要用代碼來實現。 比如一個鏈接要麼是這個顏色，要麼是那個顏色；一個文本區域要麼這麼大，要麼那麼大；一張圖片要麼是透明的要麼是不透明的；它們是從一個狀態直接變到另一個狀態——中間並沒有過渡。 這導致大部分網頁有些生硬，因為元素只會很死板的切換或改變。 是的，你可以使用 DHTML、jQuery 或者自己編寫 JS 來實現過度，但是這需要更多的代碼來實現本應該非...
-
- HTML 5 新功能演示
- 分類: 語言集
- 譯者：Direct Guo這是一個 HTML 5 的新功能的演示文檔，幾乎包括 HTML 5 的所有激動人心的新功能的簡介和演示。IE 瀏覽器系列瀏覽器無法瀏覽，firefox、opera 等瀏覽器只能使用部分功能，如果想100％演示成功，請使用最新版的“谷歌瀏覽器（Google Chrome）”，建議使用最新版。英文原版： http://apirocks.com/html5/html5.html中文版演示文檔請看此處： http://directguo.com/html5/
-
- 你需要知道的CSS3動畫技術
- 分類: 語言集
- 譯序：本文譯自Smashingmagazine，但是原文講述的內容有些淺，也不是很完整，前端觀察在翻譯的前提下，增加了更多的更系統的內容。如有不足之處，歡迎指正補充。
譯文出處：前端觀察 - http://www.qianduan.net/what-you-need ... about-behavioral-css.html
-
- 欲練 CSS ，必先宮 IE
- 分類: 標準之路
- Win國天下，欲練CSS之人不在少數，大多不得要領，又或是走火入魔，全為IE所累。故曰：欲練CSS，必先宮IE。
-
- SEO精華之Google排名因素詳解
- 分類: 標準之路
- 譯者：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網站品質...
最 新 發 表 及 資 訊 區
最新公告
最新文章
嵌入式內聯圖片
- 語言集
- 5月19日 15:51
WL-OliveGreen
- 軒榭亭臺
- 5月10日 20:50
PHP 沈思錄之三：Smarty
- 語言集
- 5月10日 14:40
樣板管理下儲存檔案後亂碼
- xoops
- 3月9日 1:10
Acid3算法更改 IE9/10滿分通過測試
- 網絡消息
- 9月19日 12:53
避免常見的六種 HTML5 錯誤用法
- 標準之路
- 8月25日 0:20
CSS Specificity 在 IE 下的錯誤規則
- 語言集
- 8月11日 1:10
文章分類
最新回覆
有關ｌｏｇｏ可以換嗎？
- 池水間
- 訪客
- 5月10日 21:23
有關ｌｏｇｏ可以換嗎？
有關ｌｏｇｏ可以換嗎？
WL-OliveGreen
WL-OliveGreen
WL-OliveGreen
浮生錄回覆
- waterlily tabs
軒榭12年5月6日
- WL-OliveGreen
軒榭12年5月6日
造訪統計
- 今天：55
- 昨天：362
- 本週：1889
- 本月：11905
- 總計：433142
- 平均：311
連結
除另有註明外，本站內容均採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 授權條款授權