Coder Social home page Coder Social logo

assemble-atomic's Issues

Nice permalinks

Right now, permalinks look like this:

patterns/patternType-patternGroup/patternName/index.html

e.g.

patterns/atom-headings/large-heading/index.html

This seems really goofy. You know what'd be cool?

patterns/patternType/patternGroup/patternName.html

e.g.

patterns/atoms/headings/large-heading.html

And maybe the groups could even have an index file that lists out all the patterns in that group.

There's probably a reason it's not being done this way already, but this seems a lot more intuitive.

Different methods to pass data to patterns

Add more options to pass data to patterns, as well as ways to override the data we pass. Here they are, ordered by priority.

All of these examples would output a heading with the text of "I am a heading".

Block data

{{#atom 'heading'}}I am a heading{{/atom}}

Note: passing data as a block like this would be setting the outlet property to the text inside the block. All other examples are setting text.

Inline data

{{atom 'heading' text='I am a heading'}}

Passed context

# where current context is this:
heading_data:
  text: 'I am a heading'
{{atom 'heading' heading_data}}

Pattern YFM
Imagine a block of YFM at the top of a pattern's handlebars file. Useful for setting defaults.

Current context

# where current context is this:
text: 'I am a heading'
{{atom 'heading'}}

Ordering by number in filename

I like the way Pattern Lab does ordering. You order pattern types, groups, and patterns by adding a number at the beginning of the filename. You don't need to include the number when you include it. And it's optional. If you leave out the number, it'll go alphabetically.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.