Cadre CSS pour le développement de l'interface utilisateur

Question

Je crée une application dans Adobe Air et je souhaite créer une interface utilisateur robuste. Et c'est assez difficile à faire en CSS, je me retrouve avec beaucoup de code désordonné qui ne fonctionne probablement pas très bien de toute façon.

Donc, quelqu'un sait-il un bon cadre CSS UI qui met l'accent sur une mise en page robuste plutôt que inutile slidy crap et datepickers.

Answer 1

frameworks JavaScript avec de bons widgets de l'interface utilisateur:

• qooxdoo
• YUI

framework CSS:

• http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/

Answer 2

960.gs est un cadre CSS décent pour la mise en page. Bien que personnellement, normalement, je roule le mien, en prenant des extraits de mon travail précédent et le construire. L'utilisation du mode standard signifie pratiquement aucune variation entre les navigateurs.

Answer 3

Je suggère Blueprint css framework avec BOKS

D'abord, vous devez comprendre comment Blueprint fonctionne

qui u peut trouver ici http://net.tutsplus.com/tutorials/html-css-techniques/a-closer-look-at-the-blueprint-css-framework/

puis utilisez BOKS

http://toki-woki.net/p/Boks/help.html

Boks est une application AIR (donc fonctionne sur Windows, Mac et Linux) que fournit une interface utilisateur pour le framework CSS Blueprint . Il a été conçu pour ceux qui pensent que le système est bon mais n'a jamais vraiment pris le temps de lui donner l'amour.

Il gère la configuration de la grille, rythme pimpin de base, CSS (avec ou sans compression ) et grid.png l'exportation, la mise en page HTML et beaucoup plus -goodie goodie!

alt text http://toki-woki.net/p/Boks/screen/main.jpg

Photoshop Template for Blueprint CSS Comp

Answer 4

Essayez Cascade Framework:

• Flexibilité: Vous ne trouverez aucun cadre qui a un système de réseau plus souple ou un meilleur support du navigateur. Ses composants de panneau, de tabulation, de table et de navigation offrent également une flexibilité sans précédent.
• Léger: Si vous n'utilisez que les fonctionnalités de base de Cascade Framework, vous n'aurez besoin que d'un code CSS de 8,5 kb (2,6 kb gzippé).Si vous voulez tout, y compris toutes les icônes Fontawesome, vous devez inclure 51,9 kb (10,8 kb gzippés) de code CSS du framework. Si c'est encore trop, il y a aussi une version minimale fatfree appelée Cascade Framework Light.
• Compatible navigateur croisé: Cascade Framework vous permet de créer une mise en page adaptable dans tous les navigateurs modernes. Dans IE6-8, vous allez servir la version de bureau de votre site Web.
• Modulaire: Cascade Framework met à votre disposition plusieurs modules individuels ainsi que quelques builds (en combinant des modules individuels).