other.yml

#################################################
# CSS methodologies
#################################################
- id: bem
  name: BEM
  contexts: [state_of_css]
  description: |
    You will not be surprised to hear that BEM is an abbreviation
    of the key elements of the methodology — Block, Element and Modifier.
  homepage: "http://getbem.com/"
  tags:
    - css
    - css_methodologies

- id: atomic_css
  name: Atomic CSS (Utility-first CSS)
  contexts: [state_of_css]
  description: |
    Atomic CSS is a CSS architecture. It is not opinionated;
    it simply defines a set of classes representing single-purpose styling units.
  homepage: "https://acss.io"
  tags:
    - css
    - css_methodologies

- id: oocss
  name: OOCSS
  contexts: [state_of_css]
  homepage: http://oocss.org/
  description: |
    OOCSS, or object-oriented CSS, is a methodology to help programmers
    write CSS that is succinct and easy to maintain.
  tags:
    - css
    - css_methodologies

- id: smacss
  name: SMACSS
  contexts: [state_of_css]
  homepage: http://smacss.com/
  description: |
    SMACSS (pronounced “smacks”) is more style guide than rigid framework.
    There is no library within here for you to download or install.
    There is no git repository for you to clone. SMACSS is a way to examine
    your design process and as a way to fit those rigid frameworks into
    a flexible thought process.
  tags:
    - css
    - css_methodologies

- id: it_css
  name: ITCSS
  description: |
    ITCSS is a sane, scalable, managed
    CSS architecture from CSS Wizardry
  homepage: https://itcss.io/
  tags:
    - state_of_css
    - css
    - css_methodologies

- id: cube_css
  name: CUBE CSS
  homepage: https://piccalil.li/blog/cube-css/
  tags:
    - css
    - css_methodologies

- id: css_in_js
  name: CSS-in-JS
  tags:
    - css
    - css_methodologies

- id: rscss
  name: RSCSS
  homepage: https://rscss.io/
  tags:
    - css
    - css_methodologies

#################################################
# Other CSS Tools
#################################################

- id: stylelint
  name: Stylelint
  homepage: https://stylelint.io/
  contexts: [state_of_css]
  npm: stylelint
  tags:
    - css

- id: purge_css
  name: PurgeCSS
  homepage: https://purgecss.com/
  contexts: [state_of_css]
  tags:
    - css

- id: purify_css
  name: PurifyCSS
  homepage: https://purifycss.online/
  contexts: [state_of_css]
  tags:
    - css

  
- id: browser_environment
  name: Browser

- id: jspm
  name: jspm
  homepage: https://jspm.org/

- id: css_comb
  name: CSScomb
  homepage: https://github.com/csscomb/csscomb.js
  github: csscomb/csscomb.js
  tags:
    - css
    - utilities

- id: csso
  name: CSSO
  homepage: https://css.github.io/csso/csso.html
  github: css/csso
  tags:
    - css
    - utilities

- id: codekit
  name: CodeKit
  homepage: https://codekitapp.com/
  tags:
    - css
    - utilities

#################################################
# Form Factors
#################################################

- id: browserstack
  name: BrowserStack
  homepage: https://www.browserstack.com/
  tags: 
    - css 
    - form_factors

- id: voice
  name: Voice Control
  tags: 
    - css 
    - form_factors

- id: simulator
  name: Xcode Simulator
  tags: 
    - css 
    - form_factors