原文地址:http://www.uisdc.com/tool-list-web-developers#

无论你是经验丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段,都是为你而生的,合理的运用能够让你的网页设计与开发事半功倍。

这次总结的工具总计有40款,它们基本上可以分为8个大类

·灵感与阅读:这类素材通常是设计案例和酷站,它们启发灵感,给你经验 ·网络社区:汇集Web开发者和设计师的优秀社区 ·网页测速工具:一些最好的网站测速工具 ·沟通和项目管理:适宜进行沟通和管理的工具,包括网页端和移动端 ·代码共享和编辑器:最好的Markdown编辑器,代码分享工具 ·CSS/HTML:能够让你的网页更漂亮的工具,帮你创建更清晰的CSS代码 ·框架:最流行最好用的网页开发框架 ·Git客户端:好用不解释

接下来,Enjoy!

灵感与阅读

Web Development Reading List

这是一个纯手工精心挑选的Web开发相关资源的列表,而你需要做的就是订阅它,关注它,使用它。

WEB TOOLS WEEKLY

Web Tools Weekly 是一个专注与前端开发和网页设计工具的新闻简报。

Web Operations Weekly

同样的,Web Operations Weekly 也是一个新闻简报,每周更新,内容主要关于网络运营、网络基础设施、网络性能和工具等。

Freshbrewed.co

这个网站汇集了最新的文章、技术和最值得阅读和收藏的网页设计开发最佳实践。

网络社区

Front-end Front

前端开发者可以在 Front-end Front 提问、分享有趣的内容、展示自己的开发项目。

Refind

Refind 替你收纳网络上最好的网站与链接,你每天都可以在这里看到最好的设计项目,获取灵感。

LinkedIn PHP Developer Group

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

网页测速工具

Website Speed Test

这是一款颇为实用的网站测速工具,其中还包含了页面预览功能。

Google Chrome DevTools

Google Chrome DevTools 是内至于谷歌浏览器的网页制作和调试工具,你可以用它来遍历、调试和监测。

Pingdom

Pingdom 的使用方法很简单,输入网站URL就可以测试它的加载时间。

Google PageSpeed Insights

这款测速工具可以参考最佳实践来分析和优化你的网站。

WebPageTest

借助普通浏览器你就可以使用WebPage Test 针对全球范围内任何网站进行免费的连接测速。

GTmetrix

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

沟通和项目管理

Slack

Slack 是一款在线的集成团队沟通工具,它可以通过实时聊天、协同、归档来管理你的团队、资源和项目。

Glip

Glip 是一款实时对话/视频沟通工具,可进行任务管理、文件分享、内容搜索的多功能应用。

Jira

Jira 是一款为敏捷软件开发团队提供的灵活的项目管理工具。

Trello

Trello 是一款跨平台的任务分配和项目管理工具,无论是团队协同还是制作任务清单都手到擒来。

Asana

Asana 是Facebook旗下的团队协同、任务分配和项目管理工具,使用起来便捷,上手也很快。

代码共享和编辑器

Codeshare

这是一个开发者免费分享代码片段的工具。

Dabblet

这是一个交互式的CSS测试和代码共享工具,它还支持保存到Github,以及许多便利的编辑功能。

Beyond Compare

通过简单但强大的命令来帮你对比文件和文件夹,帮你专注于值得关注的差异。

StackEdit

StackEdit 是一款基于PageDown的全功能开源MarkDown编辑器,Stack Overflow 和其他的Stack exchange 网站常常会用到它的Markdown 库。

Mou

这是MacOSX平台上最好的Markdown编辑器之一,实时预览、同步滚动、自动保存、自动皮拍、自定义主题等多种强大而实用的功能被纳入其中。最重要的是,它对于中文的支持相当不错。

MarkdownPad

MarkdownPad 是Windows 平台下的一款全功能 Markdown编辑器。

Sublime Text

Sublime Text 是一款高度可定制的、界面漂亮的代码编辑器,功能非同凡响,性能也相当不错,越来越多的开发者和设计师开始着迷于Sublime Text。

Dillinger

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

Texts

Texts 是一款符文布编辑器,主要存在于Windows 和iOS平台。

ByWord

ByWord 同样也是一款Markdown编辑器,它旨在提供更加流畅有趣的编辑体验。

CSS/HTML

Sass

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

Stylus

如果已经有Node.JS,安装Stylus 是一件非常轻松的事情,它为Node.js提供强大、功能丰富、性能优异的CSS语言支持。

Less

Less 是一款CSS的与处理器,它是CSS语言的延伸,强化了功能,提供了许多额外的支持。

框架

Bootstrap

Bootstrap 是最流行的HTML/CSS/JS 框架,可以帮你创建响应式、移动端优先的页面和项目。

Semantic UI

Semantic UI 是一款开发框架,让你可以使用HTML创建漂亮、响应式的布局。

Foundation

Foundation 是一系列响应式前端框架,可以帮你更加轻松地设计漂亮的响应式网页、APP页面和炫酷的电子邮件。

Uikit

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

Git客户端

SourceTree

SourceTree 是一款覆盖Windows和Mac两大平台的免费的Git与Mercurial客户端。你可以借助SourceTree 管理所有的本地文件、托管和储存库。

Tower 2

Git Tower 是Mac平台上最优秀的Git客户端,将Git的强大功能和易用性结合到一起是Mac用户选择Git Tower的主要理由。

Gogs

Gogs 让几乎可以在任何Go可以运行的平台上进行编译:Windows、Mac、Linux、ARM,等等。Gogs 对于性能的要求并不高,即使是在树莓派上都可以流畅运行。

GitKraken

GitKraken 是一款漂亮直观的Git客户端,它可以在Windows、Mac和Linux上运行。

GitLab

GitLab 可以帮你托管个人或者公共的免费软件开发项目。

【技多不压身的设计师才有高薪资!】

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

转载于:https://www.cnblogs.com/acmwangpeng/p/5542236.html

值得网页设计师前端收藏的实用工具列表相关推荐

  1. (转载收藏)值得网页设计师前端收藏的40个实用工具

    值得网页设计师&前端收藏的40个实用工具 kpler | 2016-05-31 11:15    浏览量(779)    评论(1)   推荐(1) 数据 无论你是经验丰富的前端,还是刚刚起步 ...

  2. ui设计师色彩运用_网页设计师的20多种色彩工具

    为您的Web设计项目设置基本的颜色主题可能是一件容易的事,但是, 确定正确的组合或提出一种配色方案可能会很棘手,尤其是当您不知道哪种颜色工具最适合您时. 因此,为了帮助确定适合您项目的最佳配色方案,以 ...

  3. 设计师必备的UI设计工具,工具包和资源

    原文:http://blog.aotaostudio.com/919.html 都是一些UI界面与设计使用的元素,软件,网站等.内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS ...

  4. 网页设计师和网站开发人员之间的区别是什么!

    前端网页设计 网页制作 网站开发 这些你也可以叫做3个网站建设的核心部分.下面一一分析: 前端网页设计师 前端网页设计师,这在我看来,他将负责网站的整体规划.布局和网站特效的渲染工作,包括视觉上的效果 ...

  5. 前端设计师常用的一些基础工具素材合集

    相信每个设计师浏览器的收藏夹都是自己的心头宝,里面收藏了很多好的工具和素材.有些时候在一些设计群里听到好多设计师在问有没有好一点的设计素材网站推荐,今天就给大家分享我在建站的过程中常用到的一些素材工具 ...

  6. 网站收录工具(php导航自动收录源码)_推荐8个良心网站,内含5000+实用工具!还不赶紧收藏...

    好用的工具和资源网站有很多,但很多小伙伴在收藏了一大堆之后就结束了,完全想不到去用.其实好用的网站收藏几个就够了,比如今天要分享的这7个高质量网站,就能让你瞬间拥有5000+实用工具,而且还都分类整理 ...

  7. 十款让 Web 前端开发人员更轻松的实用工具

    这篇文章介绍十款让 Web 前端开发人员生活更轻松的实用工具.每个 Web 开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具, ...

  8. 前端性能优化——写给网页设计师和前端工程师看的

    本文的作者哈利来自英国,是一位22岁的设计师.开发人员,同时也是一名作家和讲师(见下图).不错的一篇文章,推荐熟读! 英文原文:Front-end performance for web design ...

  9. 给网页设计师和前端开发者看的前端性能优化

    如果不是不可能,你也很难拒绝承认性能目前已是任何正规网站项目的最关键方面之一,无论它是一个小型的网站组合,一个移动优先的web应用,一直到一个大规模的商业项目.研究,论文和个人体验都告诉我们快速是最好 ...

最新文章

  1. 字选项套接字选项-java教程
  2. 关于深度残差收缩网络,你需要知道这几点
  3. Windows7中快捷方式图标打开方式恢复
  4. 速抢中秋月饼和红包封面!
  5. UEFI+GPT与BIOS+MBR各自有什么优缺点?
  6. Spring Data Elasticsearch案例详解
  7. (附源码)计算机毕业设计ssm 航空订票系统
  8. 10个5G应用优秀案例!工业互联网、智慧城市、智慧医疗等都在这里
  9. 聊聊pert图的那些事儿~
  10. 关键词词云怎么做_如何生成关键词云图?
  11. 慎用 Xmarks 多平台同步书签
  12. 为什么按序流动只可能出现RAW即写后读相关?
  13. 当AI遇上元宇宙:智能科技如何助力虚拟世界的发展?
  14. Spring Boot入门系列(六)Spring Boot如何整合Mybatis【附详细步骤】
  15. 如何在图片上添加水印?快把这些方法收好
  16. Mysql数据备份和数据恢复命令
  17. 手机端也能免费转换CAD图纸啦!
  18. HpM351a激光打印机加粉后,提示remove shipping lock from black cartridge的解决办法
  19. Python:画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树)
  20. 五种方案解决幂等问题

热门文章

  1. MiniWebClient,3秒实现一个Web桌面程序(Windows平台)
  2. 售价近18000的华为Mate X该如何贴膜?
  3. 智能防雷,智能防雷系统的应用研究方案
  4. linux 文件系统简析
  5. 网络综合环境搭建--思科搭建公司网络简图
  6. MindSpore框架TBE算子开发全流程
  7. 飞利浦 f718 java 微信_飞利浦 F718:手机界面图
  8. 程序员的性格是怎么产生的?
  9. 关于电的计算机公式,电学所有计算公式
  10. t111111111111111111111