Javascript Girl
  1. Javascript Girl
  3. CSS Framework for UI Development
Intereting Posts
Désignation du noeud React.js Google Spreadsheets API avec OAuth2.0 en utilisant Javascript Comment utiliser Backbone.js, mais de la manière NO-RESTful? Browser Neutral Way pour ajouter des options à un élément sélectionné en javascript Convertir Lat / Long pour X / Y pour Albers Projection sur US Map Image ExternalInterface ne fonctionne pas dans IE La fonction jQuery .on fonctionne en 1.8.3 mais pas en 1.9.1 Existe-t-il une façon préférée de formater les chaînes jQuery pour les rendre plus lisibles? Delphi, EmbeddedWB / TWebbrowser – jQuery ne s'exécute pas Combinaison de Knockout.js + KendoUI – Quelle a été votre expérience? Bootstrap affecte la liste des changements d'élément Largeur Exécuter Node.js dans Apache? Le Javascript peut-il accéder à la taille d'image native? Comment puis-je mettre des codes de jsfiddle.net dans mon site? JQuery .on () n'est pas contraignant des événements de clic sur des éléments créés dynamiquement

CSS Framework for UI Development

Je fais une application dans Adobe Air et je souhaite créer une interface utilisateur solide. Et il est assez difficile à faire dans CSS, je finis avec beaucoup de code en désordre qui ne fonctionne probablement pas bien de toute façon.

De même, quelqu'un sait d'un bon cadre CSS de l'UI qui se concentre sur une mise en page robuste plutôt que sur des astuces et des codes de date.

Je suggérerais Blueprint css framework avec BOKS

D'abord, vous devez comprendre comment fonctionne Blueprint

Que vous pouvez 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) qui fournit une interface utilisateur pour le framework Blueprint CSS. Il a été conçu pour ceux qui pensent que le Grid System est bon mais n'a jamais vraiment pris le temps de lui donner l'amour.

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

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

Modèle Photoshop pour Blueprint CSS Comp

Cadres JavaScript avec de bons widgets UI:

  • Qooxdoo
  • YUI

Cadres CSS:

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

Essayez Cascade Framework :

  • Flexibilité: vous ne trouverez aucun cadre qui ait un système de grille plus flexible ou un meilleur support de navigateur. Son panneau, son bloc d'onglets, sa table et ses composants de navigation offrent également une flexibilité sans précédent.
  • Léger: si vous utilisez uniquement les fonctionnalités principales de Cascade Framework, vous devez inclure seulement 8,5 kb (2.6 kb gzip) du code CSS cadre. Si vous voulez tout, y compris toutes les icônes Fontawesome, vous devrez inclure 51,9 kb (10,8 kb gzip) du code CSS cadre. Si c'est encore trop, il y a aussi une version minimale sans gras appelée Cascade Framework Light .
  • Cross-Browser Compatible: Cascade Framework vous permet de créer une mise en page adaptée dans tous les navigateurs modernes. Dans IE6-8, vous allez desservir la version de votre site Web.
  • Modulaire: Cascade Framework vous propose plusieurs modules individuels ainsi que quelques versions (combinant des modules individuels).