CSS tools: Difference between revisions

Revision as of 13:40, 7 April 2009

CSS tools

CSSVista for Windows XP/Vista v0.15 (freeware; 須安裝 .Net Framework v2.0+)
- 可針對遠端網頁預覽CSS修改的效果
- 可預覽螢幕解析度800x600 & 1024x768 不同效果
- 分割視窗同時顯示 Firefox v1.7 (Firefox ) 與 Internet explorer(IE ) v6 瀏覽畫面

Firebug v1.05 for Firefox (How To Install Firebug In Browsers Other Than Firefox | MakeUseOf.com)
- 可針對遠端網頁預覽CSS修改的效果
- 可追蹤網頁各元素下載所需的時間

Web Developer extension v1.1.4 for Firefox
- 可針對遠端網頁預覽CSS修改的效果
- 提供驗證工具(Validator)

TopStyle Lite 3.5 for Windows (trial)
- 無法針對遠端網頁預覽CSS修改的效果?
- 提供驗證工具(validator)
- 相關文章: 排序 CSS 的利器 - TopStyle | 走過的、學過的、看過的

Internet Explorer Developer Toolbar v.1.00.2188.0 for Windows IE
- 無法針對遠端網頁預覽CSS修改的效果
- 提供驗證工具(validator)

網頁製作相關擴充套件 for Firefox

Aardvark Firefox Extension
Running Aardvark as a bookmarklet in Firefox, IE, or Safari
ColorZilla Extension for Firefox and Mozilla
MeasureIt: "Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels." Quoted from official website.
View Source Chart (Author's website: JavaScript Cake Tutorials and Scripts)

@@ Line 32: / Line 32: @@
 * [http://karmatics.com/aardvark/bookmarklet.html Running Aardvark as a bookmarklet] in Firefox, IE, or Safari
 * [http://www.iosart.com/firefox/colorzilla/ ColorZilla Extension for Firefox and Mozilla]
-* [http://www.kevinfreitas.net/extensions/measureit/ MeasureIt]
+* [http://www.kevinfreitas.net/extensions/measureit/ MeasureIt]: "Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels." Quoted from official website.
 * [https://addons.mozilla.org/en-US/firefox/addon/655 View Source Chart] (Author's website: [http://jennifermadden.com/ JavaScript Cake Tutorials and Scripts])