面向对象的前端开发
I come across so many interesting info-apps and documents in my daily research, so I thought I’d provide a list of those here.
在我的日常研究中,我遇到了很多有趣的信息应用程序和文档,因此我想在这里提供这些信息的列表。
True, not everyone likes the “list post” or roundup, but hey, we can’t please everyone. And we don’t do these types of posts too often anyhow.
是的,不是每个人都喜欢“列表发布”或摘要,但是,嘿,我们不能取悦所有人。 而且我们也不会经常发布这类信息。
In this case, this is a great way to bookmark a few things maybe for some evening or weekend reading. I guarantee you’ll find at least a few links in here that you’ll want to come back to.
在这种情况下,这是为一些事情加上书签的一种好方法,可能是某个晚上或周末的阅读。 我保证您会在这里至少找到一些要返回的链接。
Enjoy!
请享用!
1. CSS词汇 (1. CSS Vocabulary)
A great point-and-click little app to get you up to speed with all the different parts of CSS syntax and what the proper name for them is.
出色的点击式小应用程序,可帮助您快速掌握CSS语法的所有不同部分,以及它们的专有名称是什么。
2.液体药 (2. Liquidapsive)
A very simple informational layout that, by means of a select box, lets you choose between Responsive, Adaptive, Liquid, and Static, so you can see what is the difference between the four layout types.
一个非常简单的信息布局,可以通过选择框让您在响应式,自适应,液体和静态之间进行选择,这样您就可以看到四种布局类型之间的区别。
I imagine this would be nice even to show to clients, so they can see how things adjust using the different styles.
我认为即使向客户展示这也将是一件很不错的事,因此他们可以了解使用不同样式调整事物的方式。
3. Superhero.js (3. Superhero.js)
A collection of the best articles, videos, and presentations on helping to maintain a large JavaScript code base.
有关帮助维护大型JavaScript代码库的最佳文章,视频和演示文稿的集合。
Included are some general principle-type stuff, sources on testing, tools, performance, security, and more.
其中包括一些常规的原则类型的东西,测试,工具,性能,安全性等方面的资源。
4. HowToCoffeeScript.com (4. HowToCoffeeScript.com)
A cheat sheet for learning and remembering CoffeScript syntax.
用于学习和记住CoffeScript语法的备忘单。
5. HTML格局 (5. The HTML Landscape)
This is pretty interesting. It’s a W3C document that describes the “perceptible differences” between three HTML specifications: WHATWG, W3C’s HTML5.0, and W3C’s HTML5.1.
这很有趣。 这是一个W3C文档,描述了三个HTML规范之间的“可感知的差异”:WHATWG,W3CHTML5.0和W3CHTML5.1。
Might be a little overly technical, but you might be able to find some interesting new stuff here.
可能有些过于技术性,但是您可能可以在这里找到一些有趣的新东西。
6. HTML的元素 (6. The Elements of HTML)
A nice comprehensive one-page chart of HTML and XHTML elements that indicates which specification the elements belong to.
一个漂亮HTML和XHTML元素的综合单页图表,用于指示元素所属的规范。
This looks really good for doing research to find out when and/if an element has been deprecated or made obsolete in HTML5.
这对于进行研究以发现何时和/或在HTML5中元素已被弃用或过时看起来确实不错。
7. JavaScript平等表 (7. JavaScript Equality Table)
A nice little 3-tiered chart that helps you understand JavaScript’s double- and triple-equals operators.
一个漂亮的3层小图表,可帮助您了解JavaScript的二等值和三等值运算符。
The conclusion? “Use three equals unless you fully understand the conversions that take place for two-equals.”
结论? “除非您完全了解两个相等的转换,否则请使用三个相等。”
8. Web无障碍清单 (8. Web Accessibility Checklist)
A useful but not overwhelming reference to help you check off various items on your projects for accessiblity.
一个有用但并非无法克服的参考,可帮助您检查项目中的各种项目的可访问性。
A lot of this is pretty simple, but it doesn’t hurt to always take a final look, in addition to doing accessibility validating.
其中很多都是非常简单的,但是除了进行可访问性验证外,始终进行最终检查也无济于事。
9.静态Web应用程序—现场指南 (9. Static Web Apps — A Field Guide)
According to the description: “This guide will introduce you to the world of static web applications and offer solutions to common challenges encountered while building them.”
根据描述:“本指南将向您介绍静态Web应用程序的世界,并提供在构建静态Web应用程序时遇到的常见挑战的解决方案。”
The idea here is to promote an architecture that eases common development problems.
这里的想法是促进一种可以减轻常见开发问题的体系结构。
10.在约55分钟内学习正则表达式 (10. Learn regular expressions in about 55 minutes)
An extensive doc/tutorial introducing regular expressions.
介绍正则表达式的大量文档/教程。
I’m guessing it would take much longer than the claimed “55 minutes” to really get something out of this, but certainly worth a look.
我猜想要花点时间才能真正摆脱“ 55分钟”,但值得一看。
11.打开Web CSS参考 (11. Open Web CSS Reference)
This is a really comprehensive and little-known CSS property and feature reference.
这是一个非常全面且鲜为人知CSS属性和功能参考。
Alphabetical and includes links to the spec for everything listed.
按字母顺序排列,并包含列出的所有内容的规格链接。
12. CSS值 (12. CSS Values)
This is one of my own side projects. It’s an easy way to look up a CSS property and quickly view the possible values. For example, if you forgot what values are acceptable for somethng obscure like font-variant
.
这是我自己的副项目之一。 这是查找CSS属性并快速查看可能值的简便方法。 例如,如果您忘记了诸如font-variant
类的晦涩难懂的可接受的值。
In addition to values, the most recent update includes browser support charts for each property, powered by caniuse.com.
除了值之外,最新更新还包括由caniuse.com支持的每个属性的浏览器支持图表。
13. ES6功能 (13. ES6features)
From Microsoft developer Luke Hoban, an overview of new stuff in the ECMAScript 6 spec.
来自Microsoft开发人员Luke Hoban,有关ECMAScript 6规范中新内容的概述。
As the repo points out, “implementation of these features in major JavaScript engines is underway now”, so it would be useful to start getting familiar with this stuff.
正如该回购指出的那样,“目前正在主要JavaScript引擎中实现这些功能”,因此开始熟悉这些内容将很有用。
14.相关规范链接 (14. Relevant Spec Links)
I often have trouble finding the right place in the spec for researcing something. This is a nice brief little summary from Mozilla of the links you’ll need to be aware of in relation to the spec.
我经常很难在规范中找到合适的位置进行重新设计。 这是Mozilla很好的简短摘要,您需要了解与规范有关的链接。
15. OverAPI.com (15. OverAPI.com)
Cheat sheet madness, folks.
备忘单疯狂,乡亲。
This seems to have everything. The cheat sheets will link to the relevant authoritative resources (MDN, PHP.net, etc).
这似乎拥有一切。 备忘单将链接到相关权威资源(MDN,PHP.net等)。
16. JavaScript:正确的方法 (16. JavaScript: The Right Way)
A JavaScript guide ‘intended to introduce new developers and help experienced ones to JavaScript’s best practices.’
JavaScript指南“旨在向新开发人员介绍并帮助有经验的开发人员了解JavaScript的最佳做法。”
17. HTML5 JavaScript API索引 (17. The HTML5 JavaScript API Index)
A really comprehensive one-stop place to search for HTML5 API info.
一个非常全面的一站式搜索HTML5 API信息的地方。
Is “automatically generated from the HTML 5 specification documents” and very easy to navigate using the 3-paned view.
是“根据HTML 5规范文档自动生成的”,并且非常容易使用三视图浏览。
18.热情 (18. Zeal)
This looks pretty neat. It’s a native app that is the Windows and Linux counterpart of Dash, an app that lets you search 130+ API docs offline.
这看起来很整洁。 这是Dash的Windows和Linux对应版本的本机应用程序,该应用程序可让您离线搜索130多种API文档。
With a simple keyboard shortcut, you can display the API browser from anywhere in your workspace.
通过简单的键盘快捷键,您可以在工作区中的任何位置显示API浏览器。
19. Ultimate Flexbox备忘单 (19. The Ultimate Flexbox Cheat Sheet)
An extensive reference to help you find flexbox syntax and brush up on the less familiar stuff.
广泛的参考资料,可帮助您找到flexbox语法并了解不太熟悉的内容。
From the same guy who did the cool interactive Flexbox tutorials.
20. jsCode (20. jsCode)
An app to help you create your own custom JavaScript coding guidelines.
一个可帮助您创建自己的自定义JavaScript编码准则的应用程序。
You can also look up custom guides created by others and share yours with your team or other collaborators.
您还可以查找其他人创建的自定义指南,并与您的团队或其他协作者共享您的指南。
还有其他吗? (Any Others?)
Most of the stuff I included here are the not-so-well-known ones. If you’ve created something or know of a doc tool or set of guidelines you’d like to share, let us know in the comments.
我在此处包括的大多数内容都不是那么知名。 如果您想共享一些文档工具或准则,或者对这些工具有所了解,请在评论中告诉我们。
翻译自: https://www.sitepoint.com/20-docs-guides-front-end-developers/
面向对象的前端开发