13個最常用的CSS和HTML快速開發工具 - OSCHINA - 中文開源技術...

2020-11-26 開源中國

1)CleverCSS

CleverCSS是個為CSS開發而產生的小型的標記語言,它的設計靈感來自Python,使得能夠以一種簡潔、結構化的方式構建樣式表。在很多方面,它比CSS2更加愛簡潔和強大。

它與CSS最明顯的不同之處在於語法:基於縮進而不是flat,很明顯這有違Python指導,但這也不失為構建結構化樣式的好點子。

2)Sass

Sass令CSS又有趣起來,它對CSS3進行了擴展,增加了嵌套規則、變量、混入、選擇器繼承等語法,可以使用命令行工具或網絡框架插件,將其轉化為良好格式的標準CSS。

3)Sajax

Sajax是一種使用Ajax framework來構建網站的開源工具,它使得通過JavaScript調用PHP,Perl或Python函數更加簡便,而不產生頁面刷新。該工具為你做了99%的工作,沒有理由不用用。

4)Komodo Edit for Perl,Python,Tcl,PHP,Ruby,Javascript

Komodo Edit一個小型快速開源編輯器,要替換你信任已久的代碼編輯器很難,但若給Komodo Edit一個機會,它一定不會讓你失望的。
它支持Windows、Mac、Linux,支持PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5, CSS3語法著色、代碼摺疊、後臺語法檢查、超強的自動補全和calltips。

5)CSSTidy

CSSTidy是一個開源CSS轉化和優化工具,它能在Windows、Linux、OSX下執行,可以像PHP腳本一樣由每行代碼來控制行為。
與其他大多數CSS轉換工具相反,它不實用任何常規的表達式,從而CSSTidy能夠對CSS2完美支持並提供高可靠性。

6)Less

Less是一種動態樣式表語言,LESS將CSS進行了擴展,添加例如變量、混入、操作符以及函數語法。LESS能夠依靠Node.js與Rhino運行於客戶端和伺服器端。

7)Vim

Vim是一個高度可配置的高效文本編輯器,被大多數的UNIX系統廣泛使用,Vim是一個免費的慈善共享軟體。

8)HSS

HSS是個擴展了CSS語法的工具,擁有強大的特性,例如:變量、嵌套塊。HSS是一個CSS編譯器,它支持CSS語法驗證,當在轉換過程中出現語法錯誤時,它將指出錯誤具體出現在哪個文件的哪一行。

9)Zen Coding - 一種開發HTML與CSS代碼的全新方式

Zen Coding是一個高速HTML,XML,XSL輯插件,該插件的核心是一個強大的縮寫引擎,它允許你將擴展表達式(類似於CSS選擇器)插入到HTML代碼中。

10)XCSS

首個面向對象的Css Framework,能讓你的工作流更加簡潔,xCSS基於CSS,並在開發複雜樣式提供處理面向對象的工作流。

11)Haml

Haml是一種標記語言,不使用內聯代碼簡潔地描述HTML。Haml可替代例如PHP,ASP和ERB等嵌入的頁面模板系統,該模版語言多用於Ruby on Rails應用。

12)Markup Generator

Markup Generator是一個創建xhtml/css代碼的簡單工具,能夠減少搭建無聊de最初框架代碼,它能生成xhtml標籤以及非常直觀的css框架,以加速開發。它縮減了語法,以便讓你直接對頁面元素進行渲染。

13)BluePrint

BluePrint是一個CSS框架,旨在縮短你的開發時間,它提供給你一個穩固的構建基礎,讓你能夠在易用的css網格系統、提供合理排版甚至列印樣式的基礎之上構建你的項目。

OSChina原創編譯(英文原文)

相關焦點

  • 10 個加速 CSS 開發的框架 - OSCHINA - 中文開源技術交流社區
    CSS 可以做很多事情,但開發者更習慣的是變量、常量和一般的更快速的語法,而 CSS 本身是不支持的。本文介紹了 10 個 CSS 預處理器,讓 CSS 支持一些簡單的編程語法。
  • 17 款常用響應式 web UI 框架 - OSCHINA - 中文開源技術交流社區
    Bootstrap Bootstrap是快速開發Web應用程式的前端工具包。它是一個CSS和HTML的集合,它使用了最新的瀏覽器技術,給你的Web開發提供了時尚的版式,表單,buttons,表格,網格系統等等。
  • CSS 編碼中超級有用的工具集合 - OSCHINA - 中文開源技術交流社區
    當你開發網站和 Web 應用時,使用合適的工具可以節省大量的時間。本文我將收集一些非常有用的 CSS 編碼工具,希望對你有幫助。
  • 致購買 JetBrains 開發工具的用戶 - OSCHINA - 中文開源技術交流...
    我們在購買頁面寫的3個工作日是非常順利下的處理時間,目前來看可能還需要更長些。如果你付款的時間已經超過1個星期後,可以在 OSC 上給 @蟲蟲 留言詢問。大家不妨放鬆去好好過這個春節,License 會為您奉上的!最後提前祝大家蛇年快樂,萬事如意。
  • 2014 非常好用的開源 Android 測試工具
    在開發 Android 應用的時候要進行測試,現在市場上有大量的測試工具。本文主要是展示一系列的開源 Android 測試工具。每個工具都會有相應的簡短介紹,還有一些相關的資源。Android 測試工具列表是按照字母來排序的,最後還會介紹幾個不是特別活躍的 Android 測試相關的開源項目。
  • SP++3.0 發布,歡迎大家使用 - OSCHINA - 中文開源技術交流社區
    消息來自 Jerry 的博客: SP++ (Signal Processing in C++) 是一個關於信號處理與數值計算的開源C++程序庫,該庫提供了信號處理與數值計算中常用算法的
  • FineUI(開源版)v4.2.0 發布了! - OSCHINA - 中文開源技術交流社區
    原始碼已經託管到OSC:http://git.oschina.net/sanshi
  • 盤點微軟最應該開源的 15 款產品 - OSCHINA - 中文開源技術交流社區
    飛行模擬器在25年的時間裡,微軟飛行模擬器讓我們坐在椅子上就能操縱世界上最熱門的飛機和直升機,但這款軟體在2006年就停止了更新,微軟更是在2009年關閉了它的開發工作室ACES。雖然微軟一直希望打造一個統一的OneDrive和OneDrive for Business客戶端,但他們卻沒有時間為其添加新功能,且OneDrive客戶端的完善程度也不夠高,在Windows中經常會出現許多問題。如果將其開源,OneDrive可能會變得更加穩定、快速和功能豐富,甚至是與其他作業系統進行整合。
  • gRPC首頁、文檔和下載 - RPC 框架 - OSCHINA - 中文開源技術交流...
    gRPC 是一個高性能、開源和通用的RPC 框架,面向移動和 HTTP/2 設計。目前提供 C、Java 和 Go 語言版本,分別是:grpc, grpc-java, grpc-go. 其中 C 版本支持 C, C++, Node.js, Python, Ruby, Objective-C, PHP 和 C# 支持.
  • HTML5+CSS+JS時間
    html,外觀修飾美觀與否就和css有關了,當然JS可能用的更多,再就是還可能用到css,js設計的框架.功能的多寡,比如造型酷炫,動態特效,多半都是JS來實現的,這裡我寫了一個博客的登錄界面(沒有設密碼,界面綠色按鈕就能進入博客,進入後用的java來實現的時間流動),圖片什麼的因為是別人的這裡就不上了,先上原始碼,我寫的代碼很簡單很容易應該就能看懂.
  • 15 個開源的頂級人工智慧工具
    連結:linux.cn/article-7830-1.htmlArtificial intelligence,AI是科技研究中最熱門的方向之一。Deeplearning4j 是一個 java 虛擬機(JVM)的開源深度學習庫。它運行在分布式環境並且集成在 Hadoop 和 Apache Spark 中。
  • StaxRip 2.1.6 發布,開源視頻轉換工具 - OSCHINA - 中文開源技術...
    StaxRip 是一個開源的視頻轉換工具,可以將藍光光碟或 DVD 中的視頻轉換成 PC 常用的視頻格式,具有一系列解復用器,復用器,編碼器和解碼器。需要在 .NET Framework 和 DirectX 的 Windows 環境下運行。
  • SonarQube Java 3.2 發布 - OSCHINA - 中文開源技術交流社區
    SonarQube Java 3.2 發布,此版本新增了一個用來檢測未閉合的資源(unclosed resources)規則和一個用戶測試代碼的規則。
  • 學院軟體基金會迎來第二個開源項目 - OSCHINA - 中文開源技術交流...
    據 variety 的報導,Sony Pictures Imageworks 將其用於製作電影的工具 OpenColorIO 捐贈給了學院軟體基金會。
  • web前端開發常用工具有哪些
    無論是初學小白亦或是自身前端開發人員,好用的軟體工具可以幫助他們更好的工作。下面為大家介紹一些常用的web前端開發工具:1、BootstrapBootstrap 是快速開發 Web 應用程式的前端工具包。
  • 餓了麼公司前端團隊開源前端基於 Vue的桌面端組件庫-Element
    Element,一套為開發者、設計師和產品經理準備的基於 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的開發快速成型。由餓了麼公司前端團隊開源。開源版本持續更新至2.3.2版;設計原則一致性 Consistency與現實生活一致:與現實生活的流程、邏輯保持一致,遵循用戶習慣的語言和概念;在界面中一致:所有的元素和結構需保持一致,比如:設計樣式、圖標和文本、元素的位置等。
  • 開源組件分享-Avue基於elementUI CRUD最強封裝
    ,該系統是基於Avue.js+微服務的開發的一個後臺管理系統。avue管理系統Avue.js目前開源在gitee上,是gitee上的GVP項目之一(GVP的意思是gitee上最有價值的開源項目Avue.js是基於element-ui庫進行的二次封裝,從而簡化一些繁瑣的操作,核心理念為數據驅動視圖,主要的組件庫針對table表格和form表單場景,同時衍生出更多企業常用的組件,達到高復用,容易維護和擴展的框架,同時內置了豐富了數據展示組件,讓開發變得更加容易。
  • Linux下常用的研發工具和環境
    而StarUML確是款不錯的開源UML工具。但以上三種UML工具都只能在Windows環境下運行。Linux下,目前常用的UML工具為UMbrello。三、集成開發環境:當前Linux上,已有兩款優秀的集成開發環境KDevelop和Eclipse。Eclipse是目前最著名的一款開源集成開發環境。
  • 常用的十大 python 圖像處理工具
    Python成為這種圖像處理任務是一個恰當選擇,這是因為它作為一種科學程式語言正在日益普及,並且在其生態系統中免費提供許多最先進的圖像處理工具供大家使用。讓我們看一下可以用於圖像處理任務中的常用 Python 庫有哪些吧。
  • 15 款免費IDE,推薦給開發者 - OSCHINA - 中文開源技術交流社區
    開源中國社區收錄了大量的開源、免費的IDE,精選15個免費IDE,推薦給大家。列表如下: