2016-07-10 16 views
5

Die meisten Zeit, JavaScript-Komponenten in einem bestimmten Front-End-Framework profitieren für Menschen. Sie müssen keinen anderen Code für diese Plugins schreiben (z. B. datetime picker). Die meisten dieser Frameworks sind jedoch abhängig von anderen Javascript-Bibliotheken, beispielsweise jQuery. Das heißt, ich brauche externen JavaScript-Code für Stil.CSS-Framework ohne JavaScript

Für meinen Gedanken, ich fühle immer, dass "Stil Stil ist". Ich meinte ein reines CSS-Framework ohne JavaScript. Dieses Framework sollte grundlegende HTML-Elemente (div, input, select, table usw.) formatieren und uns andere Komponenten anpassen lassen.

Zur gleichen Zeit, weil einige Benutzer meiner Anwendung immer noch IE9 verwenden, erwarte ich "das Framework" hat gute Browser-Kompatibilität und responsive Design für die neuesten Browser.

Vielen Dank im Voraus für Anregungen. :)

+0

Warum Bootstrap nicht? Es unterstützt auch IE9. –

+0

Ich kann nicht sehen, warum Leute dies gewählt haben. Für mich ist das eine vernünftige Frage, zu der ich auch gerne Vorschläge hören würde. –

+0

@ERIK_SON Ich bin auch verwirrt für den Fall der Abstimmung. Danke für deine Unterstützung. –

Antwort

-4

Die bekannteste: http://getbootstrap.com/ (mit einer kleinen JS-Plugin für Benachrichtigungen & Interaktivität)

Etwas mit geringerem Platzbedarf: http://purecss.io/

+0

Die Frage war "ohne Javascript". Ich entwerfe eine .onion-Site und für diese Javascript ist immer deaktiviert, so ein CSS-only-Framework ist eine sehr gute Sache zu haben –

+0

JavaScript ist optional für Bootstrap (eine Menge von Komponenten wird nicht funktionieren, ohne es aber Bootstrap-Website-Listen, die und Sie können diese besonderen Komponenten vermeiden). Etwas unfair, diesen Beitrag abzustimmen, da er technisch gesehen nur als CSS-Framework für die Erstellung einer responsiven Website verwendet werden kann. –

7

Ab März 2017 das einzigen JavaScript-freie CSS-Frameworks Ich weiß, von:

Bulma

Spectre

Milligram

Dies sind Flexbox basiert, so dass, wenn IE9 Unterstützung eines Ihrer Anliegen ist es, Ihnen eine andere Lösung für Netze/Layout verwenden müssen oder Ihre eigene Rolle.

+0

[Picnic CSS] (https://picnicss.com/) scheint mir wie eine andere anständige Option. Es hat vor kurzem Flexbox für sein Gitter angenommen, und so ist es jetzt auch IE11 +. (Obwohl alle anderen Komponenten möglicherweise sogar IE8/9 unterstützen, da README.md immer noch behauptet, ["** Support **: IE 9+ und andere. Kein schickes CSS3 auf IE 8."] (https://github.com/franziskop/picknick # Vorteile).) –

1

Versuchen Sie Surface. Es bietet Material Design-Stil und animierte Komponenten nur mit CSS und wiegt nur 30KB.

0

Ich habe einen Vorschlag für die CSS-Framework, Option unter: 1. picnic css 2. min css 3. pure css 4. miligram oder Sie können möglicherweise verwenden amphtml

+0

Könnten Sie einige Elemente in Ihrer Antwort hinzufügen und nicht nur Links?Vielen Dank – Allan

+0

gibt es viele Erklärungen mit den Vorteilen, die nicht durch das Schreiben hier erklärt werden können, sondern einfach durch Klicken darauf –