Question to say "I can!"

CSS3開發工具大全

2010-05-28

好快,css已經3代了。

通常來說,CSS非常簡單。但是當瀏覽器廠商開始實現CSS3特性,問題開始變得有些復雜了。不難,只是有些復雜。這可能包括兩個方面:首先有些心得CSS3屬性(比如,transition、漸變、transform等)不是那么簡單,其次我們不 得不使用瀏覽器廠商指定擴展。

直到你最喜歡用的IDE原生支持CSS3,你最好的伙伴將是CSS3生成器、手冊、參考指南以及基于JS的 方案。這正是本文要推薦的,這里將收集能 夠助你學習和使用CSS3的真正有用的工具。

生成器

JavaScript方案

  • Modernizr一個確 實很有用的JavaScript庫,可以檢測HTML5/CSS3的原生支持,并為你提供一種維護良好控制級別的方法,不管瀏覽器的能力。如果你更喜歡使 用MooTools,你可以使用MooModernizr (MooTools 版本的Modernizr)
  • Sizzle – JavaScript 選擇器庫一 個純Javascript選擇器引擎,被設計用來方便的插入到一個主庫中。Sizzle 實際上支持所有的CSS3 選擇器——它甚至包括一些很不常用的選擇器,比如忽略選擇器(escaped selectors )(”.foo\\+bar”)、Unicode 選擇器、以及在document序列中返回的結果。這也是jQuery使用的選擇器引擎。
  • YUI 選擇器組件YUI CSS3 選擇器組件,提供一個收集、過濾和測試HTML元素的穩定的簡寫方法。
  • ie7-js一 個讓IE擁有兼容標準的瀏覽器一樣的行為的JavaScript庫。
  • CSS3 偽類選擇器模擬ie-css3.js 可使Internet Explorer識別CSS3 偽類選擇器并渲染任何使用它們定義的樣式規則。簡單滴在你的頁面中引入這個腳本,然后在你的樣式表中使用這些偽類選擇器,然后IE就可以使用了。

參 考指南

  • CSS 3.0參考手冊
    騰訊ISD WebTeam制作的一個CHM格式的參考手冊,很全面,介紹+實例,推薦下載收藏;
  • 我 什么時候能用CSS3CSS3、HTML5、SVG以及其它即將可用的頁面技術的瀏覽器兼容性列表;
  • 瀏覽器支持清單使用 Modernizr庫檢測你的瀏覽器支持的“高級”特性,包括CSS3特性和選擇器的支持。
  • CSS3 選擇器測試自動運行 大量的判斷你的瀏覽器是否支持一些CSS選擇器的小測試;
  • SelectORacle一 個提 供CSS2和CSS3選擇器介紹的在線工具。簡單的給它一些選擇器,他就會返回選擇器匹配的相關說明。
  • CSS3 手冊與快速指南提供當前CSS3規范的列表,列出屬性可用的值、常用的選擇器模式參考,以 type/單位組織,選擇器類型參考和單位參考和信息 (另有PDF 版本);
  • CSS3偽類SitePoint 的CSS參考的相關部分內容;
  • CSS3 速查手冊CSS3屬性、選擇器類型以及可用的值的列表,PDF格式;

CSS3色彩名稱

提供所有147種色彩的名字以及按照字母排序的值。

如有更多有用 的工具,歡迎通過評論分享。

作者:admin | Categories:設計問題 | Tags:

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 下载台湾麻将明星三缺一 波野吉多结衣在线观看 广西十一选五 黑龙江十一选五走势 一本道高级型 2012奥运会足球直播表 竞彩国王vs鹈鹕 快乐双彩 山西体彩11选5走 捷报比分篮球分析 广东11选5走势图 2013年最新快播三级片电影 500万网即时比分 日本护士门照片全集一本道电影 pk10计划群 nba竞彩篮球即时比分