Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Generating styled markup from a folder of markup snippets.
CSS PHP
branch: master

Merge pull request #4 from Upperdog/master

Ignore Vim's .swp files
latest commit a8e685e52f
@adactio authored
Failed to load latest commit information.
patterns Adding a few more patterns
README.mdown Add link to Grunt version
global.css Initial pattern primer example
index.php Ignore VIMs .swp files

README.mdown

Create little snippets of markup and save them to the "patterns folder." The pattern primer will generate a list of all the patterns in that folder. You will see the pattern rendered as HTML. You will also get the source displayed in a textarea.

You should be able to take the whole "pattern-primer" folder and drop it into your own project (assuming you're running PHP) BUT make sure to update the link element in the head of pattern-primer/index.php to point to your own CSS.

Here's a Node.js port: https://github.com/beardtwizzle/pattern-primer-on-node

And here it is in Ruby: https://github.com/micdijkstra/Pattern-Primer-Ruby

Here's a Jekyll version: https://github.com/opattison/Pattern-Primer-Jekyll

You can even run it using Grunt: https://github.com/asciidisco/grunt-patternprimer

Something went wrong with that request. Please try again.