Project structure

project/
├── content/
|   ├── uploads/  ← symlink to /shared/ folder
│   ├── mu-plugins/
│   └── themes/
│       └── theme-name/
│           ├── assets/  ← ignore this folder/contents, compiled during build proc
│           │   ├── fonts/
│           │   ├── images/
│           │   ├── scripts/
│           │   │   ├── main.min.js
│           │   │   ├── plugins.min.js
│           │   └── styles/
│           │       ├── editor-style.min.css
│           │       ├── main.min.css
│           │       └── shame.css
│           ├── includes/
│           |   ├── init.php
│           |   ├── theme-functions.php
│           |   ├── theme-helpers.php
│           |   ├── theme-post-types.php
│           |   └── theme-require-plugins.php
│           ├── languages/  ← optional
│           ├── source/
|           |   ├── scripts/
|           |   |   └── main.js
│           │   └── styles/
│           │       ├── partials/
│           │       │   ├── _base.global.scss
│           │       │   ├── _base.layout.scss
│           │       │   ├── _base.shared.scss
│           │       │   ├── _base.typography.scss
│           │       │   ├── _object.nav.scss
│           │       │   ├── _object.revealer.scss
│           │       │   ├── _object.sprite.scss
│           │       │   ├── _page.single.scss
│           │       │   ├── _trump.debug.scss
│           │       │   └── _trump.print.scss
│           │       ├── _mixins.scss
│           │       ├── _variables.scss
│           │       ├── editor-style.scss
│           │       ├── shame.scss
│           │       └── style.scss
│           ├── vendor/  ← ignore this folder's contents, used for bower components
│           ├── templates/
│           |   ├── partials/
│           |   |   ├── content-page.php
│           |   |   ├── content-single.php
│           |   |   ├── content.php
│           |   |   ├── inc-meta.php
│           |   |   └── inc-nav.php
│           |   └── page-custom.php
│           ├── .bowerrc
│           ├── .jshintrc
│           ├── bower.json
│           ├── gruntfile.js  ← maybe switch to gulp?
│           ├── package.json
│           ├── 404.php
│           ├── archive.php
│           ├── comments.php
│           ├── footer.php
│           ├── front-page.php
│           ├── functions.php
│           ├── header.php
│           ├── index.php
│           ├── page.php
│           ├── search.php
│           ├── sidebar.php
│           ├── single.php
│           ├── style.css
│           └── screenshot.png
├── shared/
|   └── content/
|       └── uploads/
├── wp/  ← submodule
├── .editorconfig
├── .gitignore
├── .gitmodules
├── .htaccess
├── favicon.ico
├── humans.txt
├── robots.txt
├── index.php
├── local-config.php
└── wp-config.php

These are the files and folders needed by default.

theme-functions.php

What standard functions do we use for every project?

• theme-options

gruntfile.js

Development automation and optimisation

Compress images

• grunt-contrib-imagemin
• grunt-imageoptim

Responsive images

• grunt-responsive-images - use this along with Imager.js, <picture> or the picturefill polyfill.
• grunt-clowncar

Minify SVG

• grunt-svgmin

Generate spritesheets

• grunt-spritesmith

Convert images to .webp

• grunt-webp

Build SVG sprites

• grunticon

Combine media queries

• grunt-combine-media-queries

Minify JS

• grunt-contrib-uglify

RequireJS

• grunt-requirejs

bower.json

What Bower packages should be included by default?

• CSS
  • Normalize
• JavaScript
  • modernizr
  • Magnific Popup
  • Picturefill
  • FitVids