20个为前端开发者准备的文档和指南4

1.I want to use

基于的数据和功能都在Can I use网站上列出来了,这个app可以给你选择很多前端开发功能的能力和获得全世界用户看到你选择的功能的人数的百分比。

2. Regulex(JavaScript正则表达式可视化工具)

它是一个客户端工具,一个JavaScript正则表达式可视化工具,该工具有一个精确的错误提示器,来告诉你在你的正则表达式里有某个语法错误。它也提供一种选择,即通过使用一对iframe标签来把输出的结果嵌入到你想要嵌入的地方。

3. Mastering the :nth-child(精通:nth-child)

它是只有一页的站点,可以帮助你理解如何使用多种多样有用但是通常又很复杂的基于nth-child的选择器组合。

4. HTML5 Video Events and API(HTML5 Video(视频)事件和API)

“这个页面演示了HTML5 video的新元素,它的多媒体API,以及多媒体事件。播放、暂停和在整个视频里搜索、调节音量、静音、调节回放速度(包括设置为负值)。在视频里看看效果,看看主要事件的效果和属性值的变化。”

5. Excess XSS(攻克XSS)

XSS介绍链接地址: http://baike.sogou.com/v625072.htm?fromTitle=xss

它大概就是一个所有开发者都应该熟悉的主题,而且对于了解XSS,它上面的内容也许是很好的开始。它是跨站脚本的综合性的教程,是一份潜在攻击类型的手册,并且提供了解决方案来预防这些攻击。

6. RSCSS

它意味着”合理的CSS 样式表结构标准”,在为很大的项目编写Sass/CSS时,它还在备档一些技巧和技术。

Sass介绍链接地址: http://baike.sogou.com/v73912368.htm?fromTitle=SASs

7. CodeFightClub(编程竞争俱乐部)

“它是由Andrew Hathaway创建的一个项目,它的目标是帮助同样的开发者学习如何尽他们所能来以最好、最有效和最优的方式来编写他们的代码。为了能决定谁的代码编写方式是最好的,用户可以发表评论,并且可以为他们喜欢的竞争者投票来赢得一场竞争。”这个网站根据编程语言分成了很多类别,但是上面似乎没有那么多,然而你可以在网站上添加来使它增多,并且也可以发起一些”编程竞争赛”。

8. Sass Guidelines(Sas指南)

它来自Sass大师Hugo Giraudel,“一个固执己见的样式指南,用来编写合理的,可维持的和可扩展的Sass代码。”该指南已经被翻译成了六种其他的语言。

9. Flexbugs

“它是一个社区策划的flexbox(伸缩布局盒)问题和为它们准备的跨浏览器解决方案。它的目的是,如果你用flexbox构建了一个站点,而它并没有像你预期的那样运行工作,你可以在这里找到解决方案。”当用Flexbox开始构建一个新布局时,应该为它们确定一个必要的标签。

10. A Front End Engineer’s Manifesto(一份前端工程师的忠告)

它没有特别深入的内容,就是一个告示的简单集合,它提醒所有的前端开发者应该把他们的开发流程和工作流相结合。

11. ECMAScript 6 equivalents in ES5

一份非常好的,可以把ES6功能转化为ES5兼容的代码的参考手册。它很好地考虑到了对ES5的强力支持(ES5 has great support),但是对ES6却没有强力的支持(ES6 doesn’t)。

12. Flexbox Adventures

它是来自澳洲的开发者Chris Wright制作的,具有一定的深度和实际效果的Flexbox手册。他也发布了标题是Using Flexbox Today的帖子,该帖子有助于帮你以合理实际的方式移到Flexbox开发上来。

Using Flexbox Today的链接地址: https://chriswrightdesign.com/experiments/using-flexbox-today/

13. Get BEM

它是一个综合的站点,旨在推广和教导开发者使用流行的BEM CSS方法学。

BEM的链接地址: http://www.w3cplus.com/css/bem-definitions.html

14. Sass Compatibility(Sass 兼容性)

“它报告了不同Sass引擎之间的不兼容。”

15. HTMLelement.info

一份小巧、合理、使用简单的指南,它可以从参考手册上获取不同的HTML元素信息。

16. JSLint Error Explanations(JSLint的错误提示解释)

如果你喜欢,你也许会遵循很多的JavaScript的最佳实践,但是你也许并不一定理解在这些技术下的所有成因。该站点主旨是揭示你在流行的linting工具JSLint、JSHint和ESLint上产生的错误和警告的秘密。

17. Animations — Web Fundamentals(动画-Web的基础)

在Google的Web Fundamentals documentation(web 基础文档)里有很多的有用信息,但是这个为前端开发者特别提出来,是因为在制作一个动态的UI元素时,有一些重要的好的经验可以应用到自己的项目上。

18. Favicon Cheat Sheet(网站图标参考手册)

Favicon介绍链接地址: http://baike.sogou.com/v8483500.htm?fromTitle=favicon

“一份令人分神吃力的手册,用来查看所使用图标的尺寸或类型。”它是从很多不同流行的文章哪里编译的,这些文章讨论了从电脑到手机从里到外的图标。

19. The CSS at…

如果你想用一些大神制作的CSS样式指南充实自己,那么在本站点中,Chris Coyier已经把去年几个月里不同的帖子根据统计趋势排了名,并且把它们的相关信息和链接都放到了一张表格里。我确定他还会继续更新这个的,就如同其他人用他们的CSS方法和经验来公之于众一样。

20. Dash

Dash介绍链接地址: http://scriptfans.iteye.com/blog/1543219

它是一个native(本地)Mac或者iOS应用,“是一个API文档浏览骑和代码片段管理者。Dash存储了代码片段,并且可以离线即时在超过150篇API文档集合里搜索文档。”它很棒,很适合不同类型的开发者。

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2017-10-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ATYUN订阅号

Medium网友开发了一款应用程序 让学习算法和数据结构变得更有趣

Medium网友Peter Weinberg开发了一款名叫CS-Playground-React的应用程序,可以使大家更有意思、也更加轻松地学习算法和数据结构。...

48950
来自专栏程序员互动联盟

【专业技术】chromium GPU 硬件加速合成

前言: 在传统浏览器网页渲染实现方案中,网页完全依赖CPU的能力去渲染网页(软件渲染简介:网页生成一张bitmap丢给CPU去绘制),然而一台机器的CPU不仅...

29960
来自专栏IT大咖说

那些年我们一起踩过的坑——WebIDE 前端札记

29040
来自专栏编程微刊

提高工作效率的几个小技巧

16940
来自专栏天天P图攻城狮

iOS 开发实践:iOS照片API的那些坑

在和图片打交道的那些日子里,遇到过不少图片相关的诡异问题。 在这里不会具体对照片API做介绍,而只会对其中的一些坑做一些总结。

59040
来自专栏王二麻子IT技术交流园地

手机网站开发相关介绍

随着无线网络技术的发展,手机上网的速度越来越快,手机的功能也越来越强大。今天就像大家介绍下手机网中的开发。 手机上网的特点 手机屏幕一般在240 * 320以上...

20970
来自专栏web前端教室

【学好】前端新人如何能把框架学好?

就是说,基本的js、html、css都ok啦,但前端框架要怎么学习会进度比较快呢?比较笼统的回答当然是要多写多看多练。但是,怎么样做会进度快一点呢?这其中应该也...

7820
来自专栏java技术学习之道

史上最全的前端资源大汇总

1.2K60
来自专栏web前端教室

前端开发实际上操作的是数据,而不是DOM

image.png 昨天写了 逆向的前端学习思路,就是从数据为源头,来反向的学习HTML,CSS,JS这些知识,今天想再详细的说说这个话题。 一般情况下,我们学...

24780
来自专栏hightopo

从IE6到IE11上运行WebGL 3D遇到的各种坑

19630

扫码关注云+社区

领取腾讯云代金券