(转载收藏)值得网页设计师前端收藏的40个实用工具
值得网页设计师&前端收藏的40个实用工具
无论你是经验丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段,都是为你而生的,合理的运用能够让你的网页设计与开发事半功倍。
这次总结的工具总计有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 可以帮你托管个人或者公共的免费软件开发项目。
原文地址:webdesigndev 优设翻译@陈子木
(转载收藏)值得网页设计师前端收藏的40个实用工具相关推荐
- 值得网页设计师前端收藏的实用工具列表
原文地址:http://www.uisdc.com/tool-list-web-developers# 无论你是经验丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和开发者所准备的实用工具.在 ...
- 网页设计师和网站开发人员之间的区别是什么!
前端网页设计 网页制作 网站开发 这些你也可以叫做3个网站建设的核心部分.下面一一分析: 前端网页设计师 前端网页设计师,这在我看来,他将负责网站的整体规划.布局和网站特效的渲染工作,包括视觉上的效果 ...
- 15个前端开发/网页设计师必备的Bookmarklet
15个前端开发/网页设计师必备的Bookmarklet Bookmarklet(书签工具)是节省网页设计/前端开发时间的最佳工具.仅需点击一下,它就能提供很多信息或帮助.Bookmarklet是使用一 ...
- 收藏精美网页设计作品的200佳网站推荐(系列五)
这个系列将向大家分享寻找网页设计灵感的200佳网站.网页设计师们可通过这些网站收集的优秀网页设计作品来获取灵感,进而设计出更加时尚.更有创意的作品,网页设计师也可以把自己得意的作品提交到这些网站,分享 ...
- 前端性能优化——写给网页设计师和前端工程师看的
本文的作者哈利来自英国,是一位22岁的设计师.开发人员,同时也是一名作家和讲师(见下图).不错的一篇文章,推荐熟读! 英文原文:Front-end performance for web design ...
- 精彩网页设计示例收藏
2019独角兽企业重金招聘Python工程师标准>>> 开发网站时常常苦于没有思路,这时我总会大量地浏览很多经典网站以激发灵感.尤其向大家推荐博客园的梦想天空(山边小溪)博客,我下面 ...
- 给网页设计师和前端开发者看的前端性能优化
如果不是不可能,你也很难拒绝承认性能目前已是任何正规网站项目的最关键方面之一,无论它是一个小型的网站组合,一个移动优先的web应用,一直到一个大规模的商业项目.研究,论文和个人体验都告诉我们快速是最好 ...
- 火狐怎么导入收藏夹_火狐浏览器怎么把网页添加到收藏夹
很多人上网时候看到有好看或者有用的网页,都会收藏或者保存下来以备用,那么火狐浏览器该怎么保存网页呢?针对这个问题呢,接下来小编和大家分享火狐浏览器保存网页的方法.火狐浏览器保存网页的方法:1.首先我们 ...
- 计算机收藏夹无法添加,在win7中,怎么解决无法添加网页到IE收藏夹?
有很多使用win7的用户发现一个问题,就是无法添加网页到IE收藏夹里,那这个时候该怎么办呢?让我们一起来看看吧. 主要症状 点击添加收藏夹没有反应.收藏夹内容空白 可能原因 IE浏览器收藏夹路径被修改 ...
最新文章
- ICMP Internet控制报文协议(四)
- 【Python】Pandas中的宝藏函数-rank()
- ajax技术书,ajax技术
- OPA start up and wait for
- 看完这个你还不理解右值引用和移动构造 你就可以来咬我(上)
- 前端学习(2764):v-bind和v-for
- c语言数字黑洞123问题,PAT-B 1019 数字黑洞 (C语言)
- 嵌入式Linux系统编程学习之十六用程序发送信号
- linux远程连接 ipv6,Ansible 配置 IPv6 连接
- pytorch中的卷积操作详解
- oracle数据库异常---SP2-1503: 无法初始化 Oracle 调用界面 SP2-1503: 无法初始化 Oracle 问题的解决办法
- Windows 8实用窍门系列:16.Windows 8的右键菜单
- phpeclipse中操作svn
- php jpg转换为pdf文件,使用PHP进行PDF转换为JPG转换
- 关于 Mac 激活锁
- 本地win10服务器不能复制文件,解决Win10无法复制文件并提示“0x80070032”错误的方法...
- python的easyocr图像文字识别
- php二手房系统,phpwind房产新版上线 抢先体验二手房新功能
- Discuz!教程之门户列表页文章中无图片时,从图库中选择一张作为封面
- 工作生活可能用得到的资源