4 Plätze CSS3-Generatoren zu finden

CSS3 G

enerators, Welches sind Werkzeuge, die Sie erstellen können, die Interaktion mit oder Testcode. Diese Tools umfassen ein breites Spektrum an spezifischen Typen, einschließlich Assistenten, Designer, integrierten Entwicklungsumgebungen (IDEs) und eine Vielzahl von anderen Artikeln.

Wie man CSS3 Wähler unterstützen mit Selectivizr verbessern

Die CSS3-Selektor Unterstützung in älteren Browsern ist fast nicht existent. Natürlich haben Sie große Wähler Unterstützung haben die meisten Spezialeffekte richtig funktioniert. Die Antwort auf das Problem ist, zu verwenden, Selectivizr um diese Probleme zu überwinden. Dieses Tool ist speziell entwickelt, um mit Problemen zu helfen, die in Internet Explorer-Versionen 6 bis 8 auftauchen - und es funktioniert mit einer Reihe von Bibliotheken, einschließlich

  • jQuery

  • Dojo

  • Prototyp

  • Yahoo!

  • DOMAssistant

  • MooTools

  • NWMatcher

Auch mit diesem Tool erhalten Sie nicht vollständig Wähler Unterstützung. Glücklicherweise bietet die Selectivizr Website eine Liste der Selektoren und sagt Ihnen, welche Wähler Typen es für eine bestimmte Bibliothek unterstützt. Mit diesem Wissen können Sie in der Regel alle Wähler Probleme überwinden, wenn sie mit älteren Browsern arbeiten.

Wie ungewöhnlich CSS3 Liste Präsentationen mit Liffect zu entwerfen

Entwickler verwenden, um Listen für eine Reihe von Aufgaben, wenn eine Seite zu schaffen. Zum Beispiel spielen Listen eine wichtige Rolle viele Menüs zu schaffen. Ein weiterer Zweck für Listen ist Inhalt anzuzeigen. Sie können auf einmal alle Inhalte angezeigt werden, oder den Inhalt besonders machen, indem zu einem Zeitpunkt ein Element darstellt. Der Zweck von Liffect ist es möglich zu machen, Spezialeffekte für Listen zu erstellen.

Dieses Tool generiert benutzerdefinierte Code für Ihre Inhaltsliste Animieren. Alles, was Sie tun, ist die Art der Animation definieren Sie, wie lange die Animation zu beenden erfordert, um die Verzögerung zwischen den einzelnen Posten werden soll, und ob Sie Elemente zufällig ausgewählt werden soll. Am unteren Rand der Seite sind Auswahlen für die Art von Browser, die Sie unterstützen möchten.

bild0.jpg

Nachdem Sie Ihre Auswahl zu treffen, klicken Sie auf Generieren. Das Dienstprogramm gibt die HTML, CSS3 und javascript-Code erforderlich, um die animierte Sequenz zu erstellen. Natürlich müssen Sie noch durch den Inhalt liefern den HTML-Code zu ändern (oder es zur Erzeugung von einigen automatisierten Verfahren bereitstellt). Ansonsten alles, was Sie tun müssen, ist zu kopieren und den resultierenden Code in Ihre Anwendung einfügen.

Wie CSS3-Code mit Komodo Edit bearbeiten

Ja, können Sie einen beliebigen Browser-basierte Anwendung erstellen Sie mit einem einfachen Texteditor wollen. Jeder Editor, der Text ohne Formatierungen gibt wird gut funktionieren. In der Tat haben jede Methode, die Sie reine Textausgabe zu produzieren arbeiten.

Allerdings entscheiden sich die meisten Entwickler für eine Umgebung, die zu verwenden freundlicher und einfacher ist - oft in Form einer IDE. eine IDE bietet Ihnen hilfreiche Informationen, wie zum Beispiel die Eigenschaften zur Verfügung, wenn Sie mit CSS oder die Eingänge arbeiten für einen Anruf javascript erforderlich.

Komodo Edit gute Unterstützung bietet für CSS3, HTML5, javascript und eine Vielzahl von anderen Sprachen, einschließlich Perl, PHP, Python, Ruby und Tcl. Der Editor funktioniert unter Windows, Macintosh und Linux-Systemen.

Die kostenpflichtige Version dieses Produkts unterstützt weitere Sprachen und eine Fülle von zusätzlichen Features, aber die kostenlose Version ist für javascript-Codierung perfekt geeignet. Der größte Mangel in der kostenlosen Version ist ein Debugger, aber Sie können leicht den Debugger verwenden, die mit Ihrem Browser kommt, den Unterschied zu machen.

Wie CSS3 Schrift Stacks mit FFFFALLBACK zu testen

In einigen Fällen möchten Sie eine benutzerdefinierte Schriftart Stapel zu erstellen, so dass Ihre Seite erscheint genau, wie Sie es wollen an den Endverbraucher zu erscheinen. Eine andere Lösung für dieses Problem ist die Verwendung FFFFALLBACK - ein Werkzeug, das es ermöglicht, verschiedene Schriftkombinationen auf der Zielseite zu versuchen.

Die Seite enthält Anweisungen für die Verwendung dieses Tools. Sie ziehen einfach das Bookmarklet in die Symbolleiste des Browsers ein, wo es eine anklickbare Schaltfläche wird. Gehen Sie auf die Website, die Sie ändern möchten, und klicken Sie dann auf die Schaltfläche FFFFALLBACK.

Das Tool analysiert die CSS auf der Seite und erstellt einen Klon der Seite. Sie werden auch ein Werkzeug auf dem geklonten Seite sehen, dass Sie verschiedene Schriftarten testen können. Um die Schriftart zu ändern, geben Sie die Schriftart und drücken Sie die Eingabetaste auf dem Gebiet geliefert.

image1.jpg

Der Fehler Schriftart angezeigt wird, unten und nach rechts von der ursprünglichen Schriftart in einer alternativen Farbe wählen. Um zu sehen, nur die Ausweich Schriftart, klicken Sie auf Fallback. Ebenso zu sehen, nur die ursprüngliche Schriftart, Web-Font klicken.

Diese besondere Tool funktioniert nur mit Webkit-Browsern wie Firefox, Chrome und Safari. Es funktioniert nicht mit anderen Browsern, einschließlich Internet Explorer und Opera.

Menü