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

原稿地址: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

Bootstrap 1

随即是一个纯手工精心甄选的Web开发有关资源的列表,而若需要做的即使是订阅它,关注它,使用它。

WEB TOOLS WEEKLY

Bootstrap 2

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

Web Operations Weekly

Bootstrap 3

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

Freshbrewed.co

Bootstrap 4

这网站集中了时髦的篇章、技术与太值得看与储藏之网页设计出最佳实践。

纱社区

Front-end Front

Bootstrap 5

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

Refind

Bootstrap 6

Refind
替你接网络及最为好的网站和链接,你每天都可以此看最好的计划项目,获取灵感。

LinkedIn PHP Developer Group

Bootstrap 7

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

网页测速器

Website Speed Test

Bootstrap 8

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

Google Chrome DevTools

Bootstrap 9

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

Pingdom

Bootstrap 10

Pingdom 的采取办法充分简短,输入网站URL就足以测试其的加载时间。

Google PageSpeed Insights

Bootstrap 11

当时款测速器得以参考最佳实践来分析及优化你的网站。

WebPageTest

Bootstrap 12

借助普通浏览器你虽得使WebPage Test
针对全球范围外其他网站进行免费的连续测速。

GTmetrix

Bootstrap 13

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

关系和种类管理

Slack

Bootstrap 14

Slack
是同样款在线的集成团队沟通工具,它好透过实时聊天、协同、归档来治本而的团组织、资源和花色。

Glip

Bootstrap 15

Glip
是同等磨蹭实时会话/视频沟通工具,可进行任务管理、文件分享、内容搜索的大都效益利用。

Jira

Bootstrap 16

Jira 是千篇一律慢慢悠悠也高速软件开发团队提供的灵敏的档次管理工具。

Trello

Bootstrap 17

Trello
是同缓超过平台的任务分配和种管理工具,无论是团队一起还是打任务清单都手顶擒来。

Asana

Bootstrap 18

Asana
是Facebook旗下之团伙共同、任务分配和种类管理工具,使用起来方便,上手也酷快。

代码共享以及编辑器

Codeshare

Bootstrap 19

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

Dabblet

Bootstrap 20

即是一个交互式的CSS测试与代码共享工具,它还支持保存到Github,以及众多利之编功能。

Beyond Compare

Bootstrap 21

经过简单但强硬的下令来助你比文件与文书夹,帮你注意让值得关注的异样。

StackEdit

Bootstrap 22

StackEdit 是平等悠悠基于PageDown的皆效开源MarkDown编辑器,Stack Overflow
和另外的Stack exchange 网站常常会为此到它们的Markdown 库。

Mou

Bootstrap 23

立是MacOSX平台上极度好的Markdown编辑器之一,实时预览、同步滚动、自动保存、自动皮拍、自定义主题等多精锐使实用的机能为纳入其中。最要的凡,它对于华语的支撑相当对。

MarkdownPad

Bootstrap 24

MarkdownPad 是Windows 平台下的等同磨蹭均职能 Markdown编辑器。

Sublime Text

Bootstrap 25

Sublime Text
是一模一样缓缓高度可定制的、界面可以的代码编辑器,功能非同凡响,性能为相当对,越来越多之开发者和设计师开始在迷于Sublime
Text。

Dillinger

Bootstrap 26

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

Texts

Bootstrap 27

Texts 是一样舒缓符文布编辑器,主要存在于Windows 同iOS平台。

ByWord

Bootstrap 28

ByWord 同为是一致迟迟Markdown编辑器,它旨在提供越来越流畅有趣的编辑体验。

CSS/HTML

Sass

Bootstrap 29

Sass 是眼前最好成熟、最稳定,同时保障功能强大和专业性的CSS扩展语言。

Stylus

Bootstrap 30

设都发Node.JS,安装Stylus
是相同起十分轻松的作业,它呢Node.js提供强有力、功能丰富、性能优良的CSS语言支持。

Less

Bootstrap 31

Less
是一样舒缓CSS的和电脑,它是CSS语言的拉开,强化了意义,提供了无数额外的支撑。

框架

Bootstrap

Bootstrap 32

Bootstrap 是极致盛的HTML/CSS/JS
框架,可以帮助你创造响应式、移动端优先的页面及类别。

Semantic UI

Bootstrap 33

Semantic UI 是均等放缓支出框架,让您得运用HTML创建美好、响应式的布局。

Foundation

Bootstrap 34

Foundation
是同样多级响应式前端框架,可以拉您更自在地设计精良的响应式网页、APP页面及炫酷的电子邮件。

Uikit

Bootstrap 35

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

Git客户端

SourceTree

Bootstrap 36

SourceTree
是一模一样慢慢悠悠覆盖Windows和Mac两死平台的免费的Git与Mercurial客户端。你得凭借SourceTree
管理有的地头文件、托管和储存库。

Tower 2

Bootstrap 37

Git Tower
是Mac平台达成最好妙之Git客户端,将Git的兵不血刃作用跟易用性结合到手拉手是Mac用户选择Git
Tower的机要理由。

Gogs

Bootstrap 38

Gogs
让几乎可以当其余Go可以运行的平台达成开展编译:Windows、Mac、Linux、ARM,等等。Gogs
对于性的渴求并无强,即使是于培育莓派上还可以流利运行。

GitKraken

Bootstrap 39

GitKraken 是相同慢不错直观的Git客户端,它可以于Windows、Mac和Linux上运行。

GitLab

Bootstrap 40

GitLab 可以帮忙您托管个人或者国有的免费软件开发项目。

【技多不压身的设计师才有大工资!】

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

相关文章