7 ms·
I really like seeing companies build out their own style guide libraries. It's such a huge win in terms of maintaining css and keeping it consistent across an e
by jdcantrell 13y ago
I really like seeing companies build out their own style guide libraries. It's such a huge win in terms of maintaining css and keeping it consistent across an entire site/platform. We went through this process at Trulia about a year ago, and the results had a huge impact[1].
Sadly we never released our style guide to the public, but we did open source the tool for building it: https://github.com/trulia/hologram https://github.com/trulia/hologram
It tries to keep things simple by letting you use markdown and html to document your css/js inline and then extracting that into a style guide.
1. http://www.stubbornella.org/content/2013/06/05/creating-living-style-guides-to-improve-performance/ http://www.stubbornella.org/content/2013/06/05/creating-livi...
- ipsin 13y agoI love that you called your gem "hologram". That's appropriate and... truly outrageous?
- mattjaynes 13y agoHaha, classic! For those that didn't fully experience the 80's, "Jem and the Holograms" was a cartoon that took cheese and glam to a whole new level. Here's the theme song, which will give you a good taste of that awesome 80's relic: https://www.youtube.com/watch?v=m6G_o1MYECg https://www.youtube.com/watch?v=m6G_o1MYECg
- mfnkl 13y agoThanks for sharing this! Nicole Sullivan's talk about her work with Trulia was a huge inspiration for Yelp's styleguide. The performance improvements you reported are very impressive. Well done!