Pouvez-vous recommander un framework CSS (ou UI Framework) pour les applications Web d'entreprise?
Existe-t-il un framework CSS qui tente de fournir des applications métier, en particulier?
J'ai consulté l'interface utilisateur Mocha, basée sur MooTools. Honnêtement, cependant, j'aimerais éviter de traiter avec Javascript et Moo (ou jQuery/jQuery UI). J'ai tendance à croire que la plupart de ce dont vous avez besoin pour une application web simple peut être gérée en CSS sans les mods Javascript.
La plupart des CSS raffinés sont destinés à des besoins de publication de blogs ou de publication Web différents des besoins d'interface utilisateur d'une application professionnelle. Il semble que ce soit un problème que quelqu'un ait résolu, mais je n'arrive pas à trouver une solution.
Mon espoir serait que les solutions proposées ne connaissent pas le langage (travail avec PHP, ASP, CF, etc.). Cependant, s'il existe un framework basé sur un langage qui gère l'interface utilisateur dans un sens très "fini", alors je serais intéressé à le regarder, même si cela impliquait l'adoption d'un framework qui obligeait l'utilisation d'un serveur particulier- langage secondaire.
Mon objectif n’est pas de devenir MVC, mais d’avoir des CSS jolis qui s’adapteraient à une application.
BOUNTY: J'ai décidé de commencer une prime sur cette question car je pense qu'il doit y avoir quelques "points de départ" utiles (au minimum) de CSS qui sont orientés vers les applications Web, avec ma préférence, espérons-le:
- plateforme indépendante ou accueillant différentes plateformes de développement, et
- gratuit ou presque gratuit (comme dans, pas 1000 $ pour une collection de contrôles)
Exemple "inspirant": (jeu d'intention, désolé) J'ai trouvé une société de développement de sites Web d'églises qui avait publié un Design Patterns Library and Code Standards ce qui est très séduisant, mais il semble que ce ne soit utilisable que par ceux qui développent des sites d’église en utilisant leur logiciel en tant que service (?). Quoi qu'il en soit, les graphiques CSS et complémentaires ne sont pas destinés à la consommation publique.
Je suis d'accord avec les réponses précédentes (Chris Lively et Lèse majestè). Et aussi j'ai trouvé le lien que vous fournissez très cool.
Mais passons à ma réponse. Je pense que vous devriez le faire à votre façon. Il existe de nombreuses ressources que vous pouvez utiliser. Je vais citer le mien.
Alors que je développais mon propre framework et mes propres générateurs, la nécessité de disposer d’un framework d’interface utilisateur est devenue évidente. Par conséquent, toutes les classes et tous les identifiants sur les modèles HTML étaient générés automatiquement.
Ensuite, après avoir étudié les modèles de communications que j'ai utilisés, j'ai créé mon propre utilitaire CSS UI (ainsi que certains utilitaires JS). Le point clé de mon approche consiste à utiliser de nombreuses classes différentes.
.required, .relaxed, .warning, .error, .success, .roundedBox, .gradient, .white70 [rgba (255,255,255,0,7)], .black30, .padded, en sont quelques exemples.
du côté HTML:
En outre, il est implémenté sur 960 grilles et comporte de nombreux autres utilitaires, tels que les kits @ font-face. En fait, cela me conduit avec juste quelques travaux. Ajouter des classes correctes et éventuellement effectuer quelques ajustements mineurs pour chaque projet.
Avec plusieurs classes, l’autre point essentiel est de s’assurer que tout reste lié à un schéma noir-blanc-gris, fonctionnant avec des opacités. Ceci permet de réduire les modifications de code nécessaires pour chaque projet; par conséquent, chaque projet a généralement son propre schéma de couleur.
Je suis surpris, personne n'a suggéré plan jusqu'à maintenant. Bien! Ceci est juste un framework CSS qui peut ralentir vos efforts de conception.
[Octobre 2013]
Maintenant, les cadres Foundation et Bootstarp sont inactifs pour le développement Web. Ils vous permettent de concevoir des pages Web réactives.
Le problème est que "fini" signifie différentes choses pour différentes personnes.
Vous voulez peut-être qu'une petite bordure de Nice apparaisse autour de vos éléments d'entrée une fois qu'ils ont reçu le focus. Vous voulez peut-être que tous vos éléments de paragraphe aient une marge de 4 pixels. Ou peut-être voulez-vous vous assurer que tous les boutons ont un texte en bleu brillant.
Vous voyez, il n'y a pas de solution unique. Tout est une question de design et de goût qui n’est en aucun cas identique pour tout le monde ET continue d’évoluer. Web 2.0 nous a apporté des polices plus volumineuses, des boîtes plus volumineuses à saisir et un manque de menus déroulants imbriqués (heureusement). Qui sait ce que les geeks de l’interface choisiront pour la "3.0"… Quoi qu’il en soit, il sera, espérons-le, aussi radicalement différent que celui de la version 2.0 des sites des années 90.
Certaines technologies telles que WPF, Flash et Silverlight existent, en partie, pour donner une sensation complètement différente à un site. Mais, encore une fois, ce ne sont que des points de départ pour permettre à votre propre créativité de s’épanouir. jQuery UI et Mocha UI entrent dans les mêmes catégories.
Maintenant, en fonction de la technologie utilisée que vous utilisez, il existe des fournisseurs de contrôle (tels que telerik et DevExpress ) qui fournissent des skins prêts à l'emploi pour leurs bibliothèques de contrôle. façon de gifler quelque chose qui semble vraiment très bien.
Mocha UI et jQuery UI sont des bibliothèques JavaScript UI, qui ont un objectif très différent de celui que vise un framework CSS. Je ne pense pas que vous trouverez un framework CSS capable de faire ce que font ces bibliothèques.
Tout d'abord, l'interface utilisateur est plus qu'une simple esthétique ou conception visuelle; il comprend un ensemble défini de comportements et d’interactions. C'est pourquoi JavaScript est nécessaire pour créer une bibliothèque d'interface utilisateur telle que Mocha UI ou YUI. CSS n'est tout simplement pas capable de générer seul des widgets d'interface utilisateur riches. C'est pourquoi les applications non-AJAX n'ont tout simplement pas d'interfaces utilisateur très riches.
D'autre part, même si vous n'êtes intéressé que par un ensemble de graphiques d'interface utilisateur prédéfinis, l'esthétique d'une interface utilisateur doit correspondre à la conception Web dans laquelle elle est placée. Donc, mis à part le prototypage rapide, l'utilisation ne serait pas très utile. pour un UI préemballé "thème". C'est pourquoi la plupart des bibliothèques d'interface utilisateur JavaScript vous permettent de personnaliser l'aspect et la convivialité des composants d'interface utilisateur qu'elles contiennent. Et cela implique la modification des images en plus des styles CSS.
Pour ces raisons, la plupart des frameworks CSS sont des frameworks pour l'écriture de CSS, et non des frameworks d'interface utilisateur que vous pouvez simplement insérer dans une application pour lui donner une belle apparence. De tels frameworks peuvent certainement rendre plus facile l'écriture de CSS pour de grandes applications, mais au final, vous avez toujours besoin d'un concepteur d'interface utilisateur et d'un programmeur frontal pour concevoir et implémenter l'interface utilisateur.
Maintenant, si vous utilisez un CMS populaire, vous pouvez télécharger ou acheter un thème pour celui-ci. Mais je ne connais aucun framework de thème/skinning CSS pouvant être utilisé dans une application personnalisée. En outre, la plupart des applications Web d'entreprise ont des interfaces utilisateur conçues sur mesure et non des thèmes prédéfinis.
Cela dit, ce que vous pouvez faire, c'est faire ce que font beaucoup de concepteurs UX et d'interaction. Autrement dit, créez une bibliothèque d’interface utilisateur personnalisée à l’échelle de la société (ou en créez une pour vous) que toutes vos applications utiliseront. Cela garantira que toutes vos applications ont une apparence uniforme de "signature" alignée sur votre marque. Et cela évite à vos développeurs front-time de réécrire les styles d'interface utilisateur pour chaque application.
En tant que framework libre et agnostique, il y a toujours l'utilisation du framework Compass qui fonctionne très bien avec le langage Sass , ce qui rendra votre CSS beaucoup plus thématique et réutilisable.
Si vous utilisez Linux, il est facile à installer via rubygems (notez que vous n’avez pas besoin de savoir quoi que ce soit à propos de Ruby, j’écris PHP et j’utilise Sass - maintenant appelé Scss pour Sass3). être facile à obtenir sur une autre plate-forme aussi, mais je n'ai pas vérifié.
J'utilise Bootstrap , c'est incroyable.