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.

Frische Ressource für Web-Entwickler - Juli 2018

Frische Ressource für Web-Entwickler - Juli 2018

In dieser Folge der frischen Ressourcen haben wir eine gemischte Vielfalt von Ressourcen in der Liste. Abgesehen von einigen Code-basierten Tools wie neuen JavaScript-Bibliotheken und Frameworks, haben wir auch ein paar nützliche GUI-Anwendungen mit einbezogen, von denen ich sicher bin, dass sie sowohl Entwickler als auch Entwickler schätzen werden.L

(Tech- und Design-Tipps)

Ein Blick in: Was passiert, wenn Internet-Freiheit bedroht wird

Ein Blick in: Was passiert, wenn Internet-Freiheit bedroht wird

Internet-Freiheit ist etwas, das wir schätzen, aber täglich als selbstverständlich ansehen. Wenn also die Regierung oder die Konzerne versuchen, es auf irgendeine Weise zu begrenzen, dann sitzen alle auf und achten darauf. Das war der Grund, warum einige deiner Lieblingswebseiten am 10. September 2014 das gefürchtete Ladezeichen als GIF oder Pop-Up-Nachricht angezeigt haben, die wie folgt aussieht:Keine Sorge, das Internet hat sich nicht verlangsamt. Te

(Tech- und Design-Tipps)