Design CSS mit diesem Adobe-Style Web App Editor

Die Software von Adobe ist weltbekannt für Designer jeden Alters, vor allem aber für Photoshop. PhotoShop-Editierpanels sind der ganze Shebang mit allem, was Sie brauchen, um individuelle Designs zu erstellen.

Und jetzt gibt es einen kostenlosen Web-App-Editor namens LayerStyles, der den Photoshop-Ebenen-Editor direkt in Ihrem Browser nachahmt. Sie können CSS-Code dynamisch generieren, als ob Sie in Photoshop arbeiten.

Wenn Sie die Builder-Seite besuchen, können Sie daran basteln, um zu sehen, wie es funktioniert.

Das Fenster kommt mit fünf verschiedenen Style-Panels, die alle Photoshop nachahmen. Sie folgen denselben Einstellungen und werden sofort mit einer Demo-Box auf der Seite aktualisiert .

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

1. Schlagschatten
2. Inneren Schatten
3. Hintergrund
4. Rand
5. Rahmenradius

Sie alle imitieren die Adobe GUI, was dieses Tool für Designer so unterhaltsam macht. Sie erhalten auch den kompletten CSS-Code, der kostenlos generiert wird.

Klicken Sie einfach auf die untere linke Ecke mit der Aufschrift "CSS Code", um Ihr Snippet zu erhalten . Es kommt mit allen CSS3-Eigenschaften für alles, was Sie ausgewählt haben.

Und das Beste von allem, dieses Projekt ist komplett Open Source und kostenlos auf GitHub, wenn Sie eine lokale Kopie herunterladen möchten. Das kann nicht nur Spaß beim Generieren von CSS sein, sondern auch beim Erstellen einer Web-App .

Die Website verwendet viele JavaScript-Bibliotheken zusammen mit jQuery-Plugins . Es wurde vom Entwickler Felix Niklas gebaut, der dies als Nebenprojekt gemacht hat.

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

Sieh dir LayerStyles an und sieh, was du denkst. Sie können mit einer Live-Version auf der Demo-Seite basteln und den gesamten verfügbaren Quellcode auf GitHub kostenlos finden.

Oder, wenn Sie dank dem Schöpfer verbreiten möchten, können Sie Ihre Bewunderung @mrflix twittern.