1. Metro-UI-CSS
Metro UI CSS ist ein CSS-Framework, das die Metro-Schnittstelle von Windows 8 implementiert.
2. CSScomb
CSScomb kann CSS-Eigenschaften mithilfe bestimmter Sortiermethoden sortieren und bietet mehrere Versionen, darunter:
CSScomb Online CSScomb für Sublime Text 2 (auch in Package Control) CSScomb für Textmate CSScomb für Coda & Coda 2 CSScomb für Espresso 2 CSScomb für IntelliJIDEA/WebStorm/PyCharm CSScomb für Notepad++ CSScomb für Vim 3. CSS3Ps
CSS3Ps ist ein kostenloses cloudbasiertes Photoshop-Plug-in, das Photoshop-Ebenen in CSS3-Implementierungen mit genau demselben Erscheinungsbild konvertiert. Sie können mehrere Ebenen und Ebenengruppen auswählen und mit einem Klick konvertieren. Stroke wird in eine CSS-Rahmeneigenschaft umgewandelt. Innerer Schatten, innerer Schein, Schatten und äußerer Schein werden in CSS-Box-Shadow-Eigenschaften umgewandelt. Sie können die resultierenden Stile in Ihrem Browser sehen und mit anderen teilen. Es funktioniert mit Windows oder Mac OS X und Photoshop CS3 und höher. Das Beste daran ist, dass es völlig kostenlos ist!
4. ResponsiveAeon
ResponsiveAeon ist ein HTML5/CSS3-Framework, das sehr schnell responsive Layouts erstellen kann. Es verfügt über ein Rastersystem, das auf 12 Spalten mit einer Gesamtbreite von 1104 Pixeln basiert, und bietet drei sehr leicht verständliche Grundklassen zur Verwendung. Das Framework ermöglicht die Verwendung von @mediaqueries und unterstützt jede Gerätegröße. Neben Rastersystemen gibt es auch Stile für Typografie, Listen, Tabellen, Schaltflächen und Tabellen.
5. Verfeinern Sie die Folie
RefineSlide ist ein leichtes (4 KB komprimiertes) jQuery-Plugin zur schnellen Integration eines reaktionsfähigen, bildbasierten Slider-Effekts in unsere Website. Der Schieberegler verwendet CSS3-Übergänge + 3D-Transformationen (mit JS-Fallback) und verfügt über eine Reihe attraktiver Übergänge. Es besteht die Möglichkeit, Miniaturansichten (automatisch formatiert und responsiv) oder Pfeile zur Navigation (Tastatur unterstützt) anzuzeigen.
6.Photon
Photon ist eine JavaScript-Bibliothek, die das Hinzufügen einfacher Lichteffekte zu jedem Element im dreidimensionalen Raum ermöglicht. Um den Effekt zu erzeugen, wird ein WebKitCSSMatrix-Objekt verwendet (WebKit ist die einzige unterstützte Browser-Engine). Der Winkel des Lichts kann jederzeit definiert und geändert werden, um die Funktionalität zu gewährleisten. Es ist möglich, ein Objekt zu definieren, indem man es einzeln oder gruppenweise beleuchtet, und wir können den Effekt anpassen, indem wir die maximale Schwarz-Weiß-Nutzung festlegen.
7. Gridpak
Der Zweck von Gridpak besteht darin, ein responsives Webseitendesign zu implementieren, Ihren Arbeitsablauf zu verbessern und Zeit zu sparen. Gridpak erstellt reaktionsschnelle und einfache Schnittstellen durch die Generierung von PNG-Bildern, CSS und JavaScript.
Das von Gridpak generierte CSS ist mit IE 8+ kompatibel, verwendet jedoch viele experimentelle CSS-Eigenschaften, wie z. B. Medienabfragen, Boxgröße und Hintergrundausschnittseigenschaften. Wir empfehlen daher, es in Verbindung mit Modernizer zu verwenden, um die Abwärtskompatibilität sicherzustellen.
8. Morf.js
Morf.js bietet eine Reihe von JavaScript-Methoden zur Beschleunigung verschiedener CSS3-Konvertierungseffekte. Die unterstützten Methoden sind alle in der obigen Abbildung dargestellt, und es ist nicht erforderlich, CSS3-Code zu schreiben.
9. Gumby
Gumby ist ein reaktionsfähiges CSS-Grid-Framework mit einer Breite von 960 Pixeln, das die Bildschirmanzeige von PCs, Tablets und Mobilgeräten unterstützt. Ähnlich wie Twitters Bootstrap enthält es ein Web-UI-Toolkit mit gut aussehenden Schaltflächen, Tabellen, Navigation + Beschriftungen und einer kleinen JavaScript-Datei
10.AppJS
AppJS ist eine spannende JavaScript-Bibliothek, die es uns ermöglicht, mithilfe von Webtechnologien schnell Desktop-Anwendungen (HTML, CSS und JavaScript) zu entwickeln. AppJS verwendet Node.js als Backend-Unterstützung.
11. Browser-Unterstützung
Browser Support ist eine einfache Suchmaschine, mit der Sie herausfinden können, ob eine bestimmte CSS-Eigenschaft von einem bestimmten Browser unterstützt wird. Bietet ein Eingabefeld für die automatische Vervollständigung der Suche.
12. SpritePad
SpritePad ist eine perfekte Lösung, mit der Sie in Sekundenschnelle CSS-Sprites erstellen können. Ziehen Sie Ihre Bilder einfach per Drag & Drop auf die Leinwand und sie sind sofort als PNG-Sprite + CSS-Code verfügbar.
13. Bitte HTML5
HTML5 Please hilft Ihnen zu überprüfen, ob Funktionen wie HTML5 und CSS3 bereit sind.
14.jsFiddle
jsFiddle ist eine Webanwendung, die hauptsächlich zum Testen von JavaScript- und CSS-Codefragmenten verwendet wird.
15. Animate.css
Animate.css enthält CSS, das verschiedene Animationseffekte implementiert.
16. Übermäßig
Excessive ist ein in Python entwickeltes CSS-Komprimierungstool, das beliebig viele Dateien per Drag-and-Drop in eine Datei zusammenführen und im Handumdrehen komprimieren kann.
17. CSS-Aktualisierung
CSSrefresh ist eine JavaScript-Bibliothek, mit der die Funktion zum sofortigen Ändern des Webseitenstileffekts ohne Aktualisierung der Seite implementiert wird. Sie ist Plug-and-Play-fähig und erfordert keine Konfiguration. Sie müssen lediglich die JS-Datei in die Seite einfügen.
18. Impress.js
impress.js ist ein Javascript-Paket, mit dem Sie beeindruckende Anzeigeeffekte für Inhalte erstellen können. Es nutzt hauptsächlich die Funktionen von CSS 3D Transforms oder Google Chrome oder Safari, um die Wirkung zu sehen, die es erzeugt. Es scheint, dass es auch im IE 10-Browser verwendet werden kann, der noch nicht veröffentlicht wurde.
19. Bären-CSS
Bear CSS ist eine kostenlose Webanwendung, die CSS-Stile basierend auf gegebenem HTML generiert.
20. Weniger CSS
Less CSS ist ein weit verbreiteter CSS-Präprozessor, der CSS durch einfache Syntax und Variablen erweitert, wodurch viel CSS-Code reduziert werden kann.
LESS bietet CSS dynamische Sprachfunktionen wie Variablen, Vererbung, Operationen und Funktionen. LESS kann auf dem Client (unterstützt IE 6+, Webkit, Firefox) oder auf dem Server (mit Node.js) ausgeführt werden.
21. CSS2less
css2less ist ein kleines, in Ruby entwickeltes Tool zum Konvertieren von CSS in Dateien im Less-CSS-Format.
22. ResponsiveGS
Responsive GS ist ein Fluid-Grid-CSS-Framework für die schnelle Entwicklung responsiver Websites.
Responsive GS ist in drei Varianten erhältlich: 12, 16 und 24 Spalten und unterstützt alle Standardgeräte, die Medienabfragen verwenden.
23. CSS3-Formen
CSS3 Shapes ist eine Online-Website, die CSS3 verwendet, um verschiedene Grafikeffekte zu erzielen.
24. CSS-Pfeil bitte
CSS Arrow Please ist ein webbasierter CSS-Stilgenerator, der für alle CSS-Elemente wie Streifen, Schaltflächen, Tabellen, Ladesymbole usw. verwendet werden kann. Er ist vollständig mit CSS implementiert, es sind keine Bilder erforderlich.
25. WebPutty
WebPutty ist eine Anwendung, mit der Sie CSS-Code online schreiben können. Sie verfügt über einen Editor, der Syntaxhervorhebung unterstützt, und ein Vorschaufenster an der Seite, mit dem Sie Änderungen in Echtzeit sehen können.
26. CSSFx.js
Beim Schreiben von CSS werden je nach Browser oft viele Präfixe hinzugefügt, wie zum Beispiel -moz-border-radius. Darüber herrscht in der Branche auch große Unzufriedenheit. cssFx ist ein JS, das automatisch Präfixe für Sie generieren kann, wodurch Sie viel Zeit und Energie sparen können.
27. Schmutziges Markup
Dirty Markup ist eine kostenlose webbasierte Anwendung, die Ihnen hilft, Unordnung einfach zu beseitigen. Der Editor verwendet eine einfache +-Funktion AceEditor und jede Verschönerung kann eine Vielzahl von Auswahlmöglichkeiten haben, um die besten Ergebnisse zu erzielen.
28.Crunch
Crunch ist ein von Adobe AIR entwickelter Editor, der auf Less CSS basiert. Wird hauptsächlich zum Bearbeiten von Less und zum Kompilieren in CSS verwendet.
29. CSS3-Test
CSS3 Test ist eine Online-Website, die die CSS3-Unterstützung von Browsern testet.
