阅读更多

4顶
1踩

开源软件
引用

英文来源: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 ChromeNoon PacificFlux、和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应用提供可...

  • pandas-1.3.5-cp37-cp37m-macosx_10_9_x86_64.zip

    pandas whl安装包,对应各个python版本和系统(具体看资源名字),找准自己对应的下载即可! 下载后解压出来是已.whl为后缀的安装包,进入终端,直接pip install pandas-xxx.whl即可,非常方便。 再也不用担心pip联网下载网络超时,各种安装不成功的问题。

  • 基于java的大学生兼职信息系统答辩PPT.pptx

    基于java的大学生兼职信息系统答辩PPT.pptx

  • 基于java的乐校园二手书交易管理系统答辩PPT.pptx

    基于java的乐校园二手书交易管理系统答辩PPT.pptx

  • tornado-6.4-cp38-abi3-musllinux_1_1_i686.whl

    tornado-6.4-cp38-abi3-musllinux_1_1_i686.whl

Global site tag (gtag.js) - Google Analytics