周刊8#: Web Guidelines

Web Guidelines

规范能让一个团队按照一定的要求去编写代码,那么如何给团队制定适合自己团队的规范就是一个很讲究的事情了,也可以说是要有一定功力的了。对于这个问题也常有同学在问如何制定规范。为了大家更好的有一个参考,在这期的周刊中特意整理了Web相关的规范,包括CSS样式规范,JavaScript规范,Sass规范,设计规范等。希望这些规范给需要的同学有一定的帮助。

CSS Guidelines
众所周知,CSS的入门与学习相对于其他语言(甚至称上语言吧)要简单的很多,但没有一定的规范的时候,写出来的CSS会存在很多问题。虽然我们无法改变CSS如何工作,但我们可以改变书写CSS的一些方式,那么CSS Guidelines就是一份有关于CSS的规范指南,帮助大家书写CSS时更具规范性,简单点说在编写代码的时候就避免出现一些低级的错误。
Front-End Dev guidelines
本文档是TMW团队编写的一份有关于Web前端开发的指导性文档。这份文档一直在不断的更新,整个文档中涉及了HTML5,CSS 和JavaScript相关代码编写的规范性要求。(注:需要翻墙才能阅读)
isobar:前端代码标准和最佳实践
本文档是Creative Technology前端团队编写的,有关于Web应用程序开发的指南,任何人都可以通过他来检验自己的代码规的规范性。这份指南的初衷主要有两点:其一代码的一致性,其二最佳实践。通过维护编码风格和约定的一致性,我们可以缓解遗留代码维护的负担,并降低未知的风险。通过遵循最佳实践,我们确保页面优化和代码的可维护性。(注:记得这份文档国内有同学已翻译成中文,但没有找到相关地址)
Starbucks样式指南
这是Nicole Sullivan几周前推出的一份有关于样式编写的规范指南。
Github样式规范
Github官方提供的一份有关于样式的规范指南,其主要包括了按钮、表单、源代码、文本样式、列表,盒装组、图标、导航等控制的样式规范。
Google HTML/CSS Style Guide
Google前端团队提供的一份有关于HTML和CSS样式的规范指南。包括:缩进,空格、注释,引号,类命名、类型选择器,简写属性,前缀,黑客,等等相关规范。
mozilla Style guide
Mozilla团队提供的一份有关于Web开发的样式指南。主要包括:按钮、颜色、表单、网格、表格和列表,字体等相关规范。
Front End Dev Guidelines
一份包括JavaScript,jQuery,HTML5,CSS3等书写规范的指南。
Buffer Style Guide
Buffer团队的样式与组件指南。这份指南主要基于原子(Atom design)设计原则。
Sass Guidelines
这是一份由法国前端工程师Hugo Giraudel编写的一份有关于Sass相关的规范指南。旨在编写稳健、可维护和可扩展Sass的编程规范。
JavaScript Guide
The JavaScript Guide shows you how to use JavaScript and gives an overview of the language. If you want to get started with JavaScript or programming in general, consult the articles in the learning area. If you need exhaustive information about a language feature, have a look at the JavaScript reference.
Airbnb JavaScript Style Guide
airbnb提供的一份有关于JavaScript编写规范指南
JavaScript
This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.
创建样式指南
大家更为关注的是如何在自己团队创建适合自己团队的规范指南,那么这篇文章将指引大家如何做这样的事情。
前端人员的规范
In the physical world, no one builds anything without detailed blueprints, because people’s lives are on the line. In the digital world, the stakes just aren’t as high.
Website Style Guide Resources
这个站点收集和整理了Web相关的规范资源,包括教程、库和书等
Front end styleguides and pattern libraries
收集了前端指南和组件的库
Learn Web Design Guide
The very best ways to learn HTML, CSS, JavaScript, and the art of building websites, including free and paid tutorials, courses, instructor-guided courses, and reference material. Fifty resources, selected from a list of over 140.
Style Guide
Find a styleguide generator that fits your flow.
返回顶部