具有良好和乾淨的HTML/CSS網站，以學習

Question

我目前有一些謙虛的HTML/CSS技術訣竅，並希望從那裏改進。

我發現自己最好的方法是從現有的網站獲取HTML/CSS，並從頭開始重建它，並通過做一些老式的學習：爲什麼需要這個元素，如果我刪除它在螢火蟲等...

但就像在每一個領域：作爲一個新手，它很難區分我看到的HTML/CSS的好壞。你知道任何你認爲的網站，作爲一個高級的Webdesigner，他們有一些偉大而乾淨的HTML/CSS代碼可以學習嗎？

珍惜每尖 belehe

PS：我不是在談論像CSS Zengarden網站，而是真正的「生產力」網站，如mint.com，等...

Answer 1

一些「經典」的鏈接：

• A List Apart：列表/雜誌（因爲之前存在的術語「博客」是廣義）與網頁設計的各個方面的文章，包括語義HTML和適當的CSS使用（具有one of the articles that started the movement against table-based design）。
• CSS Zen Garden：創建展示設計師：
  • 那你可以在無需創建一個沒有表
  • 與適當的HTML佈局，你可以改變你的網站僅接觸CSS和圖像設計（即非常好的設計更改HTML佈局）。

CSS禪意花園有幾個最令人印象深刻的靚麗的外觀設計我也看到了，肯定是你應該檢查一下。

編輯：一些例子的要求：

• Elastic lawn：這些盒子成長與文字大小，即使您沒有使用最新的瀏覽器的縮放功能。如果您關心在Windows中使用大字體的人，這非常有用。
• Retro Theather：絕對定位元素的原始使用（在IE6中不起作用）。
• Door to my garden：使用固定背景的有趣效果。
• New Groove：如何使用裝飾圖像填充較高窗口大小的剩餘右側空間的示例。
• Kyoto Forest，Ballade，15 Petals，Burning，Egyptian Dawn，Love is the air等：就像他們。

需要注意的是CSS禪意花園的要點之一是，所有的設計使用完全相同的HTML佈局，只有CSS和背景圖像的轉換。

Answer 2

研究或使用保羅愛爾蘭的用於現代實用前端代碼的HTML 5 Boilerplate模板：http://html5boilerplate.com/。 Docs。

樣板文件包含用於服務器端優化的.htaccess文件，包含一個ie6 png修復腳本，爲舊版瀏覽器添加支持html5的腳本以及全面的技術。

Answer 3

我一直認爲CSS Zen Garden是獲得一些堅實的想法的好地方。這些人是佈局大師。