30個(gè)頂級開發(fā)人員的css3工具和應(yīng)用程序 |
發(fā)布時(shí)間: 2012/9/13 15:10:32 |
當(dāng)一個(gè)人需要編輯或修改網(wǎng)站設(shè)計(jì),級聯(lián)樣式表中發(fā)揮著重要的作用。工具有方便新手開發(fā)者和設(shè)計(jì)者輕松學(xué)習(xí)這種語言及其功能。讓我介紹你,層疊樣式表(樣式)是一種樣式語言,用于描述介紹語義(外觀和格式)文件的寫在一個(gè)標(biāo)記語言。它已被廣泛應(yīng)用并受網(wǎng)頁開發(fā)者的世界。 今天,我們已編制了一份名單,30個(gè)有用的工具和應(yīng)用程序,將協(xié)助和simplyfy工作的開發(fā)者和設(shè)計(jì)者。用下列工具你可以排序?qū)傩缘娜魏蚊,并能轉(zhuǎn)換你的PS圖象處理軟件層樣式和能夠創(chuàng)建自己的響應(yīng)系統(tǒng)。我們希望觀眾會發(fā)現(xiàn)下面的列表,方便和有用的。享受! 1.Metro UI CSS:用戶界面的框架,windows-8一樣的界面
Metro UI CSS 的用戶界面是一套風(fēng)格創(chuàng)造了這樣的接口。它是一個(gè)獨(dú)立的解決方案,但也可用于與任何其他框架并排。有風(fēng)格的瓷磚,圖像,告示,形式,按鈕和排版。該框架也是一個(gè)“工作進(jìn)程”,并提到要豐富更多布局選項(xiàng)+功能。 2.CSScomb:在一個(gè)給定的順序排序?qū)傩?/span>
CSScomb,免費(fèi)服務(wù)的各種屬性的任何命令你想要的(和,其默認(rèn)的順序也很好——從最重要的- -)。它與單一+多行代碼,除了在線版本,有插件提供了最流行的理念。 3.CSS3Ps:轉(zhuǎn)換您的PS圖象處理軟件層到CSS 3風(fēng)格
CSS3Ps,免費(fèi)云PS圖象處理軟件插件,轉(zhuǎn)換層,CSS 3。你可以選擇幾個(gè)層和層組和轉(zhuǎn)換在一點(diǎn)擊。中風(fēng)是轉(zhuǎn)換成邊框?qū)傩。?nèi)陰影,內(nèi)陰影,外發(fā)光,轉(zhuǎn)換成網(wǎng)頁箱陰影屬性。你可以看到結(jié)果,風(fēng)格在瀏覽器和分享他們與其他人。它可以在窗口或操作系統(tǒng)和PS圖象處理軟件中,后來。和最佳所有,它是完全免費(fèi)的! 4.ResponsiveAeon:CSS 3的網(wǎng)格體系架構(gòu)
ResponsiveAeon是HTML 5 / css3-powered框架創(chuàng)建響應(yīng)的布局很快。它有一個(gè)網(wǎng)格系統(tǒng),是基于12個(gè)柱1104px寬度共提供了一個(gè)很容易理解的使用只有3個(gè)基本類別。該框架利用“mediaqueries和可以與任何設(shè)備在任何尺寸。除了網(wǎng)格系統(tǒng),也有風(fēng)格的字體,列表,表格,按鈕和形式。下載包中包括幾個(gè)文件的兼容性,模態(tài)盒和私營部門/人工智能/圖標(biāo)文件的網(wǎng)格。 5.RefineSlide:響應(yīng)圖像滑塊與CSS 3的影響
RefineSlide是輕量級(4壓縮)插件插件的快速集成響應(yīng),基于圖像的滑塊到我們的網(wǎng)站。該滑塊使用CSS 3過渡+三維轉(zhuǎn)換(已是后備),有一群漂亮的過渡。它有一個(gè)選項(xiàng)來顯示縮略圖(自動格式化和響應(yīng))或弓箭作為導(dǎo)航(和,有鍵盤的支持以及)。 6.Photon:一個(gè)由三維光引擎
Photon是一個(gè)類庫,可以添加簡單的燈光效果,在三維空間中的任何元素。為創(chuàng)建的效果,它使用webkitcssmatrix對象(它是唯一支持的瀏覽器引擎)。光源的角度可以定義和隨時(shí)改變所提供的功能。它可以定義對象被點(diǎn)亮一個(gè)接一個(gè)或一組他們在一次,我們可以自定義的設(shè)置黑色+白色的使用。 7.Gridpak
Gridpak的出發(fā)點(diǎn)是為你的反應(yīng)項(xiàng)目,提高你的工作流程,節(jié)省時(shí)間。創(chuàng)建響應(yīng)網(wǎng)格系統(tǒng)一旦使用簡單的界面,讓gridpak做繁重的產(chǎn)生pngs,和腳本。 樣式,gridpak產(chǎn)生兼容,即8 +,然而它使用了一些實(shí)驗(yàn)屬性如媒體查詢,box-sizing和background-clip性能使我們建議使用它與圖書館等現(xiàn)代化的保證向后兼容性。 8.Morf.js:自定義功能過渡緩和CSS 3
Morf.js是一個(gè)解決硬件加速CSS 3過渡自定義緩解功能包括反彈,彈簧,彈性和更多。一旦一個(gè)寬松的功能是觸發(fā)通過的時(shí)候,它是使用webkit-keyframes。圖書館使用shifty.js纏繞規(guī)律屬性和它是Web Kit只有。 9.Gumby:響應(yīng)框架與網(wǎng)頁界面套件
Gumby是一個(gè)敏感的和960px-grid CSS網(wǎng)格框架,可以定制工作的各項(xiàng)決議,幾乎沒有努力。其液體固定布局的自我優(yōu)化內(nèi)容為桌面,片劑和移動的決議和有支持嵌套網(wǎng)格。類似于推特引導(dǎo),包括一個(gè)用戶界面工具包好看的按鈕,形式,導(dǎo)航+標(biāo)簽和一個(gè)小文件,使這些組件的壽命。古比有多個(gè)版本下載:12列,16列,混合一個(gè)或所有功能于一身的包裝。而且,有文件提供方便的設(shè)計(jì)網(wǎng)格。 10.App JS:創(chuàng)建桌面應(yīng)用程序與html-css-js
App JS是一個(gè)令人興奮的資源,使我們能夠開發(fā)桌面應(yīng)用程序使用網(wǎng)絡(luò)技術(shù)(網(wǎng)頁,網(wǎng)頁和腳本)。appjs是一個(gè)令人興奮的資源,使我們能夠開發(fā)桌面應(yīng)用程序使用網(wǎng)絡(luò)技術(shù)(網(wǎng)頁,網(wǎng)頁和腳本)。 11.Browser Support:瀏覽器的兼容性搜索引擎
Browser Support是一個(gè)簡單的搜索引擎來找出哪些屬性是支持在瀏覽器。一個(gè)auto-complete-powered搜索,它會顯示你所有可能的屬性而打字和帶來的結(jié)果為所有主要瀏覽器(鉻,Sa fari,F(xiàn)ire fox,即,歌劇院)。 12.Sprite Pad:在幾秒鐘內(nèi)創(chuàng)建針序列圖
Sprite Pad是完美的解決方案,每個(gè)網(wǎng)頁開發(fā)人員:與Sprite Pad你能夠創(chuàng)造你的雪碧在幾秒鐘內(nèi)。只需拖放圖片到畫布上,他們可以作為一個(gè)小精靈+代碼。沒有擺弄在PS圖象處理軟件,沒有手動設(shè)置樣式。雪碧的簡單方法。 Sprite Pad優(yōu)化警司eeeee:沒有下載,沒有設(shè)置,沒有冗長的上傳。工作無憂的直接在您的瀏覽器。把你的圖片,更改選項(xiàng)讓樣式會自動更新。沒有需要做的工作又兩次。 13.HTML5 Please
HTML5 Please幫助你尋找HTML 5,CSS 3,等特點(diǎn),知道如果他們可以使用,如果發(fā)現(xiàn)如何使用它們–與polyfills回退,或因?yàn)樗麄兪。所以,你可以決定是否和如何將這些功能的使用。 這些建議代表了集體知識的開發(fā)商誰一直在HTML 5戰(zhàn)壕。如果你認(rèn)為這個(gè)建議是不正確的,你可以編輯推薦每個(gè)功能和派拉的要求以及。 14.JS Bin:方便的在線編輯腳本和樣式
JS Bin是一個(gè)網(wǎng)頁應(yīng)用程序旨在幫助開發(fā)與民間測試代碼段,在某些情況下,和調(diào)試代碼協(xié)作。該站允許你編輯和測試 與超文本標(biāo)記語言。一旦你快樂,你可以保存,和網(wǎng)址發(fā)送到一個(gè)同行審查或幫助。他們可以節(jié)省一如果需要做進(jìn)一步的變化。 15.Animate.CSS
Animate.CSS一串酷,有趣,和跨瀏覽器動畫供您使用在您的項(xiàng)目。使用你的項(xiàng)目,只需添加類的元素,或叫動畫自己在你的文件。類和動畫有相同的名字。 網(wǎng)頁動畫支持蘋果,谷歌瀏覽器和火狐。微軟還承諾支持IE 10,和支持已經(jīng)宣布為歌劇12。 16.Excessive:刪除您的膨脹
Excessive是免費(fèi)使用的壓縮機(jī),你可以拖放任何數(shù)量的文件,他們將被壓縮,瞬間。應(yīng)用程序合并的所有文件到一個(gè)單一的,使你重新排列文件(以輸出)再拖'東經(jīng)'下降。 17.CSS Refresh
CSS Refresh是一個(gè)文件,這個(gè)過程automizes立即應(yīng)用新樣式不刷新頁面。這是一個(gè)插頭'東經(jīng)'播放解決方案和什么配置。只要插入文件的網(wǎng)頁和你準(zhǔn)備去。 18.Impress.js:一個(gè)CSS 3動力框架
Impress.js-這使我們能夠建立很漂亮的幻燈片演示;脽羝梢酝ㄟ^定位,旋轉(zhuǎn)和縮放在一個(gè)無限的畫布放大/縮小和三維效果通過使用CSS 3轉(zhuǎn)變和過渡創(chuàng)造太郎(這使得它只與Web kit和最新的Fire fox +瀏覽器)。 19.Bear CSS
Bear CSS是一個(gè)免費(fèi)使用的網(wǎng)絡(luò)應(yīng)用程序,生成一個(gè)樣式表的所有元素,入侵檢測和類從一個(gè)給定的文件。應(yīng)用程序主要是有用的這些項(xiàng)目,使用長的代碼,它會更好,如果熊的要求,項(xiàng)目包括內(nèi)部樣式表后上傳-功能要求。 20.Less
Less是擴(kuò)展css的變量,混合,和職能。不運(yùn)行在客戶端(瀏覽器,瀏覽器,F(xiàn)ire fox)和服務(wù)器端,與node.js和犀牛。 21.CSS2Less
這是一個(gè)基于網(wǎng)絡(luò)的工具,轉(zhuǎn)換成簡單的復(fù)制粘貼文件的樣式。 該工具采用css2less紅寶石圖書館在后端,它的網(wǎng)站是開放源碼的人愿意主辦他們自己。 22.Responsive Grid System:流體網(wǎng)格框架
Responsive Grid System是一個(gè)流體網(wǎng)格框架為響應(yīng)網(wǎng)站迅速發(fā)展。 它有3種:12,16和24列與媒體查詢所有標(biāo)準(zhǔn)設(shè)備,一個(gè)可選的復(fù)位和clearfix。網(wǎng)格的樣式,媒體查詢,復(fù)位和ie-specific是巧妙地分隔成不同的文件,我們可以使用所需要的東西。 23.CSS3 Shapes
CSS3 Shapes是一個(gè)項(xiàng)目,股票的風(fēng)格,包括許多不同形狀的三角形,鉆石,明星,評論,雞蛋,和更多。′CSS 3屬性使我們創(chuàng)造出許多不同形狀的造型單一元素。當(dāng)然,不是所有的人都是功能日常使用,但他們肯定是很好的啟發(fā)和提高你的網(wǎng)站(3)技能。 24. CSS Arrow Please
還有一些基于網(wǎng)絡(luò)的發(fā)電機(jī)可用于一切如條紋,按鈕,圖標(biāo)等形式,裝載機(jī),中箭請側(cè)重于另一個(gè)利基;是的,完全基于(沒有圖像)箭。 這個(gè)技巧是有用的創(chuàng)造工具提示,該發(fā)電機(jī)提供了多種選擇的定制(位置,顏色和邊界值)和自動生成相關(guān)代碼。 25.WebPutty:網(wǎng)頁編輯與托管服務(wù)
WebPutty是一個(gè)應(yīng)用程序,允許你寫代碼的一個(gè)在線,功能豐富,syntax-highlighted編輯器,可以讓你看到的變化,實(shí)時(shí)并排預(yù)覽面板。 你可以舉辦任何數(shù)量的文件在一個(gè)單一的帳戶。該文件是由服務(wù),所做的任何更改立即反映到生活網(wǎng)站。webputty是一個(gè)免費(fèi)托管服務(wù),現(xiàn)在是開放源碼的,任何人都可以創(chuàng)建自己的實(shí)例和編輯/管理多個(gè)項(xiàng)目文件從一個(gè)位置。 26.CSSFx.js
CSSFx.js是一個(gè)文件(重量2.5kb)創(chuàng)建特定于供應(yīng)商的CSS 3屬性需要為新老瀏覽器的客戶端。它支持大多數(shù)的CSS 3屬性和與大多數(shù)瀏覽器(包括IE 6)。 27.SpritePad:簡單的方法來創(chuàng)建針序列圖
SpritePad是一個(gè)令人印象深刻的,免費(fèi)的網(wǎng)絡(luò)應(yīng)用程序,允許您拖放任何數(shù)目的圖像畫布,他們的立場,你想要得到的樣式規(guī)則自動生成。一旦你安裝的所有項(xiàng)目,我們提供了一個(gè)壓縮文件spritepad。由精靈圖像樣式規(guī)則還畫布大小可定制和/或可縮小到適合的文件,點(diǎn)擊。有一個(gè)保費(fèi)版本也可為用戶提供其他一些方便的功能。 28.Dirty Markup:美化您的網(wǎng)頁,網(wǎng)頁和腳本代碼
Dirty Markup是一個(gè)免費(fèi)的網(wǎng)絡(luò)應(yīng)用程序,幫助您輕松地清潔亂碼。編輯使用簡單的功能aceeditor并有多個(gè)選項(xiàng)為每個(gè)美化得到最好的結(jié)果。它支持文本(5),和通過的力量結(jié)合流行的網(wǎng)頁,網(wǎng)頁整理和美化。 29.Crunch:較少的編輯和編譯
Crunch是一個(gè)免費(fèi)網(wǎng)頁/編輯器的語法高亮和多標(biāo)簽的支持應(yīng)用程序,簡化了編譯部分不需要命令行可通過一個(gè)用戶友好的界面。一旦一個(gè)小文件被保存,該版本是自動創(chuàng)建的(這是方便任何人愿意發(fā)展較少但不想依靠在客戶端)。 30.CSS3 Test
CSS3 Test是一個(gè)基于網(wǎng)絡(luò)的測試套件是找出哪些CSS 3屬性支持的瀏覽器被使用。它測試的幾個(gè)特點(diǎn)如背景/邊界,過渡,媒體查詢,字體,動畫和更多。它運(yùn)行多個(gè)測試用例的每一個(gè)元素,這可以被簡單地點(diǎn)擊物品。 本文出自:億恩科技【mszdt.com】 服務(wù)器租用/服務(wù)器托管中國五強(qiáng)!虛擬主機(jī)域名注冊頂級提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |