Yelp’s Style Guide • Hacker News Board

Re: Yelp’s Style Guide

#11

Post by d0m » Tue, Feb 11, 2014, 11:29 PM UTC

dzine wrote: post #6

I like the idea of a style guide. Looks a lot like an internal Twitter Bootstrap.

Yeah. For a startup it could make sense to start with bootstrap and add a couple patterns/tweaks on top of it rather than re-inventing everything. Similar to what we do in Python.. Pep-8 but X,Y,Z.

Re: Yelp’s Style Guide

#12

Post by ipsin » Wed, Feb 12, 2014, 12:26 AM UTC

jdcantrell wrote: post #9

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 It tr…

I love that you called your gem "hologram". That's appropriate and... truly outrageous?

Re: Yelp’s Style Guide

#13

Post by strifey » Wed, Feb 12, 2014, 12:45 AM UTC

garraeth wrote: post #5

Love it! But is this thin, grainy font by design? http://imgur.com/TGCnZXV (Win 7 on FF)

Win 8 & Chrome here and it looks much better than that.

Re: Yelp’s Style Guide

#14

Post by vfusion » Wed, Feb 12, 2014, 1:44 AM UTC

So that is why Yelp's interface is clunky and looks like it is stuck in the past. I've been wondering with all their talent why they haven't progressed much.

Re: Yelp’s Style Guide

#15

Post by jcampbell1 » Wed, Feb 12, 2014, 2:19 AM UTC

garraeth wrote: post #5

Love it! But is this thin, grainy font by design? http://imgur.com/TGCnZXV (Win 7 on FF)

You should try sharing a png file. Here is an example: http://i.imgur.com/End1S.png

Re: Yelp’s Style Guide

#16

Post by foocc » Wed, Feb 12, 2014, 2:30 AM UTC

garraeth wrote: post #5

Love it! But is this thin, grainy font by design? http://imgur.com/TGCnZXV (Win 7 on FF)

Can't confirm on Win 7 & FF 26.

Re: Yelp’s Style Guide

#17

Post by Brajeshwar » Wed, Feb 12, 2014, 2:39 AM UTC

Inspired after seeing Nicole talk about Trulia's Styleguide, my current way to work with clients' design is to spend enough time and effort in making a styleguide. Once a styleguide is in place, it continues to evolve and change and the eventual design is pretty straight forward and easy.

Re: Yelp’s Style Guide

#18

Post by leishman » Wed, Feb 12, 2014, 4:09 AM UTC

Their button group doesn't look right when you click the button. The border glow gets covered.

Re: Yelp’s Style Guide

#19

Post by jmcgough » Wed, Feb 12, 2014, 7:13 AM UTC

dzine wrote: post #6

I like the idea of a style guide. Looks a lot like an internal Twitter Bootstrap.

Same. Stylesheets can become sprawling messes as you gain more developers who may not be aware of what's already in there. Plus, this makes on-boarding so much easier.

Re: Yelp’s Style Guide

#20

Post by mattjaynes » Wed, Feb 12, 2014, 9:53 AM UTC

ipsin wrote: post #12

jdcantrell wrote: post #9

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 It tr…

I love that you called your gem "hologram". That's appropriate and... truly outrageous?

Haha, 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