views:

224

answers:

6

I am sure all of you have observed the cohesive design of this site. My question is about some of the cool info-boxes...that appear on various events. Like when someone with lower reputation tries to down-vote OR the long box that appears just below the browser address bar when I have got response to one of my questions.

These are basically JS generated DIV elements...but do any one of you know a good library/ set of controls that can be used to achieve these styling effects?

+14  A: 

JQuery can do a lot of nice things

Aziz
Thats a generic library...I am looking for something pre-defined...with which I can hit the ground running.
Chouette
You can't get much simpler than jQuery to be honest. $("body").append("<div class="notice">You did something!</div>");
carl
A: 

And yes I know the WZ library...which is pretty cool. But am looking for something more cohesive and closer in resemblance to stackOverflow styling.

http://www.walterzorn.com/

Chouette
+3  A: 

JQuery is the obvious first answer :)

Pwninstein
Welcome to the JQuery cult. Actually Glow (http://bbc.com/glow) is a much better answer as it offers methods for animation and UI control that JQuery does not, but both are not a good answer for the OP
Guss
+2  A: 

do any one of you know a good library/ set of controls that can be used to achieve these styling effects?

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

There's no fancy widget anywhere, at least not something that I can see.

In fact, it's quite ugly, but we programmers have no taste :)

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

hasen j
Simple and straight to the point? I thought that was USENET! SO has big full-color avatars, arrows and stars and badges, ajax search and textboxes, and fancy text formatting, in addition to the fancy alerts asked about here. Or as pg once said, "It takes a surprising amount of work to make it look like the site has no design".
Alec
@Alec: Yes, all this is awesome functionality, but there are no "styling effects". It's all very basic css stuff. color, background-color, font, border, padding, margin. e.g. red box with white text in it, wow, fancy widgets eh?
hasen j
A: 

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

fiXedd
A: 

As eveyone said Jquery is there in Stackoverflow doing some animations :)

if you see in the view source ,You can find out ,how it is working

E.g:

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

Few days back i had same doubt .I researched on it and got some of nice animations as like stackoverflow using Jquery.

anishmarokey