Geek Answers Handbook

Secrets of stackOverflow UI design?

I am sure that you all noticed the cohesive design of this site. My question is about some interesting information fields ... that appear on various events. For example, when someone with a lower reputation tries to vote, or a long box that appears just below the browser address bar, when I received an answer to one of my questions.

These are basically JS elements created by DIV ... but can any of you know a good library / set of controls that you can use to achieve these style effects?

+4
source share
6 answers

JQuery is the obvious first answer :)

+3
source

Do any of you know a good library / set of controls that you can use to achieve these styling effects?

What styles are you talking about? Everything in SO is essentially a normal html (div) box with borders, margins and indentation, as well as other simple and simple css settings.

There is not a single widget seen anywhere, at least not what I see.

This is actually pretty ugly, but we programmers have no taste :)

We like it because it's simple and straight to the point, and not because it looks weird.

+3
source

And yes, I know the WZ library ... it's pretty cool. But I'm looking for something more cohesive and closer to the style of stackOverflow.

http://www.walterzorn.com/

0
source

As others have said, jQuery will do what you want ... just use it to insert a div. If you want more things like widget-ey, also JQuery UI .

0
source

As eveyone jquery said, several animations are done in Stackoverflow :)

if you see in the view source, you can find out how it works

eg:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

A few days ago I had the same doubt. I researched it and got some nice animations like stackoverflow using jquery .

0
source

More articles:


All Articles