资讯频道 → 开源软件
阅读更多

4顶
1踩

开源软件

原创新闻 从设计到开发，不容错过的十大工具

2016-07-08 14:20 by 副主编 mengyidan1988 评论(0) 有10007人浏览
Atom 开发工具

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

引用

英文来源：From design to development, 10 tools I can’t live without
作者： Jonathan Z. White（@JonathanZWhite），设计师及开发者。
译者： 屠敏，欢迎技术投稿、约稿，给文章纠错，请发送邮件tumin@csdn.net

好的工具虽不能创造出一名出色的开发者，但开发者拥有好的工具会如虎添翼。本文分享从设计至开发的一些实用性工具，希望帮助开发者发现一些可以优化工作流的新工具。

Atom
Atom是Github专门为程序员推出的一个跨平台文本编辑器，已开源。功能齐全，可构建包管理器、智能自动完成（auto-completion），并包含精美的主题。



Sublime编辑器，包管理器让人耳目一新。Atom，既可以使用APM也具有简洁直观的GUI界面。无须修改配置文件，可以直接使用。另外Atom有很多有趣的特点：支持CSS，HTML，JavaScript等网页编程语言。它支持宏，自动完成分屏功能，集成了文件管理器。



性能方面，Atom缺点是启动较为缓慢。但是目前来说，它已经很快了。其运行缓慢的原因主要原因之一是打开了一个较大的文件。

可以阅读更多关于Atom及其性能优化的文章，Atom转型React和实现文本编辑器手动DOM更新。

DragDis
作为一名设计师，灵感是创作的灵魂。DragDis是一个可以拯救设计师找灵感的工具。并且很容易使用。安装Chrome扩展插件，拖拽所有你想要保存的内容。当然你需要把自己要保存的资源分门别类，先建好文件夹然后把相应的内容拖拽至相应的文件夹即可。更多功能用户可以自己去体验。



使用DragDis，随着时间推移可以追踪设计品味变化。



Dragdis工具的其中一个功能就是与Evernote 类似，保存网页上的各种信息，不过evernote使用起来不是很方便，功能上有点臃肿，而Dragdis使用起来更加直观，你在网络上收集的内容都是保存在Dragdis账户下，使用起来就跟书签类似，而不用打开其他第三方程序来调用。

iTerm 2
iTerm是一款Mac上的终端增强工具，是Terminal的替代品。iTerm 2提供更为强大的功能，如多标签页、分割界面、自动完成、选中复制、剪切板记忆、全屏、内联图像和搜索等功能。尽管Terminal有许多相似的功能，但iTerm 2仍在不断完善。



Muzli
Muzli是Chrome扩展应用，从Designer News、Dribbble、Behance等资源库分享各种资源链接，所有你需要的设计灵感这里都有。

每次在Chrome Muzli资源中打开新的标签，都会发现聚集了各个网站最好的内容。



其中一大亮点是有个人选择，好比拥有一位私人助理，帮助你挑选最好的前端和设计相关的文章。

Noiz.io
很多创造者会去比较有情调的地方寻找创作的氛围。Noizio将这种氛围带到家中，它提供了十月份的雨声、喧闹的巴黎咖啡厅、雷雨声等等10 种不同的白噪音音效。值得注意的是，Noizio 不仅仅提供上面的这些白噪音音效，最特别的是它可以让用户根据自己的喜好混搭音效。 我最后固定使用的一个音效是这样的一幅画面：在一个雷雨交加的晚上，寂寞的旅人在野外生火取暖。

白底黑顶栏荧光蓝的配色，搭配用简单线条勾勒音效图标组成了 Noizio 的简洁小清新的界面风格。然后，Noizio 可以设置暂停时间，可以跟随系统启动，还适配了优胜美地和 MacBook Pro，还居然免费。



Invision
Invison是一个便捷的产品原型生成工具，完美地配合前端和设计师之间的协作。用户制作一个在线原型只需要四部：创建一个工程、上传视觉设计稿、添加链接以及生成在线原型。



确切说，InVision提供的不是准确的线框图，而是一个快速原型的环境，可以把你的UX/UI草图快速连接起来。数字型的线框图和高保真的设计可以帮你测试app的工作情况，同时该工具还支持协作和分享功能，生成的在线原型可以支持任何人在产品原型的任何地方评论，便于准确的交流。

针对iOS 开发，InVision还增添了其他功能，比如自定义主屏幕icon和自定义加载页面。



蓝色的部分是超链接地方。如果点击蓝色区域，会打开另一个屏幕。这适用于用户做一些初步的定性测试。

Invision近期发布了一个新功能：Boards。Boards可以收集灵感和构建情绪板。与DragDis最大的不同是，Boards具有协作性，可与团队其他成员共同设计。



What the Font
排版时设计中最重要的部分。这也是笔者为什么将What the Font称为最喜欢的Chrome扩展程序。它可以帮助设计师找出网站所用的字体。



Postman
作为前端开发人员，我们需要经常查询API或交互的接口，需要调试一个网页是否运行正常，并不是简简单单地调试网页的HTML、CSS、脚本等信息是否运行正常，更加重要的是网页能够正确是处理各种HTTP请求，毕竟网页的HTTP请求是网站与用户之间进行交互的非常重要的一种方式，在动态网站中，用户的大部分数据都需要通过HTTP请求来与服务器进行交互。

Postman插件就充当着这种交互方式的“桥梁”，它可以利用Chrome插件的形式把各种模拟用户HTTP请求的数据发送到服务器，以便开发人员能够及时地作出正确的响应，或者是对产品发布之前的错误信息提前处理，进而保证产品上线之后的稳定性和安全性。



Wappalyzer
Wappalyzer用于识别网站所使用的工具库和框架。它是Chrome扩展程序，如果你想知道网站所用创建特定可视化的库，可以尝试使用Wappalyzer。



Boom还包含一组声音效果。



另外还有JSON Viewer for Chrome、Noon Pacific、Flux、和Better Snap Tool也可以尝试使用。
  • 大小: 82.3 KB
  • 大小: 74.8 KB
  • 大小: 277.3 KB
  • 大小: 220.9 KB
  • 大小: 146.7 KB
  • 大小: 171.7 KB
  • 大小: 639.7 KB
  • 大小: 54.6 KB
  • 大小: 116.5 KB
  • 大小: 84.6 KB
  • 大小: 172.7 KB
  • 大小: 237.4 KB
  • 大小: 427.2 KB
  • 大小: 50.1 KB
4
顶
1
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 不容错过的17款面向CSS开发人员的实用框架及工具.docx

    不容错过的17款面向CSS开发人员的实用框架及工具.docx

  • 从设计到开发，不容错过的10大工具

    英文来源： From design to development, 10 tools I can’t live without 作者： Jonathan Z. White（@JonathanZWhite），设计师...好的工具虽不能创造出一名出色的开发者，但开发者拥有好的工具会如虎添翼。本...

  • 从设计到开发，10大不容错过的效率提升工具

    希望在这篇文章中分享的这些实用性工具可以在优化工作流上帮助到你。 Atom Atom是Github推出的一个开源跨平台文本编辑器。几年间Atom都是我的第一选择，它功能齐全，内置包管理工具，有智能提示补全功能...

  • 超赞！不容错过的5款实用网页开发和设计工具

    此外，随着需求及项目的进一步细化，开发者社区几乎每天都会出现新的库和开发工具，作为网页开发者或设计师的你，自然很有必要去了解和掌握当下最新的、实用的工具，持续优化工作方法、有效提高开发进度。...

  • Android开发人员不容错过的十大实用工具

    为Android平台开发应用能够带来可观的发展机遇，而我们需要的只是以伟大的设计思路为起点开始这段旅程，由此打造出的应用成果也将在Google Play当中占据一席之地。 希望这份清单能够给大家带来切实的帮助。当然...

  • 每位Android开发人员不容错过的十大实用工具

    作为一款基于Linux内核的系统，Android属于由谷歌公司负 责开发及维护的开源项目。自2007年诞生以来，Android已经陆续推出过多个更新且愈发完善的版本，其中包括“姜饼”乃至“冰淇淋三明治”等等。而 就在今年，...

  • bootstrap交互式网页设计工具_2014年不容错过的十款Bootstrap设计工具

    Bootstrap无疑是2013年使用最广泛的前端开发框架之一，相信前端开发工程师们对它都不会陌生。这里再为大家推荐10款非常强大的Bootstrap设计工具，它们均建立于Bootstrap框架之上，所以上手会比较容易。这款工具是...

  • 安卓设计师不容错过的15款实用UI界面设计工具

    转载注明出处：https://weibo.com/ttarticle/p/show?id=2309404210660820028355最近刮起了一股“养蛙儿子”的风潮。独特的UI设计、萌萌的画风和简洁的用户...在此，小编为大家整理了几款好用的安卓UI界面设计工具...

  • Android开发者不容错过的十大实用工具

    作为一款基于Linux内核的系统，Android属于由谷歌公司负责开发及维护的开源项目。自2007年诞生以来，Android已经陆续推出过多个更新且愈发完善的版本，其中包括“姜饼”乃至“冰淇淋三明治”等等。而就在今年，最新...

  • 5个不容错过的高效开发工具

    Postman插件就充当着这种交互方式的“桥梁”，它可以把各种模拟用户HTTP请求的数据发送到服务器，以便开发人员能够及时地作出正确的响应，或者对产品发布之前的错误信息提前处理，进而保证产品上线之后的稳定性和...

  • Web开发人员不容错过的10大JavaScript工具

    当涉及到web开发，JavaScript工具仍然是最棘手的问题之一。以前开发人员只用JavaScript来增强一些功能，如闪烁文本等，但现在人们开始完全沉迷于它，因为它可以改善整个网站。因此，下面为开发人员列出10大...

  • iOS开发人员不容错过的10大工具

    3、iOS开发十大实用工具之图标设计 4、iOS开发十大实用工具之原型设计 5、iOS开发十大实用工具之演示工具 6、iOS开发十大实用工具之视频制作 7、iOS开发十大实用工具之分析工具 iOS简介 说起iOS，自然不必多...

  • 每位iOS开发人员不容错过的10大实用工具

    3、iOS开发十大实用工具之图标设计 4、iOS开发十大实用工具之原型设计 5、iOS开发十大实用工具之演示工具 6、iOS开发十大实用工具之视频制作 7、iOS开发十大实用工具之分析工具 iOS简介 说起iOS，自然...

  • 10个常用的软件测试工具，你不容错过

    有许多优秀的软件测试工具可以帮助测试人员在各种测试活动中提高效率和准确性。 本文将介绍10个常用的软件测试工具，包括其功能特点、使用场景以及举例说明，希望能为软件测试从业人员提供有价值的参考。

  • Java程序员一直使用的一些大数据工具，不容错过！

    以下是列出的Java程序员一直使用的一些大数据工具，或许会对你有意义。 1、MongoDB——最受欢迎的，跨平台的，面向文档的数据库。 MongoDB是一个基于分布式文件存储的数据库，使用C++语言编写。旨在为Web应用提供可...

  • 基于SSM+JSP+HTML的东风锻造有限公司重大停管理系统(Java毕业设计，附源码，数据库，教程）.zip

    Java 项目， Java 毕业设计，Java 课程设计，基于 ssm 开发的，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！ 1. 技术组成 前端：jsp 后台框架：SSM 开发环境：idea 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库工具：navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本）， maven 2. 部署 如果部署有疑问的话，可以找我咨询 Java工具包下载地址： https://pan.quark.cn/s/eb24351ebac4

  • 数据库系统课程设计报告-体育项目比赛管理系统设计与开发

    一、系统需求分析 1 （一）需求概述 1 （二）业务流分析 1 从运动员角度分析 1 （三）数据流分析 4 （四）数据字典 5 二、数据库概念结构设计 6 （一）实体分析 6 （二）属性分析 6 （三）联系分析 8 （四）概念模型分析（.PDM图） 9 三、数据库逻辑结构设计 9 （一）概念模型转化为逻辑模型 9 1.一对一关系的转化 9 2.一对多关系的转化 9 3.多对多关系的转化 10 （二）逻辑模型设计（.PDM图） 10 四、 数据库物理实现（一）表设计 10 （一）表设计 10 （二）创建表和完整性约束代码设计 11 五、数据库功能调试 15 （一）运动员管理模块 15 （二）负责人管理模块 16 （三）系统管理员管理模块 17 六、设计系统前台软件 21 （一）开发软件选择 21 （二）软件功能要求与设计 22 （三）软件功能实现 22 （四）系统测试 24 七、设计总结 27

  • 基于SSM+JSP的文物管理系统+数据库（Java毕业设计，包括源码，教程）.zip

    Java 项目， Java 毕业设计，Java 课程设计，基于 SpringBoot 开发的，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！ 1. 技术组成 前端：jsp 后台框架：SSM 开发环境：idea 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库工具：navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本）， maven 2. 部署 如果部署有疑问的话，可以找我咨询 Java工具包下载地址： https://pan.quark.cn/s/eb24351ebac4

  • 智慧园区整体解决方案-37PPT(46页).pptx

    智慧园区，作为现代化城市发展的新兴模式，正逐步改变着传统园区的运营与管理方式。它并非简单的信息化升级，而是跨越了行业壁垒，实现了数据共享与业务协同的复杂运行系统。在智慧园区的构建中，人们常常陷入一些误区，如认为智慧园区可以速成、与本部门无关或等同于传统信息化。然而，智慧园区的建设需要长期规划与多方参与，它不仅关乎技术层面的革新，更涉及到管理理念的转变。通过打破信息孤岛，智慧园区实现了各系统间的无缝对接，为园区的科学决策提供了有力支持。 智慧园区的核心价值在于其提供的全方位服务与管理能力。从基础设施的智能化改造，如全面光纤接入、4G/5G网络覆盖、Wi-Fi网络及物联网技术的运用，到园区综合管理平台的建设，智慧园区打造了一个高效、便捷、安全的运营环境。在这个平台上，园区管理方可以实时掌握运营动态，包括道路状况、游客数量、设施状态及自然环境等信息，从而实现事件的提前预警与自动调配。同时，智慧园区还为园区企业提供了丰富的服务，如项目申报、资质认定、入园车辆管理及统计分析等，极大地提升了企业的运营效率。此外，智慧园区还注重用户体验，通过信息发布系统、服务门户系统及各类智慧应用，如掌上营销、智慧停车、智能安防等，为园区员工、企业及访客提供了便捷、舒适的生活与工作体验。值得一提的是，智慧园区还充分利用大数据、云计算等先进技术，对园区的能耗数据进行采集、分析与管理，实现了绿色、节能的运营目标。 在智慧园区的建设过程中，还涌现出了许多创新的应用场景。例如，在环境监测方面，智慧园区通过集成各类传感器与监控系统，实现了对园区水质、空气质量的实时监测与预警；在交通管理方面，智慧园区利用物联网技术，对园区观光车、救援车辆等进行实时定位与调度，提高了交通效率与安全性；在公共服务方面，智慧园区通过构建统一的公共服务平台，为园区居民提供了包括平安社区、便民社区、智能家居在内的多元化服务。这些创新应用不仅提升了园区的智能化水平，还为园区的可持续发展奠定了坚实基础。同时，智慧园区的建设也促进了产业链的聚合与发展，通过搭建聚合产业链平台，实现了园区内企业间的资源共享与合作共赢。总的来说，智慧园区的建设不仅提升了园区的综合竞争力，还为城市的智慧化发展树立了典范。它以用户需求为导向，以技术创新为驱动，不断推动着园区向更加智慧、高效、绿色的方向发展。对于写方案的读者而言，智慧园区的成功案例与创新应用无疑提供了宝贵的借鉴与启示，值得深入探索与学习。

Global site tag (gtag.js) - Google Analytics