Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add pattern library #215

Closed
gregrickaby opened this issue Nov 4, 2016 · 2 comments
Closed

Add pattern library #215

gregrickaby opened this issue Nov 4, 2016 · 2 comments
Assignees

Comments

@gregrickaby
Copy link
Contributor

Currently discussing internally adding a simple pattern library to help during builds.

So far, we have been creating a regular ol page in WordPress, and then assigning it the template-patterns.php page template.

template-patterns.php houses a lot of hard-coded markup. We're looking to optimize and standardize this process.

@gregrickaby
Copy link
Contributor Author

Update: I've created repo for extending our CodePen components and patterns:
https://github.com/WebDevStudios/WDS-Components-Library

@carrieforde Is heading up that project. The idea is to create a place where we can store ready-to-use components and patterns that will work with wd_s.

@carrieforde
Copy link
Contributor

I believe we should still be using a pattern library within wd_s regardless of the existence of the WDS Components Library. A pattern library and component library serve different purposes, and ideally, they work in tandem.

The Component Library is (will be) simply a collection of ready-to-use UI components that will have basic styling and functionality that serves as a jumping off point.

The Pattern Library, on the other hand, allows us to take components and theme them specifically to the project on which we are working. Not only that, but a Pattern Library serves as visual documentation for designers, developers, and even clients and PMs. If a dev needs to reuse a component that exists on a project, they can simply refer to the pattern library for usage information. This becomes really helpful when a project ends up having several card variations, for example.

So to clarify, the point of the wd_s pattern library is not to house a collection of ready-to-use components, but to serve as a spring board for front-end development. It helps ensure that we have styled the smallest details (atoms such as typography, radio buttons, etc.), and serves as visual, theme-specific documentation for our components. (PatternLab)[http://demo.patternlab.io/] has some really basic, but great examples of this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants