stackOverflow UI secrets de conception?

Je suis sûr que vous avez tous observé la conception cohésive de ce site. Ma question concerne quelques-unes des superbes boîtes d'information qui apparaissent sur divers événements. Par exemple, lorsqu'une personne ayant une réputation inférieure tente de voter OU que la longue case s'affiche juste en dessous de la barre d'adresse du navigateur lorsque j'ai reçu une réponse à l'une de mes questions.stackOverflow UI secrets de conception?

Ce sont essentiellement des éléments DIV générés par JS ... mais est-ce que l'un d'entre vous connaît une bonne bibliothèque/un ensemble de contrôles qui peuvent être utilisés pour obtenir ces effets de style?

Source

2009-09-06 Jarvis Bot

Mieux vaut le déplacer vers meta.stackoverflow.com :) –

Non, ce n'est pas une méta discussion, c'est une question de conception d'interface utilisateur, qui est arrivé à utiliser SO comme exemple. – hasen

Je ne sais pas, mais pour ma part, j'aimerais tellement plus si ce n'était pas le cas. Si je navigue, je veux juste parcourir, merci, et je vais vérifier mes messages plus tard. Au mieux, c'est simplement une utilisation un peu moins terrible de pousser sur le web que la plupart. – Alec

JQuery can do a lot of nice things

Source

2009-09-06 05:12:19 Aziz

Thats une bibliothèque générique ... Je suis à la recherche de quelque chose prédéfini ... avec lequel je peux frapper le sol en cours d'exécution. –

Vous ne pouvez pas être beaucoup plus simple que jQuery pour être honnête. $ ("body"). Append ("

You did something!

"); – carl

Et oui je sais la bibliothèque WZ ... ce qui est assez cool. Mais je cherche quelque chose de plus cohérent et plus proche de la ressemblance avec le style stackOverflow.

http://www.walterzorn.com/

Source

2009-09-06 05:12:33

ce lien semble être cassé. – Brandon

JQuery est la première réponse évidente :)

Source

2009-09-06 05:12:40 Pwninstein

Bienvenue dans le culte de JQuery. En fait Glow (http://bbc.com/glow) est une bien meilleure réponse car elle offre des méthodes d'animation et de contrôle de l'interface que JQuery n'a pas, mais les deux ne sont pas une bonne réponse pour l'OP – Guss

faire une d'entre vous connaissez une bonne bibliothèque/série de contrôles qui peuvent être utilisés pour obtenir ces effets de style?

De quels styles parlez-vous? Tout dans SO est essentiellement une boîte html normale (div) avec des bordures, des marges, et un remplissage, et d'autres paramètres css simples et simples.

Il n'y a pas de widget fantaisie n'importe où, du moins pas quelque chose que je peux voir.

En fait, il est assez laid, mais nous les programmeurs ont pas le goût :)

Nous l'aimons parce qu'il est simple et droit au but, non pas parce qu'il a l'air de fantaisie.

Source

2009-09-06 05:16:02 hasen

Simple et direct au point? Je pensais que c'était USENET! SO a de grands avatars en couleur, des flèches et des étoiles et des badges, une recherche ajax et des textboxes, et un formatage de texte de fantaisie, en plus des alertes de fantaisie posées ici. Ou, comme l'a dit un jour, «il faut une quantité surprenante de travail pour donner l'impression que le site n'a pas de design». – Alec

@Alec: Oui, tout ceci est une fonctionnalité géniale, mais il n'y a pas d '"effets de style". Tout est très basique. couleur, couleur de fond, police, bordure, marge, marge. par exemple. boîte rouge avec du texte blanc dedans, wow, widgets fantaisie hein? – hasen

Comme d'autres l'ont dit, JQuery fera ce que vous voulez ... il suffit de l'utiliser pour insérer un div. Si vous voulez plus de choses de type widget-ey il y a aussi JQuery UI.

Source

2009-09-06 05:32:00

Comme eveyone dit Jquery est là en Stackoverflow faire quelques animations :)

si vous voyez dans la source de vue, vous pouvez savoir, comment il fonctionne

Par exemple:

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

Quelques jours en arrière j'ai eu le même doute. J'ai fait des recherches à ce sujet et j'ai eu quelques belles animations comme stackoverflow en utilisant Jquery.

Source

2009-09-06 06:07:04 anishMarokey

stackOverflow UI secrets de conception?

Répondre

Questions connexes