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.
下载