A Living Document of Responsive Deliverables
Inspired by the recent movement of creating systems, not pages. This is a living library of deliverables that can be stylized to fit your next project. Each pattern is included within the pattern directory and can be optionally included into the final guide.
Clone the git repo -
git clone git://github.com/cjdsie/pattern-portfolio.git or download it
This framework using Node.js, NPM (Node Package Manager), and Grunt.js to manage the code in this repo. To preview code locally, you'll need to install Node and NPM, then run the following commands from a terminal window, in the repo directory:
$ npm install $ grunt
Those commands do the following:
npm installwill install the necessary node.js packages to develop on this project
gruntwill run a series of tasks defined in
Once you have done all this, you can preview the site by starting a web server at the
localhost:8080. In the same terminal window:
$ node server
I have set up a
watch task to automatically rebuild the
public files whenever files are changed. When you start working, just run the following commands to run all tasks and then start the watch task:
$ grunt && grunt watch
All patterns are separate HTML files that live in /views/patterns. Ideally, the file name should be the same as the pattern's main class name. Add a file to see it in the library then include it in the main
For all presentation styles, we are using
.scss partials. Our gruntfile will combine the partials into a single CSS file.
If you have an idea for a new feature or a suggestion how to improve an existing feature, let me know! Open a new issue to describe your request.
Submitting an Issue
We use the GitHub issue tracker to track bugs and features. Before submitting a bug report or feature request, check to make sure it hasn't already been submitted. You can indicate support for an existing issue by voting it up. When submitting a bug report, please include a screenshot and any additional details that can help us debug, such as your operating system and browser version.
This work is available under the MIT license.