10 款實用的 CSS 開發助手推薦

2021-07-22 05:09:52 字數 1145 閱讀 1403

本文整理了10款非常實用的css工具,這些工具可以幫你處理一些單調重複性的工作,大大提高了web開發工作效率,簡化了工作流程。

原文:1.  animatable

該工具用於建立css3動畫,建立的動畫可以在任何平台或裝置(包括android、blackberry、ios 和webos等)中的現代瀏覽器中執行。即便你不熟悉css,該工具也能幫助你建立多場景的css3動畫。

2.  css3 buttonize framework

3.  patternify

這是乙個簡單的css圖案生成器。你可以在基於web的圖形化介面中繪製你想要的圖案,然後該工具將自動生成css**。

4.  css3 patterns gallery

正如該工具的名字,這是乙個css圖案畫廊,網頁中顯示了每個圖案的預覽,單擊你需要的圖案,即可顯示該圖案的css**。

5.  columnal

這是乙個css網格系統,整合了兩套自定義css**。elastic網格系統來自cssgrid.net,另外一些來自960.gs。

該工具可以將多個合併成乙個,並生成相應切片的css配置**。這樣,既節省了你寫**的時間,又提高了網頁載入時間。

7.  the web font combinator

該工具通過示例,讓你直觀地試驗、預覽頁面中各部分(標題、副標題、正文)字型的效果。

8.  layer styles

這是乙個基於瀏覽器的圖形編輯器,你可以在乙個對話方塊(類似於photoshop圖層樣式對話方塊)中設定圖形的樣式,然後該工具會自動生成css**。

9.  sencha animator

這是乙個桌面應用,允許你建立可在現代瀏覽器和觸屏移動裝置中執行的css3動畫。

10.  holmes

這是乙個css樣式診斷工具,通過新增乙個類,即可在頁面中高亮顯示一些錯誤或無效的html/html5標記,如使用紅色邊框顯示錯誤資訊、黃色邊框顯示警告資訊、灰色邊框顯示不贊成使用的樣式,還可以突出顯示可改進的標記、非w3c元素和屬性等。

推薦10款CSS框架

程式開發人員和網頁設計人員掐架的事情常有聽說,程式設計師們總是為自己設計不出來漂亮的網頁而糾結。不再鬱悶,因為開源幫了你,下面為你介紹10款相當不錯的css框架,專心做程式吧,網頁設計交給開源幫你。1.css網頁布局框架 elastic elastic是乙個簡單的css框架用來對網頁進行布局。ela...

推薦10款純css3實現的實用按鈕

no1.一款基於css3非常實用的滑鼠懸停特效 這款特效,當滑鼠經過時候乙個半透明的遮罩層倒下來。效果很好,而且是純css3實現的,很少,非常實用。效果如下 no2.一款基於css3的簡單的滑鼠懸停按鈕 這款懸停按鈕滑鼠經過前邊框是間斷的。當滑鼠經過的時候邊框間隔消失。效果圖如下 no3.純css3...

5款實用的IP位址跟蹤工具

ip位址是每台計算機的唯一識別符號,它基本上是一串數字,並以句點分隔。ip位址主要用於定位和識別計算機,這有點像我們人類的視網膜或者指紋。垃圾郵件傳送者和黑客通常會 自己的ip位址,讓我們難以識別其真實的ip位址。然而,值得注意的是,ip位址的物理位置不一定是計算機的位置。domaintools是最...