code-standards icon indicating copy to clipboard operation
code-standards copied to clipboard

Content: CSS Section

Open rcherny opened this issue 11 years ago • 7 comments

Notes around CSS Best Practices go here.

For specific edits, please still file a ticket, this is mostly ideas to toss around.

rcherny avatar May 22 '13 12:05 rcherny

I don't think we should advocate one framework over another, but I think some of the principles from them are probably applicable.

  • http://smacss.com/
  • http://www.stubbornella.org/content/2009/02/12/css-doesn%E2%80%99t-suck-you%E2%80%99re-just-doing-it-wrong/
  • http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/
  • https://github.com/stubbornella/oocss/wiki
  • http://oocss.org/
  • http://www.vanseodesign.com/css/object-oriented-css/

Preprocessor:

  • http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout/

General:

  • https://github.com/isobar-idev/code-standards/wiki/Useful-Links-and-Resources#css3-approaches
  • http://css-tricks.com

rcherny avatar May 22 '13 12:05 rcherny

Looks good! I would also add BEM to the principles list for the sake of completeness and idiomatic css as a baseline code standard for CSS.

dpashkevich avatar May 24 '13 12:05 dpashkevich

@dpashkevich great contributions, thanks! Have seen and am familiar with both ... Great stuff to make things more current.

rcherny avatar May 24 '13 15:05 rcherny

https://github.com/isobar-idev/code-standards/blob/master.next/content/en/css.md

rcherny avatar Nov 08 '14 15:11 rcherny

Perhaps make a mention of material design-ish, idk. that's not a framework but may not be appropriate for this doc. it is awesome though!

jaredwilli avatar Nov 10 '14 15:11 jaredwilli

I've got some work in progress here in my fork. Hope to submit a pull request this weekend, or first thing Monday...

rcherny avatar Aug 14 '15 22:08 rcherny

My current content in progress:

https://github.com/rcherny/code-standards/blob/css-content-mods/content/en/css.md

I need to proof read it and wanted to incorporate some ideas from:

https://github.com/necolas/idiomatic-css

Which I haven't read in quite some time.

rcherny avatar Aug 16 '15 20:08 rcherny