20个 css3 html5 设计工具
引用：http://www.open-open.com/news/view/37fd50
1.?Sencha Animator?
用標(biāo)準(zhǔn)的網(wǎng)頁技術(shù)打造超炫的動(dòng)畫，Senchar Animator使用CSS3來打造動(dòng)態(tài)的文字和圖片，流暢的變換，陰影，漸變等效果。
2.?CSS LINT?
這個(gè)工具可以幫你找出你CSS中的問題。不光是語法錯(cuò)誤，它還能指出你的代碼寫的不合理的地方，或者不高效的地方。
3.?Normalize.css
Normalize.css 是一個(gè)可以定制的CSS文件，它讓不同的瀏覽器在渲染網(wǎng)頁元素的時(shí)候形式更統(tǒng)一。
4.?Spritemapper?
Spritemapper 是一個(gè)組合不同圖片并生成 CSS 位置代碼的工具。
5.?holmes.css
這個(gè)CSS可以幫你找出你網(wǎng)頁中寫的不標(biāo)準(zhǔn)的HTML代碼。
6.?prefixMyCSS?
這個(gè)工具可以幫你的CSS代碼添加前綴。
7.?Sprite Cow??
這個(gè)工具可以幫助你創(chuàng)建CSS Sprite。
8.?Patternizer??
這個(gè)工具可以幫助你創(chuàng)建復(fù)雜條紋圖案的CSS。
9.?Prefixr??
這個(gè)工具可以幫助你創(chuàng)建跨瀏覽器的CSS代碼。輸入你的CSS代碼，然后勾選一些選項(xiàng)，它就會(huì)生成各個(gè)瀏覽器兼容的CSS給你。
10.?Patternify??
這個(gè)工具是一個(gè)簡單的CSS生成器。你可以直接在它的網(wǎng)頁上畫出你想要的樣式，然后它就會(huì)生成相應(yīng)的CSS給你。
11.?CSS Shapes?
這個(gè)工具可以幫你用純CSS來生成各種圖形。
12.?Initializr?
這個(gè)工具可以幫助你生成一個(gè)標(biāo)準(zhǔn)的HTML5網(wǎng)頁模板，然后你可以基于這個(gè)模板完成你的網(wǎng)頁。
13.?Gury?
Gury 可以幫助你創(chuàng)建基于 Canvas 的動(dòng)畫。
14.?oCanvas
oCanvas 可以幫助你很容易的在 HTML5 的 Canvas 標(biāo)簽上創(chuàng)建對(duì)象，并且創(chuàng)建這些對(duì)象的動(dòng)畫。
15.?Modernizr
Modernizr 是一個(gè)利用 JS 和 CSS 來檢測(cè)瀏覽器說支持功能的小工具。
16.?Response JS
Response JS 是一個(gè)輕量級(jí)的 jQuery 插件，用來創(chuàng)建高性能的支持移動(dòng)設(shè)備的網(wǎng)站。它提供了一套語法用來根據(jù)不同的環(huán)境動(dòng)態(tài)替換HTML代碼。例如根據(jù)屏幕大小，動(dòng)態(tài)的替換img標(biāo)簽的src地址。
17.?Mercury Editor?
這是一個(gè)全功能的 HTML5 編輯器，可以幫助你的團(tuán)隊(duì)在瀏覽器中編輯文檔。
18.?Sugar
Sugar 是一個(gè)JavaScript庫。它擴(kuò)展了現(xiàn)有的JS對(duì)象的方法，讓你可以用更少的代碼做更多的事情。
19.?Buzz
Buzz 是一個(gè)用于操作HTML5音頻標(biāo)簽的JavaScript library 。它是一個(gè)沒有用到其它JavaScript框架獨(dú)立Library。并擁有豐富的API可以用來管理這個(gè)音頻標(biāo)簽提供的所有功能。支持的功能包括播放、 暫停、停止、循環(huán)和音量控、取得音頻信息、判斷音頻類型是否支持、可同時(shí)處理多個(gè)音頻文件。還可以取得播放結(jié)束、錯(cuò)誤產(chǎn)生或音量變化等事件。
20.?Recurly.js
Recurly.js 是另一個(gè) JS 實(shí)現(xiàn)的表單美化插件。
轉(zhuǎn)載于:https://www.cnblogs.com/sode/archive/2012/11/13/2767950.html
總結(jié)
以上是生活随笔為你收集整理的20个 css3 html5 设计工具的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： USACO 2.3 Money Syst
- 下一篇： 使用后期处理效果实现运动模糊