t3n News Entwicklung

CSS Matic: WYSIWYG-Editor für beliebte CSS-Funktionen wie Farbverläufe und Schatten

CSS Matic: WYSIWYG-Editor für beliebte CSS-Funktionen wie Farbverläufe und Schatten

Im Arbeitsalltag gibt es für Webentwickler viele nervige Aspekte, zum Beispiel das manuelle Generieren von Farbverläufen, Schlagschatten oder abgerundeten Ecken. Genau für diese Tasks gibt es nun eine nützliche Werkzeugsammlung namens Matic. Sie beinhaltet vier interaktive und funktionsreiche Generatoren für aufwendige CSS-Funktionen.

CSS Matic: WYSIWYG-Editor für beliebte CSS-Funktionen wie Farbverläufe und Schatten

CSS3 und seine Möglichkeiten sind sicherlich ein Segen für die – allerdings müssen viele „neue“ CSS-Funktionen sehr ausführlich definiert werden, um am Ende auch ihre ganze Faszination und Nützlichkeit zu entfalten. Anstatt viele Zeilen voll mit CSS-Definitionen manuell zu verfassen gibt es im Internet diverse Generatoren für besonders aufwendige Vertreter. Meist sind diese aber nur für eine einzige spezielle CSS-Funktion gestaltet, so dass der fleißige Entwickler gleich eine ganze handvoll solcher Tools benötigt.

CSS Matic fasst mehrere CSS-Generatoren zusammen, zum Beispiel für Farbverläufe.

CSS Matic: Vier CSS-Generatoren in einem Tool

Die Seite CSS Matic nimmt sich diesem Problem an, und fasst vier CSS-Generatoren zusammen: Die Seite erschafft Quellcode für Farbverläufe, abgerundete Ecken, Textur-Hintergründe und Schlagschatten. Dabei sind die einzelnen Funktionen jeweils sehr ausführlich, umfangreich und einfach zu bedienen. Beispielsweise erinnert das Tool für die Farbverläufe stark an professionelle Anwendungen der Adobe-Suite. Nutzer können beliebig viele „Stopps“ für einen Verlauf definieren und einzeln anpassen.

Weiterführende Link

Newsletter

Bleibe immer up-to-date. Sichere dir deinen Wissensvorsprung!

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von Jexx am 07.04.2013 (13:27 Uhr)

    genial, Danke!

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema CSS
20 CSS-Cursor-Eigenschaften für bessere Usability
20 CSS-Cursor-Eigenschaften für bessere Usability

Schon mal darüber nachgedacht, den Cursor deinem Design anzupassen? Wir haben einige Beispiele rausgesucht, wie du mit dem Cursor deine Usability noch besser machen kannst. » weiterlesen

CSS-Hamburger: Leckere Menü-Animationen für eure Webseite
CSS-Hamburger: Leckere Menü-Animationen für eure Webseite

Das Hamburger-Menü ist inzwischen auf unzähligen Webseitee zu finden – spätestens bei einem kleineren Viewport ist es nicht mehr wegzudenken. Die drei horizontalen Balken visualisieren ein … » weiterlesen

Flexbox: Mit dem CSS-Framework-Bulma hübsche Layouts zaubern
Flexbox: Mit dem CSS-Framework-Bulma hübsche Layouts zaubern

Die CSS-Flexbox lässt Entwickler-Herzen höher schlagen. Ohne jegliche Einschränkungen können individuelle Layouts und Strukturen problemlos umgesetzt werden. Natürlich darf zu einer solchen … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?