2015年25个新鲜的Web开发工具集合
1) Sass Guidelin
An opinionated styleguide for writing sane, maintainable and scalable Sass. Sass’s ultimate objective is to fix CSS’s flaws. CSS, as we all know, is not the best language in the world. While very simple to learn, it can quickly get quite messy, especially on large projects.
2) HyHyHy
hyhyhy is used from the Ruby CLI and relies on a series of steps that developers (and even regular users) can go through to build a simple presentation.
3) eCharts
ECharts is a comprehensive charting library offering a painless way of adding interactive charts to your commercial products.
4) Snabbt.js
snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices.
5) Evil Icons
Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js,Gulp, Grunt and CDN.
6) JSONQuery
Query JSON data structures without serialization.
7) Material Palette
8) deSVG
deSVG takes the <img /> tags you supply. It then grabs, using AJAX, the raw SVG you’ve set in the “src” attribute and replaces that <img /> with the <svg /> it downloads.
9) HTML Now
10) Frameless Grid
It’s just an idea for a specific type of adaptive grid. You can use it as a good starting point for a new design, but you’ll still have to do all the hard work of designing and coding yourself.
11) DesignBreak
12) Gumba
Gumba is a free HTML5/CSS3 single-page website template.
13) Squire
Squire is an HTML5 rich text editor, which provides powerful cross-browser normalisation, whilst being supremely lightweight and flexible. It is built for the present and the future, and as such does not support truly ancient browsers.
14) Titon Toolkit
Extensible front-end HTML, CSS, and JavaScript user interface components for the responsive, mobile, and modern web.
15) BigPicture
16) Mootor Framework
It’s a framework, meaning a group of tools, open source tools, to develop mobile applications based on HTML5. HTML and open source HTML5 becase it’s a fast growing technology and it’s multi-platform (Android, iOS, Firefox OS, etc). Open source because a front-end tool in HTML5 can not avoid it.
17) Eager
Eager is perfect for business websites. Eager apps can help you generate more leads and delight your visitors.
18) UI Tiles
19) wysiHTML
It’s an open source, community developed wysiwyg html rich text editor. Any web developer can grab it and use it in her projects.
20) Hoverstat
Celebrating great interaction design & frontend development.
21) Nibbler
Nibbler is a free tool for testing websites. Enter the address of any website and Nibbler will give you a report scoring the website out of 10 for key areas, including accessibility, SEO, social media and technology.
22) Coolors
The super fast color schemes generator for cool designers.
23) MaterializeCSS
A modern responsive front-end framework based on Material Design.
24) cssDig
Take a look at all your CSS properties, their frequency and variations. Have too many shades of blue? Inconsistencies often means confusion for your developers and irregularities for your end users.
25) Seti UI
