title: Naming convention for assets (images, css, js)?
body: <p>I am still struggling to find a good naming convention for assets like images, js and css files used in my web projects.</p>
  
  <p>So, my current would be:</p>
  
  <p><strong>CSS:</strong> <code>style-{name}.css</code><br />
  examples: <code>style-main.css</code>, <code>style-no_flash.css</code>, <code>style-print.css</code> etc.</p>
  
  <p><strong>JS:</strong>
  <code>script-{name}.js</code><br />
  examples: <code>script-main.js</code>, <code>script-nav.js</code> etc.</p>
  
  <p><strong>Images:</strong> <code>{imageType}-{name}.{imageExtension}</code><br />
  <code>{imageType}</code> is any of these</p>
  
  <ul>
  <li>icon (e. g. question mark icon for help content)</li>
  <li>img (e. g. a header image inserted via <code>&lt;img /&gt;</code> element)</li>
  <li>button (e. g. a graphical submit button)</li>
  <li>bg (image is used as a background image in css)</li>
  <li>sprite (image is used as a background image in css and contains multiple "versions")</li>
  </ul>
  
  <p>Example-names would be: <code>icon-help.gif</code>, <code>img-logo.gif</code>, <code>sprite-main_headlines.jpg</code>, <code>bg-gradient.gif</code> etc.</p>
  
  <p>So, what do you think and <em>what is your naming convention</em>?</p>