顯示具有 css 標籤的文章。 顯示所有文章
顯示具有 css 標籤的文章。 顯示所有文章

2010年5月4日 星期二

[CSS]Fluid 960 Grid System Templates

Fluid 960 Grid System


Demo: http://designinfluences.com/fluid960gs/

[CSS]5 個常見的 CSS Frameworks - Yahoo YUI, 960 CSS, Blueprint, Yaml, jQuery

5 個常見的 CSS 框架
  1. Yahoo YUI (Yahoo User Interface Library)
  2. 960 CSS Framework
  3. Blueprint CSS Framework
  4. Yaml (Yet Another Multicolumn Layout)
  5. The jQuery UI CSS Framework

Yahoo YUI (Yahoo User Interface Library)

YUI Grids CSS 是最著名的 CSS 框架之一,是由 Yahoo 開發小組開發而成。

DEMO:Yahoo YUI Grids CSS DEMO

960 CSS Framework

960 CSS 網格框架系統,可以幫助您快速進行網頁設計的工具。960 網絡系統包含一個 PDF 網格頁面、Fireworks 模板、OnmiGraffle 模板、Photoshop 模板和一套 CSS 框架下的 HTML 演示。如果你正準備進行一個網格設計,可以下載使用。之所以叫 960 就是說模板的寬度是 960 像素。而之所以用 960 像素來做為標準,是因為 960 像素寬具有高度的靈活性,它可以按 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 和 480 來進行劃分。

Blueprint CSS Framework

Blueprint 是一個 CSS 框架,它的目的是減少您的 css 開發時間。它提供一個可靠的 css 基礎去創建您的項目,BP 由一個易用的網格、合理的佈局和一個列印樣式。

YAML

Yaml (Yet Another Multicolumn Layout)是一款結構簡約而不簡單的 css 框架,擁有張性和 靈活的佈局,可以創建時尚和彈性佈局,結構相當靈活,實用與大多

2010年3月29日 星期一

[CSS]HTML Dog - 用符合Web標準的HTML和CSS構建你的網站

HTML Dog - 用符合Web標準的HTML和CSS構建你的網站

The Best Practice Guide
To XHTML and CSS

著名的國外 XHTML 和 CSS 的實用指南網站 HTMLDog,不僅學到最常用的制做網頁的技術,最重要的是,你還可以深入瞭解實用的、最新的Web標準(Web Standards)。

總共六個指南,基本上覆蓋了 HTML 和 CSS 的範圍。初級指南是按部就班的,你應該按順序逐個學習。而中級和高級指南相對比較獨立,包含各種技巧和技術,你可以按照你的需求選擇性地學習。

目錄
  • HTML初級指南
    這是按部就班的最基礎教程,如果你尚未入門,你應該從這裡開始。 
  • CSS初級指南
    也是按部就班的,如果你學完了HTML出家指南,進一步學習吧。 
  • HTML中級指南
    對初學者和精通者都有用的一些HTML技術。
  •  CSS中級指南
    基於基本的CSS的一些「多餘」和「古怪」的東西。
  • HTML高級指南
    發揮HTML的兼容標準,增強親和力和易用性。
  • CSS高級指南
    探索CSS的多才多藝

官方網址:http://www.htmldog.com/
簡体中文版網址:http://www.lostk.com/ebook/html_css/guides/default.htm

2010年3月17日 星期三

[CSS layouts]maxdesign - CSS佈局(CSS layouts)

maxdesign 分享了常用的 CSS 佈局(CSS layouts),包括1,2和3欄佈局(CSS layouts) 提供你免費的學習和使用。



網址:http://www.maxdesign.com.au/articles/css-layouts/