kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …


SVG-Grafiken erstellen, exportieren und einbinden

SVG

Mit dem Format SVG (Scalable Vector Graphics) können Vektor-Grafiken im Browser dargestellt werden. Wie bei Vektor-Grafiken üblich, werden Farbwerte und Formen nicht über Pixel definiert, sondern mathematisch beschrieben. SVG-Grafiken haben dadurch eine sehr geringe Dateigröße, lassen sich verlustfrei und ohne Zuwachs der Dateigröße skalieren und mit CSS oder JavaScript animieren oder verändern.

In diesem Artikel fassen wir zusammen, was ihr beim Erstellen von SVGs beachten solltet.

Beitrag zu Ende lesen

SVG-Grafiken mit Photoshop speichern/exportieren

SVG mit Photoshop

Photoshop ist als pixelbasiertes Bildbearbeitungsprogramm nicht die ideale Grundlage für ein Vektor-Format wie SVG. In den neueren Photoshop-Versionen kamen allerdings einige Funktionen hinzu, mit denen es möglich ist in Photoshop »echte« Vektoren zu zeichnen. Und mit Hilfe des Photoshop-Generators oder des »Schnell Exports« ist es möglich Vektor-Formen als SVG-Grafik zu exportieren. Was es dabei zu beachten gibt, haben wir in diesem Beitrag zusammengefasst.  Beitrag zu Ende lesen

Standard Farbschema (Color-Scheme) in WordPress festlegen

Standard Farbschema (Color-Scheme) in Wordpress festlegen

Seit WordPress 3.8 präsentiert sich das Backend in modernem Look. Doch nicht nur der Stil wurde vereinfacht, es stehen nun auch verschiedene Farbschemata zur Verfügung um dem Administrationsbereich einen etwas individuelleren Look zu verpassen. Leider ist es in WordPress momentan nicht möglich, ein Standard-Farbschema für neu registrierte User festzulegen. Mit einem kleinen Code-Snippet rüstet ihr die Funktion nach.

Beitrag zu Ende lesen