Yesterday, on stage at An Event Apart Atlanta, I announced Pears: an open source WordPress theme for creating your own markup & style pattern library.
I wanted to create my own database repository of commonly used patterns and figured the tool might be useful for others as well. Breaking interfaces down into patterns has been immensely helpful in learning and reevaluating the best possible code to implement them. I've just gotten started and will be adding more as I create them.
But Pears isn't about how I code these patterns—it's a tool for creating your own.
The theme is available on GitHub for those that want to chip in and make it even better. Admittedly, the code is a little rough here and there, but it works.
Looking forward to seeing others' takes on the patterns that power flexible web interfaces.
Not going to lie, I was pumped for this! Thanks for releasing it!
Started using it as a development style guide for myself and the rest of the engineers at MyEnergy. Way better than my ugly version I've used in the past. Once I get it filled with some patterns I'll be sure to share so you can see how it's being used.
Really cool! Going to give it a try as soon as I can take a break from client work. To go with Ryan's suggestion of syntax highlighting, line numbers would be really nice, too.
(Though both of these could likely be implemented with a WordPress plugin and/or snippet of jQuery or something.)
25 Responses
Pro
Dan Cederholm
Yesterday, on stage at An Event Apart Atlanta, I announced Pears: an open source WordPress theme for creating your own markup & style pattern library.
I wanted to create my own database repository of commonly used patterns and figured the tool might be useful for others as well. Breaking interfaces down into patterns has been immensely helpful in learning and reevaluating the best possible code to implement them. I've just gotten started and will be adding more as I create them.
But Pears isn't about how I code these patterns—it's a tool for creating your own.
The theme is available on GitHub for those that want to chip in and make it even better. Admittedly, the code is a little rough here and there, but it works.
Looking forward to seeing others' takes on the patterns that power flexible web interfaces.
over 1 year ago
Hooray!
over 1 year ago
nice :)
over 1 year ago
Pro
Cameron Moll
Thumbed through this yesterday. Really good stuff, Dan.
over 1 year ago
Yes Yes!
over 1 year ago
You done good, this looks cool
over 1 year ago
Pro
matt rossi
that sidebar animation is slick, nice work!
over 1 year ago
Pro
Josh Hemsley
Not going to lie, I was pumped for this! Thanks for releasing it!
Started using it as a development style guide for myself and the rest of the engineers at MyEnergy. Way better than my ugly version I've used in the past. Once I get it filled with some patterns I'll be sure to share so you can see how it's being used.
over 1 year ago
Pro
Rogie
@Dan Cederholm lovely, simple and elegant. Cute pear too :P
over 1 year ago
Pro
Ahmed Chergaoui
Instant like for everything pear related!
over 1 year ago
Pro
Florian Schroiff
Great idea! I'll install it locally and use it as my private snippet repository.
over 1 year ago
Pro
Matthew Daniels
Man. Thank you so much for giving this away. You have a seriously generous heart, sir.
over 1 year ago
Pro
Matt Hamm
Another genuis idea and I just love that pear illustration. Is that by your own fair hand @Dan Cederholm ?
over 1 year ago
Pro
Dan Cederholm
@Matt Hamm Indeed it is, and thank you sir!
over 1 year ago
Pro
Nishant Kothary
This is an awesome idea, Dan. Delicious, I should say. :)
over 1 year ago
Pro
Ced Funches
Oh my Dan this is too awesome. Great stuff. I love the baby pear icon. Cool. Like and downloaded.
over 1 year ago
Thanks Dan. I can now scratch this of my todo list :)
over 1 year ago
Pro
Seth Lilly
Great idea, Dan. And thanks for making it freely available to help others grow.
over 1 year ago
Pro
Ryan McLaughlin
@Dan Cederholm Wonderful idea. Thank you for this!
Syntax highlighting would be a nice feature to add.
over 1 year ago
Pro
Rafael Escudero
Loved it! Downloaded it and already started playing with it. Thanks for sharing this great tool Dan!
over 1 year ago
Really cool! Going to give it a try as soon as I can take a break from client work. To go with Ryan's suggestion of syntax highlighting, line numbers would be really nice, too.
(Though both of these could likely be implemented with a WordPress plugin and/or snippet of jQuery or something.)
over 1 year ago
Very cool concept, Dan. Marvelous! Thanks for making this available to everyone. :)
over 1 year ago
Pro
Stan Grinapol
WERE DO YOU GET THE TIME!
about 1 year ago
great
about 1 year ago
Pro
Joby Varghese
Awesome!!!
11 months ago