ethanmuller / assemble-atomic Goto Github PK
View Code? Open in Web Editor NEWThis project forked from assemble/assemble-pattern-lab
An implementation of atomic design using Assemble
License: Other
This project forked from assemble/assemble-pattern-lab
An implementation of atomic design using Assemble
License: Other
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.
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
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
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'}}
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.