de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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.

Ultimativer Leitfaden zur Einrichtung Ihres ersten Online-Shops

Ultimativer Leitfaden zur Einrichtung Ihres ersten Online-Shops

E-Commerce ist der beliebteste Geschäftstrend in unserer futuristischen Gesellschaft, da die meisten modernen Städte mit Internet ausgestattet sind und es so einfach ist, Zahlungen überall auf der Welt per Internetverbindung zu senden. Zusammen mit diesen Technologien sind Hunderttausende neuer digitaler Webshops entstanden, die sowohl physische als auch digitale Produkte an einen globalen Marktplatz verkaufen.Ge

(Tech- und Design-Tipps)

70+ Material Design Ressourcen für Android Entwickler

70+ Material Design Ressourcen für Android Entwickler

Material Design ist das neue Herz von Googles Android. Material Design ist eine visuelle Sprache, die die Prinzipien von gutem Design mit Innovation verbindet. Es konzentriert sich darauf, eine schöne und konsistente Benutzererfahrung zu schaffen, die auf großartigen Designprinzipien und Standards basiert.

(Tech- und Design-Tipps)