10个值得拥有非常好的Web开发工具

jopen 10年前

1. Google Web Designer

In their own words create engaging, interactive HTML5 based designs and motion graphics that can run on any device. It’s got a full design suite as well as editable code behind.

google-web-designer.png

2. Sculpt Web development Tool

It is a free, lightweight, mobile first responsive HTML, CSS and SASS framework. It has the robust core of CSS and flexibility of SAAS as well as clean sematic code and focus on typography.

sculpt-developent-tool.png

3. WinJS

If Windows apps is what you are into then WinJS would be very handy but you can build sites with it too.

winjs-development-tool.png

4. UXPin

UXPin comes with versioning, wireframing, documenting etc to provide a full circle design process.

uxpin-development-tool.png

5. Livereload

Apply live changes to CSS edits and image changes rendering refresh unnecessary.

livereload-development-tool.jpg

6. Wysihtml

It is a free open source wysiwyg HTML rich text editor.

wysihtml-development-tool.png

7. Layoutlt

It is a drag and drop interface builder based on bootstrap. They also give you some base templates to kick start your project.

layoutlt-development-tool.png

8. Brwoserstack

It is a web-based one stop solution to browser-testing all be it desktop or mobile.

browserstack-development-tool.png

9. Rubygems

Rubygems.org is the ruby community’s gem hosting service where you can instantly publish your gems and install them.

rubygems-development-tool.png

10. Vivus

Finally a nifty javascript class that allows you to create live drawing animations in your site.

vivus-development-tool.png