code-guide

Standards for flexible, durable, and sustainable HTML and CSS.

Subscribe to updates I use code-guide


Statistics on code-guide

Number of watchers on Github 6239
Number of open issues 29
Average time to close an issue 4 days
Main language HTML
Average time to merge a PR 4 days
Open pull requests 13+
Closed pull requests 21+
Last commit over 1 year ago
Repo Created over 4 years ago
Repo Last Updated about 1 month ago
Size 310 KB
Homepage http://codeguide.co
Organization / Authormdo
Latest Releasev2.1.0
Contributors38
Page Updated
Do you use code-guide? Leave a review!
View open issues (29)
View code-guide activity
View on github
Latest Open Source Launches
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating code-guide for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Code Guide

Code Guide is a project for documenting standards for developing flexible, durable, and sustainable HTML and CSS. It comes from years of experience writing code on projects of all sizes. It's not the end-all be-all, but it's a start.

Start reading


License

Released under MIT by, and copyright 2014, @mdo.

Thanks

Heavily inspired by Idiomatic CSS and the GitHub Styleguide.

Translations

Translations are maintained by their creators and may not always be up to date with the original here.

Have a translation you'd like to link to? Open a pull request to add it here. Be sure to keep it alphabetical.

<3

code-guide open issues Ask a question     (View All Issues)
  • 7 months
  • 7 months Quotes to url background-image
  • 9 months open an issue on GitHub
  • 10 months bootstrap
  • 11 months 申请加入
  • 11 months Box-model and border
  • about 1 year CSS declaration order - complete list missing
  • about 1 year Typo in french version
  • about 1 year Setting the charset meta will reduce the Google Page Speed Insights and Yahoo Slow test results
  • over 1 year BEM naming conventions
  • over 1 year Include guidance on where mixins come in declaration order
  • almost 2 years Better language code reference
  • about 2 years Add `tabindex` and `style` to attribute ordering section
  • about 2 years Add additional resource links?
  • over 2 years Misleading statement
  • over 2 years ⌥ Option key doesn't show up right
  • almost 3 years Add reason for new lines at end of files
  • almost 3 years Advise use of child (rather than descendant) selectors when component is recursive?
  • almost 3 years Generic element tag selectors also bad for reasons besides perf
  • almost 3 years IE compatibility mode specifics
  • almost 3 years should it have quotes or not in background image?
code-guide open pull requests (View All Pulls)
  • Updated declaration order list to match example
  • Add a Code Hunt vote badge to README.md
  • Update ie-compatibility-mode.html
  • lowercase X-UA-Compatible & doctype
  • Updated year in License
  • Reorder the elements in import
  • Add reason for new lines at end of files
  • Adjust the order of html content
  • 啊啊啊
  • I've started working on the arabic translation
  • Fix issue #178
  • add Romanian translation
  • Correct 'lang' attribute in html tag
code-guide questions on Stackoverflow (View All Questions)
  • Erlang source code guide
code-guide list of languages used
code-guide latest release notes
v2.1.0 v2.1.0
  • Same content, new format.
  • Now only uses the gh-pages branch.
  • Built on Jekyll with each code snippet coming from an include.
  • Page layout utilizes @mdo/table-grid and scalable typography.
  • Slight reorganization of content.
v2.0.0 v2.0.0

Rewrites much of the document and adds some new hotness:

  • Rewrote golden rule
  • Added boolean attributes to HTML section
  • Added media query placement to CSS section
  • Added editor preferences section
  • Rewrote hella other stuff
  • Added some source/additional reading links

<3

v1.0.0 v1.0.0

This releases serves as a snapshot of what once was. It's not technically v1.0.0, but it's close enough.

Other projects in HTML