Skip to content

Instantly share code, notes, and snippets.

@danilvalov

danilvalov/[Handsome] Guidelines for Frontend-development.md

Last active August 29, 2015 14:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save danilvalov/cefdd241ab8cfe8c4861 to your computer and use it in GitHub Desktop.
Save danilvalov/cefdd241ab8cfe8c4861 to your computer and use it in GitHub Desktop.
Download ZIP
[Handsome] Guidelines for Frontend-development
Raw
[Handsome] Guidelines for Frontend-development.md
  • global structure for CSS-naming is: .block__element-subelement-subsubelement--modificator;
  • .block in CSS is page or global block of site (.header, .footer, .sidebar and others);
  • don't use tags and id's in CSS (only classes);
  • use for modification CSS-modificators only (.block__element--modificator) or pseudo-classes (:hover, :active and others);
  • use id's (<div id="idName">) and data-binds (<a data-bind="bindName">) for JavaScript only;
  • don't use classes and tags in JavaScript for binds (use id's and data-binds only);
  • use camelCase-style in JavaScript (for variable's and function's naming).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment