这里和搜集了前端开发者必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中,我碰到过很多实用的工具,应用程序和参考文档,我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。
1.I want to use
基于数据和特征 上市,这个程序让你选择一些前端开发的特征,得到一个百分比读数的全球用户数就要看你选择的功能的能力。
2.Regulex
一个客户端,一个精确的误差指标的正则表达式,你应该在你的表达有语法错误,还提供了一个选项将输出的地方,使用IFRAME。
3.Mastering the :nth-child
一页的网站来帮助你掌握如何使用各种有用的但往往复杂nth-child基于选择器组合
4.HTML5 Video Events and API
“这个页面显示新的HTML5视频元素,其媒体的API,和媒体活动。播放,暂停,并寻求在整个视频,改变音量、静音、播放率的变化(包括进入负值)。在电视上看到的效果和潜在的事件和属性。”
5.Excess XSS
这可能是所有开发人员都应该熟悉的一个主题,这可能是一个很好的开始。它是一个跨站点脚本的综合教程,描述潜在的攻击类型,以及防止它们的解决方案。
6.RSCSS
意义“CSS样式表”结构合理的标准,一个进展中的工作的文档写作SASS / CSS对于非常大的项目的一些技巧。
7.CodeFightClub
“一个项目的目标Andrew Hathaway用来帮助开发者了解如何在最好的写代码,他们可以最有效和首选途径。决定哪些代码是最首选的方式,用户可以评论和投票反对他们最喜爱的竞争者战斗。”网站分为编程语言类,和似乎没有很多在这里,但是你可以通过添加一些代码,开始战斗的帮助”。
8.Sass Guidelines
从Sass大师,Hugo Giraudel,“写理智的固执己见的风格,可维护和可扩展的萨思。”导游已经被翻译成6种语言。
9.Flexbugs
“一个社区内的他们,flexbox问题和跨浏览器的解决方法列表。目标是,如果你使用的flexbox和东西不是像你所想的那样工作建立一个网站,你可以在这里找到解决办法。”一定要收藏那些开始与flexbox建立新的布局。
10.A Front End Engineer’s Manifesto
没有太深入,只是一个简单的提醒的东西,所有的前端开发人员应该考虑纳入他们的发展过程和工作流程。
11.ECMAScript 6 equivalents in ES5
将6特征ES5代码兼容一个参考,很有用的考虑 ES5具有很大的支持 但 ES6没有。
12.Flexbox Adventures
在深入实践看,flexbox澳元,从基于开发者Chris wright.he这样posted using flexbox今天,它帮助你让商务移动到flexbox A逻辑,务实的人。
13.Get BEM
一个全面的网站推广和流行的CSS使用边界元方法的教育。
14.Sass Compatibility
“报告不同SASS引擎之间不兼容。”
15.HTMLelement.info
一个整洁的,逻辑的,易于使用的指南,从规格上不同的HTML元素的信息。
16.JSLint Error Explanations
如果你像我一样,你可能跟很多JavaScript的最佳实践,但也许不了解所有这些技术背后的原因。这个网站的目的是为了让错误和警告jshint JSLint流行的静态分析工具,找到你,与ESLint。
17.Animations — Web Fundamentals
在谷歌的网页基础文件很多好的信息,但这一突出的前端开发者特别是因为运用的一些好的做法当动画UI元素的重要性。
18.Favicon Cheat Sheet
“一个痛苦的强迫症的小抄到图标尺寸/类型”。从多个不同的热门文章讨论了插件和图标在桌面和移动计划编制。
19.The CSS at…
如果你想让你的CSS styleguides填补从一些大牌球员,Chris Coyier已经把一个表的信息和各个岗位,有些趋势几个月去年的联系。我相信他会继续更新其他公共用CSS的方法与实践。
20.Dash
最后,一个土生土长的Mac或iOS应用程序,是“一个API文档浏览器和代码段管理器。短跑店代码片段和即刻搜索离线文档集,150 +的API。”这一伟大的几乎任何一种显影剂。
未经允许不得转载:爱前端网 » 前端开发者必备的20个在线工具和指南