值得网页设计师&前端收藏的实用工具列表

初稿地址:http://www.uisdc.com/tool-list-web-developers\#

 

无你是经验丰富的前端,还是凑巧启动之设计师,这些为真正的网页设计师以及开发者所预备的实用工具、在线服务、资源和代码有,都是啊而如果杀之,合理之采用能够给你的网页设计以及支出经济。

这次总结的家伙共计有40悠悠,它们大多可以分为8单可怜接近

·灵感和阅读:这类资料通常是设计案例和 class=”wp_keywordlink_affiliate”>酷站,它们启发灵感,给您经历
·网络社区:汇集Web开发者和设计师的精美社区
·网页测速器:一些极度好之网站测速器
·沟通和品种管理:适宜开展联络与保管的工具,包括网页端和动端
·代码共享与编辑器:最好之Markdown编辑器,代码分享工具
·CSS/HTML:能够被你的网页又美妙的工具,帮你创造更鲜明的CSS代码
·框架:最流行最好用底网页开发框架 ·Git客户端:好用非说明

接下来,Enjoy!

灵感和阅读

Web Development Reading List

图片 1

马上是一个纯手工精心选料的Web开发有关资源的列表,而而得开的尽管是订阅它,关注它,使用它们。

WEB TOOLS WEEKLY

图片 2

Web Tools Weekly 是一个瞩目以及前端开发及网页设计工具的新闻简报。

Web Operations Weekly

图片 3

一如既往的,Web Operations Weekly
也是一个新闻简报,每周更新,内容要关于网络运营、网络基础设备、网络性与工具等。

Freshbrewed.co

图片 4

其一网站集中了新式的文章、技术以及极值得看和储藏的网页设计出最佳实践。

纱社区

Front-end Front

图片 5

前端开发啊可当
Front-end Front 提问、分享好玩之始末、展示自己的支付项目。

Refind

图片 6

Refind
替你接到网络直达最好好的网站和链接,你每天还可以当这里看到最好之设计项目,获取灵感。

LinkedIn PHP Developer Group

图片 7

倘您会PHP、Mysql、Drupal、Joomla、Zend、Cake、MVC,那么这Linkedin社区非常适合你。

网页测速器

Website Speed Test

图片 8

眼看是一款颇为实用的网站测速器,其中尚蕴含了页面预览功能。

Google Chrome DevTools

图片 9

Google Chrome DevTools
是内有关谷歌浏览器的网页打及调节工具,你可就此它们来遍历、调试和监测。

Pingdom

图片 10

Pingdom 的用方式很粗略,输入网站URL就可测试其的加载时间。

Google PageSpeed Insights

图片 11

顿时款测速器得以参照最佳实践来分析和优化你的网站。

WebPageTest

图片 12

倚普通浏览器你不怕足以采取WebPage Test
针对全球限量外任何网站开展免费的连年测速。

GTmetrix

图片 13

GTmetrix 是一个免费的网页连接测速器,借助PageSpeed 和 YSlow ,GTmetrix
可以辅助你对页面进行评分。

牵连和种类管理

Slack

图片 14

Slack
是同缓在线的集成团队沟通工具,它可以通过实时聊天、协同、归档来治本而的社、资源与路。

Glip

图片 15

Glip
是平等悠悠实时会话/视频沟通工具,可进展任务管理、文件分享、内容搜索的差不多力量以。

Jira

图片 16

Jira 是均等慢呢快速软件开发团队提供的活的品类管理工具。

Trello

图片 17

Trello
是同一舒缓超过平台的任务分配和类别管理工具,无论是团队合还是制作任务清单都手顶擒来。

Asana

图片 18

Asana
是Facebook旗下的团一起、任务分配和类管理工具,使用起来便,上手也生快。

代码共享以及编辑器

Codeshare

图片 19

即时是一个开发者免费享受代码有的家伙。

Dabblet

图片 20

随即是一个交互式的CSS测试和代码共享工具,它还支持保存至Github,以及无数有益于之编写功能。

Beyond Compare

图片 21

经过简单可强劲的吩咐来赞助您比文件以及文书夹,帮你注意于值得关注之歧异。

StackEdit

图片 22

StackEdit 是同一舒缓基于PageDown的都效开源MarkDown编辑器,Stack Overflow
和任何的Stack exchange 网站常常会就此到它的Markdown 库。

Mou

图片 23

及时是MacOSX平台上无限好的Markdown编辑器之一,实时预览、同步滚动、自动保存、自动皮拍、自定义主题等多强大使实用的意义让纳入其中。最要害之是,它于华语的支持相当不错。

MarkdownPad

图片 24

MarkdownPad 是Windows 平台下的平等慢性均效 Markdown编辑器。

Sublime Text

图片 25

Sublime Text
是千篇一律暂缓高度可定制的、界面可以的代码编辑器,功能非同凡响,性能也一定不错,越来越多的开发者和设计师开始在迷于Sublime
Text。

Dillinger

图片 26

Dillinger
是一律款款基于云端、支持移动端、可离线存储的基于AngularJS和HTML5的Markdown编辑器。

Texts

图片 27

Texts 是平慢性符文布编辑器,主要有于Windows 与iOS平台。

ByWord

图片 28

ByWord 同为是如出一辙放缓Markdown编辑器,它旨在提供逾通畅有趣的编写体验。

CSS/HTML

Sass

图片 29

Sass 是当下极端成熟、最平稳,同时保持功能强大和专业性的CSS扩展语言。

Stylus

图片 30

假定既生Node.JS,安装Stylus
是平等码特别轻松的事务,它呢Node.js提供强劲、功能丰富、性能优良的CSS语言支持。

Less

图片 31

Less
是相同慢CSS的同电脑,它是CSS语言的延,强化了作用,提供了诸多外加的支持。

框架

Bootstrap

图片 32

Bootstrap 是极度风靡的HTML/CSS/JS
框架,可以拉您创造响应式、移动端优先的页面及档次。

Semantic UI

图片 33

Semantic UI 是千篇一律慢慢悠悠支出框架,让你可以应用HTML创建美好、响应式的布局。

Foundation

图片 34

Foundation
是同样多级响应式前端框架,可以协助您更轻松地计划好的响应式网页、APP页面和炫酷的电子邮件。

Uikit

图片 35

Uikit
是平等悠悠轻量级、模块化的前端框架,旨在帮助开发者快速设计强大的网页界面。

Git客户端

SourceTree

图片 36

SourceTree
是均等慢覆盖Windows和Mac两不胜平台的免费的Git与Mercurial客户端。你得凭SourceTree
管理有的当地文件、托管和储存库。

Tower 2

图片 37

Git Tower
是Mac平台达成最为美妙的Git客户端,将Git的强劲作用以及易用性结合及一道是Mac用户挑选Git
Tower的基本点理由。

Gogs

图片 38

Gogs
让几乎可以在外Go可以运作的平台达成进展编译:Windows、Mac、Linux、ARM,等等。Gogs
对于性的要求并无强,即使是当培训莓派上且得顺理成章运行。

GitKraken

图片 39

GitKraken 是千篇一律慢慢悠悠不错直观的Git客户端,它好以Windows、Mac和Linux上运行。

GitLab

图片 40

GitLab 可以协助你托管个人还是国有的免费软件开发项目。

【技多不压身的设计师才起强工资!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 互相设计:《交互设计师修炼指南!教君从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来叫你!零基础如何系统地读书前端开发?》
  5. 琢磨图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩加配速成!3个实用方法帮助您到家搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 互设计自学路径图:《零基础入门!给非科班生的进修路径图之相互设计篇》

相关文章