This is my starting-point for most sites. It's minimal and assumes no particular CMS or CSS framework.
- index.php contains a standard
<head>with links to the CSS and JS below, plus basic containers for header, navigation and page contents.
SASS and Compass are used to generate CSS.
- screen.scss brings in some resets, all partials, and then the bulk of the layout SASS.
- _vars.scss contains global color, font, and breakpoint variables.
- _utilities.scss contains all my SASS mixins and specialty classes.
- _customresets.scss attempts to force uniform styling on some more elements, mostly in forms.
- _breakpointflags.scss loops through the breakpoint variables and flags the body tag so that Javascript can detect the breakpoint. See Jeremy Keith's article for the original idea.
jQuery (still on 1.11.0 to support IE8), Modernizr, and Respond.js are standard. I also include placeholders.js to support the placeholder attribute in IE.
- scripts.js contains a few globally-useful interactions like animating scrolling, expanding/collapsing things, the above-mentioned breakpoint detection, etc.