it-swarm.com.de

Können Sie ein CSS Framework (oder UI Framework) für Enterprise Web Apps empfehlen?

Gibt es ein CSS-Framework, das versucht, speziell für Geschäftsanwendungen bereitzustellen?

Ich habe mir die Mocha-Benutzeroberfläche angesehen, die auf MooTools basiert. Ganz ehrlich, ich möchte es vermeiden, mich mit Javascript und Moo (oder jQuery/jQuery UI) zu beschäftigen. Ich neige dazu zu glauben, dass das meiste, was Sie für eine einfache Web-App benötigen, in CSS ohne die Javascript-Mods dafür verarbeitet werden kann.

Viele der ausgefeilten CSS zielen auf Blogging- oder Web-Publishing-Anforderungen ab, die sich von den Benutzeroberflächenanforderungen einer Business-App unterscheiden. Es scheint, dass dies ein Problem sein muss, das jemand gelöst hat, aber ich kann anscheinend keine Lösung finden.

Ich hoffe, dass die vorgeschlagenen Lösungen sprachunabhängig sind (mit PHP, ASP, CF usw. arbeiten). Wenn es jedoch ein Framework gibt, das in einer Sprache verwurzelt ist, die die Benutzeroberfläche in einem sehr "fertigen" Sinne handhabt, wäre ich daran interessiert, auch wenn dies die Übernahme eines Frameworks bedeutet, das die Verwendung eines bestimmten Servers erzwingt. Nebensprache.

Mein Ziel ist es nicht, MVC zu verwenden, sondern nur ein paar gut aussehende CSS-Dateien, die zu einer Anwendung passen.

BOUNTY: Ich habe mich dazu entschlossen, ein Kopfgeld für diese Frage zu erheben, weil ich denke, dass es einige nützliche "Startpunkte" (minimal angegeben) von CSS geben muss, die darauf abzielen in Richtung Web-Apps, mit meiner Präferenz, dass sie hoffentlich sind:

  1. plattformunabhängig oder für verschiedene Entwicklungsplattformen geeignet, und
  2. frei oder fast frei (wie in, nicht 1000 $ für eine Sammlung von Kontrollen)

"Inspirational" Beispiel: (Wortspiel mit Absicht, Entschuldigung) Ich habe eine Entwicklungsfirma für Kirchenwebsites gefunden, die eine Design Patterns Library) und eine --- (Design Patterns Library) veröffentlicht hat Code Standards das ist sehr verlockend, aber es scheint nur für diejenigen verwendbar zu sein, die Kirchenstandorte mit ihrer Software als Dienstleistung entwickeln (?). Unabhängig davon sind das CSS und die ergänzenden Grafiken nicht für den öffentlichen Konsum gedacht.

7
Chris Adragna

Ich stimme früheren Antworten (Chris Lively und Lèse majestè) zu. Und ich fand den Link, den Sie zur Verfügung stellen, auch sehr cool.

Aber gehen wir zu meiner Antwort. Ich denke, Sie sollten es auf Ihre eigene Weise machen. Es gibt viele Ressourcen, die Sie verwenden können. Ich werde meine zitieren.

Während ich mein eigenes Framework und meine eigenen Generatoren entwickelte, wurde die Notwendigkeit eines UI-Frameworks offensichtlich, sodass alle Klassen und IDs in HTML-Vorlagen automatisch generiert wurden.

Nach dem Studium der von mir verwendeten Commom-Muster habe ich mein eigenes CSS-UI-Dienstprogramm (sowie einige JS-Dienstprogramme) erstellt. Der entscheidende Punkt in meinem Ansatz ist die Verwendung vieler verschiedener Klassen.

.erforderlich, .entspannt, .warnend, .fehlerhaft, .erfolgreich, .gerundet, .gradient, .white70 [rgba (255,255,255,0.7)], .schwarz30, .gefüllt, sind einige Beispiele.

auf der HTML Seite:

Es ist auch über ein 960-Raster implementiert und verfügt über viele andere Hilfsprogramme, wie z. B. @ font-face-Kits. In der Tat führt mich dies mit nur wenigen Arbeiten. Hinzufügen korrekter Klassen und möglicherweise Vornehmen einiger geringfügiger Anpassungen für jedes Projekt.

Neben mehreren Klassen besteht der andere Kern darin, sicherzustellen, dass alles an ein schwarz-weiß-graues Schema gebunden bleibt und mit Opazitäten arbeitet. Dies dient dazu, die für jedes Projekt erforderlichen Codeänderungen zu reduzieren. Daher verfügt jedes Projekt normalerweise über ein eigenes Farbschema.

3
Dave

Ich bin überrascht, niemand schlug vor Blaupause bis jetzt. Gut! Dies ist nur ein CSS-Framework, das Ihren Entwicklungsaufwand verringern kann.


[Okt 2013]

Jetzt sind Tage Foundation und Bootstarp für die Webentwicklung untätig. Mit ihnen können Sie reaktionsschnelle Webseiten entwerfen.

3

Das Problem ist, dass "fertig" verschiedene Dinge für verschiedene Menschen bedeutet.

Vielleicht möchten Sie, dass ein hübscher kleiner Rand um Ihre Eingabeelemente eingeblendet wird, nachdem sie den Fokus erhalten haben. Möglicherweise möchten Sie, dass alle Absatzelemente einen 4-Pixel-Rand haben. Oder möchten Sie sicherstellen, dass alle Schaltflächen blauen Text mit einem Glanzgefühl haben?.

Sie sehen, es gibt keine einzige Lösung. Es ist alles eine Frage von Design und Geschmack, die bei weitem nicht für alle gleich ist UND sich ständig weiterentwickelt. Web 2.0 brachte uns größere Schriftarten, größere Eingabefelder und einen Mangel an verschachtelten Dropdown-Menüs (zum Glück). Wer weiß, was die UI-Freaks für "3.0" herausfinden werden ... Was auch immer es ist, es wird hoffentlich so radikal anders sein als das 2.0-Zeug von den Sites aus den 90ern.

Bestimmte Technologien wie WPF, Flash und Silverlight dienen zum Teil dazu, einer Site ein völlig anderes Erscheinungsbild zu verleihen. Aber auch dies sind nur Ansatzpunkte, um Ihrer eigenen Kreativität freien Lauf zu lassen. jQuery UI und Mocha UI fallen in die gleichen Kategorien.

Abhängig von der Backend-Technologie, die Sie verwenden, gibt es nun Steuerungsanbieter (wie telerik und DevExpress ), die Skins für ihre Steuerbibliotheken bereitstellen, und sie sind großartig Weg, um etwas zusammen zu schlagen, das eigentlich ziemlich gut aussieht.

3
NotMe

Mocha UI und jQuery UI sind JavaScript-UI-Bibliotheken, die einen ganz anderen Zweck verfolgen als ein CSS-Framework. Ich glaube nicht, dass Sie ein CSS-Framework finden, das das kann, was diese Bibliotheken leisten.

Erstens ist UI mehr als nur Ästhetik oder visuelles Design. Es enthält eine Reihe definierter Verhaltensweisen und Interaktionen. Aus diesem Grund ist JavaScript erforderlich, um eine UI-Bibliothek wie Mocha UI oder YUI zu erstellen. CSS ist einfach nicht in der Lage, selbst umfangreiche UI-Widgets zu generieren. Aus diesem Grund haben Nicht-AJAX-Apps keine sehr umfangreichen Benutzeroberflächen.

Die andere Sache ist, dass die Ästhetik einer Benutzeroberfläche mit dem Webdesign übereinstimmen muss, in dem sie platziert ist, auch wenn Sie sich nur für ein vorgefertigtes Set von Benutzeroberflächengrafiken interessieren für ein vorgefertigtes UI "Theme". Aus diesem Grund können Sie in den meisten JavaScript-UI-Bibliotheken das Erscheinungsbild der mitgelieferten UI-Komponenten anpassen. Dabei werden neben den CSS-Stilen auch Bilder bearbeitet.

Aus diesen Gründen sind die meisten CSS-Frameworks Frameworks zum Schreiben von CSS und keine UI-Frameworks, die Sie einfach in eine Anwendung einfügen können, damit sie gut aussieht. Solche Frameworks können das Schreiben von CSS für große Anwendungen sicherlich einfacher machen, aber letztendlich benötigen Sie noch einen UI-Designer und einen Front-End-Programmierer, um die UI zu entwerfen und zu implementieren.

Wenn Sie ein beliebtes CMS verwenden, können Sie ein Theme für dieses CMS herunterladen oder erwerben. Aber ich kenne kein CSS-Theming/Skinning-Framework, das in einer benutzerdefinierten Anwendung verwendet werden kann. Außerdem verfügen die meisten Webanwendungen für Unternehmen über benutzerdefinierte Benutzeroberflächen, die nicht vorgefertigt sind.

Das heißt, Sie könnten das tun, was viele UX-Designer und Interaktionsdesigner tun. Erstellen Sie also eine unternehmensweite benutzerdefinierte UI-Bibliothek (oder lassen Sie eine für Sie erstellen), die alle Ihre Anwendungen verwenden. Dies stellt sicher, dass alle Ihre Anwendungen ein einheitliches "Signatur" -Look haben, das auf Ihre Marke abgestimmt ist. Außerdem sparen Ihre Front-End-Entwickler Zeit, wenn Sie die UI-Stile für jede App neu schreiben müssen.

2
Lèse majesté

Als freies und sprachunabhängiges Framework gibt es immer die Verwendung des Compass Frameworks, das sehr gut in Verbindung mit der Sass Sprache funktioniert, wodurch Ihr CSS viel mehr wird thematisch und wiederverwendbar.

Wenn Sie Linux verwenden, kann es problemlos über Rubygems installiert werden (beachten Sie, dass Sie nichts über Ruby wissen müssen, ich schreibe PHP und verwende Sass - jetzt bekannt als Scss für Sass3) Es ist auch einfach, auf eine andere Plattform zu gelangen, aber ich habe es nicht überprüft.

2
Steven Rosato

Ich benutze Bootstrap , es ist unglaublich.

1
Chris Kluis