1.ai2html

ai2html是适用于Adobe Illustrator的开源脚本,可以转换Illustrator文件为html和css。

官方网站:http://ai2html.org/

2.AlertifyJS

AlertifyJS是用于开发漂亮的浏览器对话框和通知的JavaScript框架。

官方网站:http://alertifyjs.com/

3.Atom

Atom是一个文本编辑器,现代化,亲切友好又安全——这是一个可自定义做任何事情并且不需要触及配置文件就可以高效使用的工具。

官方网站:https://atom.io/

4.Bootstrap Studio

Bootstrap Studio是一个桌面应用程序,可以帮助web开发人员和设计人员创建使用Bootstrap框架的响应式网站。它支持多种组件和高级功能,让你变得更有效率。成千上万的开发人员和设计人员每天都在使用它。我们相信你绝对会爱上它!

官方网站:https://bootstrapstudio.io/

5.Codesign

在网络上分享和讨论反馈最简单的途径。

官方网站:http://www.codesign.io/chrome

6.cssFilter

用于生成自定义CSS和照片分享应用,例如照片过滤的可视化场所。可以上传你自己的照片,或从Unsplash集合中选择一张照片来体验一下。

官方网站:http://www.cssfilters.co/

7.CSSfmt

CSSfmt是一款受Gofmt启发可自动格式化样式代码的工具。

官方网站:https://github.com/morishitter/cssfmt

8.Dimensions

Dimensions是开源的,托管在Github上。

官方网站:http://felixniklas.com/dimensions/

9.Fabricator

Fabricator是用于构建模块化网站设计系统的工具。

官方网站:http://fbrctr.github.io/

10.JSON Editor Online

JSON Editor Online是一个基于web的工具,可查看、编辑和格式化JSON。它可以在一个明确的、可编辑的树视图和一个代码编辑器中并排展示数据。

官方网站:http://jsoneditoronline.org/

11.LiveReload

官方网站:http://livereload.com/

12.基于本地存储的模型工具

该模型工具使用本地存储作为后端。

官方网站:https://github.com/fatiherikli/mockup-designer

13.Pingendo

使用一些流行的开源工具,例如Bootstrap,LESS,Fontawesome等等,快速创建高质量的HTML原型。

官方网站:http://pingendo.com/

14.Placemat

官方网站:https://placem.at/

15.Plato

JavaScript源代码可视化,静态分析和复杂性工具。

官方网站:https://github.com/es-analysis/plato

2016年最好的15个Web设计和开发工具的更多相关文章

  1. IOS-2016年最好的15个Web设计和开发工具

    设计师和开发者,web设计师和开发者遍地开花.这促使web开发人员也需要寻找最好的工具去设计出优于其他人的网站.作为一个web设计师或开发者,你必须寻找新的途径来提高自己的技能,提高自己的工作质量.下 ...

  2. 30+学习Web设计和开发的优质新鲜资源

    今天我们整理了一些最新的Web设计和开发的资源,这些资源都来自国外的流行站点,不过大家应该不会陌生,放在这里供大家收藏,在需要的时候方便翻阅和学习! 原文地址:http://www.goodfav.c ...

  3. 2008年最佳Web设计/前端开发技巧、脚本及资源总结

    工具&Web应用 13个可能会让你说”Thank You”的必不可少的开源应用 14个免费工具让你了解为什么人们会放弃访问你的网站 40+CSS生成器 74个我们可能已经忘记的适合网页设计师的 ...

  4. 30大最有影响力的Web设计与开发英文博客

    1stwebdesigner的创始人Dainis Graveris挑选出30个高质量和具有影响力的Web设计与前端技术博客,其中很多我们都耳熟能详.但这么完整的列表,还是值得收藏的.另外,你大概不会了 ...

  5. 8个很实用的在线工具来提高你的Web设计和开发能力

    近期在网上看到一张帖子感觉不错.只是是英文版的今天闲着没事锻炼一下英语能力分享给大家看看! 原文地址:http://webdesignledger.com/tools/8-useful-online- ...

  6. 推荐15个月 Node.js 开发工具

    Node.js 越来月流行.这个基于 Google V8 引擎建立的平台, 用于方便地搭建响应速度快.易于扩展的网络应用.在本文中.我们列出了2015年最佳的15个 Node.js 开发工具.这些工具 ...

  7. 黄聪:手机移动站Web响应式开发工具Viewport Resizer插件(360浏览器、谷歌Chrome浏览器兼容)

    插件作用: 移植自@MalteWassermann的脚本,一个可以测试响应式布局的chrome扩展. 插件截图: 插件下载地址(需FQ): https://chrome.google.com/webs ...

  8. Web 设计与开发者必须知道的 15 个站点

    新闻来源:catswhocode.com公司博客整整一个月没有更新了,最近一段时间,全公司都忙于两件事,为海尔集团做定制,为一个合作伙伴做 OEM,终于有了眉目.工作期间,常用到一些工具与帮助站点,今 ...

  9. 分享29个超赞的响应式Web设计

    原文自:http://www.csdn.net/article/2013-01-16/2813678-responsive-design-websites 最近几年,响应式Web设计不断印入人们眼帘, ...

随机推荐

  1. 追加文件内容java

    1.向空文件文件中追加内容(如果原来有内容,则覆盖) FileWriter writer; try { writer = new FileWriter(listFile);//创建字符输出流类对象和已 ...

  2. Android Service和Thread的关系

    不少Android初学者都可能会有这样的疑惑,Service和Thread到底有什么关系呢?什么时候应该用Service,什么时候又应该用Thread?答案可能会有点让你吃惊,因为Service和Th ...

  3. vs2015 使用 visual studio on line 在线版本控制

    将visual studio on line 作为一个免费在线版本控制器还是不错的,可以支持5个免费用户共同开发, 以下作为记录,贴在此. 一  申请visual studio on line 账户. ...

  4. pip报ssl错误解决

     InsecurePlatformWarning: A true SSLContext object is not available.   # yum -y install openssl-deve ...

  5. python MySQLdb中文乱码

    Python操作MySQL需要安装Python-MySQL可以从网上搜索一下,和一般的Python包一样安装 安装好之后,模块名字叫做MySQLdb ,在Window和Linux环境下都可以使用,试验 ...

  6. 到底UDP和TCP是什么个概念?

    今天在论坛看到一牛人对tcp和udp的解释和区分,突然间恍然大悟. 以下全为拷贝. 在现实生活中,“要想富,先修路”:同时人总要“居有定所”,于是盖起了N多的房子.但是当你和同事商量好去做客的时候却发 ...

  7. FB面经prepare: Task Schedule

    每种task都有冷却时间,比如task1执行后,要经过interval时间后才能再次执行,求总共所需时间. 用HashMap保存每一个task的下一次可以开始执行的最早时间 package TaskS ...

  8. 工龄居然这么有用![Reprint]

    工龄有多重要?你恐怕未必知道,别以为没啥大不了,事实上,工龄会从各方面影响你的生活 .为了自己的权益,关于工龄的这些事儿,你必须要了解! 1.影响带薪年休假 (1)职工本单位累计工作满1年不满10年的 ...

  9. [转] HashMap的工作原理

    HashMap的工作原理是近年来常见的Java面试题.几乎每个Java程序员都知道HashMap,都知道哪里要用HashMap,知道Hashtable和HashMap之间的区别,那么为何这道面试题如此 ...

  10. Java基础(54):java四种内部类详解(转)

    一般来说,有4中内部类:常规内部类.静态内部类.局部内部类.匿名内部类.  一.常规内部类:常规内部类没有用static修饰且定义在在外部类类体中. 1.常规内部类中的方法可以直接使用外部类的实例变量 ...