NOrth

standards and best practices 
for developing modern 
web based properties

Best practices documentation


Tools and Recources

North Generator


Pattern Lab


create atomic design systems




Atomic design is philosophically complimentary 

with these CSS approaches:


SMACSS by Jonathan Snook 

OOCSS by Nicole Sullivan 

BEM CSS Methology 

CSS Guidelines by Harry Roberts 

Example

(demo)


PageS

THE ARTICLE 

built on top of the

Article Template


which

Depends on




Organisms


{{> organisms-header }}

{{> organisms-article-body }}
{{> organisms-comment-thread }}
{{> organisms-related-posts }}
{{> organisms-recent-tweets }}
{{> organisms-footer }}

And

MOlecules

{{> molecules-byline }}

{{> molecules-social-share }}

Tools that I found

Octotree

(github tool)


NOrth

By techangel

NOrth

  • 929