8 個新的Web工具和應用

1. Maxmertkit : Frontend Framework

Maxmertkit是一個有點類似于Bootstrap的前端框架，但它使用SASS代替CSS部分并且包含了大部分控件的樣式如：grid, typography, forms, tables, buttons 和 lists。它提供的主要控件有buttons, tabs, grouped elements, badges, dropdowns, tooltips, menus等。

下載
 

2. Docverter : Free Document Conversion API

Docverter 是一個開源的文檔格式轉換工具，可將純文本、HTML、reStructured 文本、Markdown 等輸入格式轉成 PDF、HTML、DocX、ePub 等。
 
下載
 

3. Profound Grid : A Grid System with SCSS

Profound Grid 包含多種網頁的網格布局效果，基于 SCSS 構建，支持嵌套網格和規則。

 
下載
 

4. Workless : HTML5-CSS3 Framework

Workless 是一個 HTML5-CSS3 框架，用于構建支持跨瀏覽器的 Web 應用。該項目基于 Bootstrap + HTML5 Boilerplate ，包括一個網格系統以及提供表單、表格、按鈕、標簽、提醒等樣式，提供圖標字體和一些 jQuery 插件。

 
下載
 

5. CSS Browser Selector + : Cross Browser Responsive Design Helper

CSS Browser Selector 是一個小的 JS 庫，可增強 CSS 的選擇器功能，支持根據不同的操作系統和瀏覽器來編寫指定的 CSS 代碼，可檢測瀏覽器、瀏覽器版本、平臺、平臺版本、設備、設備版本、min-width/max-width、屏幕方向等。

 
下載
 

6. Radi : Visual Design App for Web

Radi 是一個 Mac 平臺上的網頁制作工具，以用來制作各種可視化內容，比如圖片、動畫、視頻、曲線圖、JavaScript 等。

為 HTML5 度身打造有了 Radi，即便不會寫代碼你也可以制作 HTML5 網頁， Radi 從一開始就可以讓你充分利用 HTML5 的功能，比如多媒體支持和即時圖案等，對video 和canvas 元素的支持非常好。

Radi 另一個獨特之處就是會把可編輯內容和用來渲染內容的 HTML 元素分開。當你制作向量圖形和動畫的時候無需 立刻決定是否以視頻文件或動畫的形式來展現。比如當你創建了一個復雜的向量動畫后，發現在手機上渲染太慢，你可以通過將部分內容欲渲染成視頻文件進行加 速，在這種情況下，你就可以通過點擊
video 元素把內容層拖到里面即可。

 
下載
 

7. Forward : Open Source PHP E-Commerce Platform

Forward 是一個新鮮的電子商務程序使用 PHP + MongoDB 構建。提供強大的模板、輕松的定制編碼和表達式語法。提供 REST 風格的 API 和包括訂單、客戶和產品系統交互。

 
下載
 

8. SpriteMachine : WebBased CSS Sprite Generator

CSS sprites are perfect for minimizing the number of requests made to load the images and improving loading speed. However, for a sprite with many images, it takes time to create the sprite image and the CSS rules. SpriteMachine is a very straightforward web application for automating the sprite generation process. Just upload the images in a .zip file, choose the sprite image orientation (horizontal or vertical) and there you are. One great thing about the app is, it also asks whether the rules generates should be in CSS, SCSS or SASS.
 
下載