Entwerfen Sie CSS mit diesem Web-App-Editor im Adobe-Stil

Die Software von Adobe ist bei Designern aller Altersklassen weltbekannt, aber keine andere als Photoshop. PhotoShop-Bearbeitungsfelder Das ist alles, was Sie brauchen, um individuelle Designs zu erstellen.

Und jetzt gibt es ein freies Web-App-Editor, namens LayerStyles, Dies ahmt den Photoshop-Ebenen-Editor direkt in Ihrem Browser nach. Es lässt dich CSS-Code dynamisch generieren als ob Sie in Photoshop arbeiten.

Wenn Sie das besuchen Builderseite Sie können damit basteln, um zu sehen, wie es funktioniert.

Das Fenster kommt mit fünf verschiedene Stilfelder dass alle Photoshop imitieren. Sie folgen den gleichen Einstellungen und sie sofort aktualisieren mit einer Demo-Box auf der Seite.

Dies sind die Panels, aus denen Sie auswählen können:

Schlagschatten
Inneren Schatten
Hintergrund
Rand
Grenzradius

Sie alle ahmen die Adobe-GUI nach, was dieses Tool für Designer so interessant macht. Sie bekommen auch die vollständiger CSS-Code, kostenlos generiert.

Klicken Sie einfach auf das Feld mit der linken unteren Ecke “CSS-Code” zu Holen Sie sich Ihren Ausschnitt. Es enthält alle CSS3-Eigenschaften für alles, was Sie ausgewählt haben.

Und das Beste von allem ist dieses Projekt komplett Open Source und kostenlos auf GitHub, wenn Sie eine lokale Kopie herunterladen möchten. Das kann nicht nur Spaß machen CSS generieren, Aber es ist auch eine großartige Möglichkeit zu lernen So erstellen Sie eine Web-App.

Die Site verwendet ein Menge von JavaScript-Bibliotheken, zusammen mit jQuery-Plugins. Es wurde vom Entwickler Felix Niklas gebaut, der dies als Nebenprojekt erstellte.

Sie können finden viele Codegeneratoren anderswo aber dieser ist wirklich einzigartig. Es ist auch die schönste und vielleicht coolste Web-App, die ich in diesem Jahr bisher gesehen habe.

Schauen Sie sich LayerStyles an und sehen Sie, was Sie denken. Du kannst mit einem basteln Live-Version auf der Demo-Seite und finden allen verfügbaren Quellcode kostenlos auf GitHub.

Oder wenn Sie sich dank des Erstellers verbreiten möchten, können Sie Ihre Bewunderung auf @mrflix twittern.