Cinderblock

A stripped down HTML/CSS boilerplate for starting any project

I always start personal projects from scratch. Well, almost from scratch. I made a super tiny boilerplate called Cinderblock that is the starting point for all my projects. I found myself constantly downloading Skeleton, stripping out the grid, the favicons, extra JS and then getting started. After doing that 10 times, I created Cinderblock.

The whole project is:

  • index.html: Base HTML5 page with links to the local CSS, a handful of meta tags, the HTML5 shim and jQuery from a CDN, and the local app.js file.
  • css: There are 2 files in here. Base.css has a basic reset and typography, while main.css is a blank document waiting for custom CSS.
  • js: Contains only app.js which is only an empty self-executing jQuery wrapper (a "document ready" basically).
  • img: An empty directory for future assets

If you're interested, check out the source on Github or download it straight from the landing page for Cinderblock.