kulturbanause Blog

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

SVG


Illustrator-Objekte NICHT am Pixelraster ausrichten

Adobe Illustrator wird dank SVG & Co. auch für Webdesigner ein immer wichtigeres Werkzeug. Wenn Ihr nun – beispielsweise im Rahmen einer Retina-Optimierung – eure Pixelgrafiken nachträglich auch als Vektorgrafik konstruieren möchtet, kann es sich als sehr lästig erweisen, dass horizontale und vertikale Pfadsegmente in Illustrator CC standardmäßig auf ganzen Pixeln einrasten. Normalerweise können Vektoren nämlich frei positioniert werden; was es euch ermöglicht deutlich filigranere Formen zu zeichnen.

Beitrag zu Ende lesen

SVG-Dateien in die WordPress-Mediathek hochladen

Das Grafikformat SVG (Scalable Vector Graphics) erfreut sich dank hochauflösender Displays und einem zunehmend flexiblen, Performance optimiertem Webdesign größter Beliebtheit. SVG-Dateien lassen sich verlustfrei skalieren und haben eine verhältnismäßig geringe Dateigröße. Schade nur, dass die WordPress-Mediathek den Upload dieses Dateiformats bisher verbietet. Mit einer kleinen Anpassung an der functions.php behebt ihr dieses Problem.

Beitrag zu Ende lesen

HTML5, CSS3 und SVG Export aus Illustrator

In den Adobe Labs wurde ein neues Illustrator CS5-Plugin veröffentlicht was es ermöglicht in Illustrator erstellte Grafiken als HTML5 Canvas, CSS3 oder SVG-Grafiken zu exportieren.
Dieses Plugin ist meiner Ansicht nach ein wichtiger Schritt in die richtige Richtung. Auch für Photoshop wurden in der Vergangenheit "HTML-Layers" diskutiert die es ermöglichen sollen grafische Stile direkt webfähig zu exportieren und somit den Workflow zu beschleunigen.

Das Illustrator Plugin kann in den Labs heruntergeladen werden.

Was haltet Ihr von Plugins dieser Art, sei es in Illustrator oder in Photoshop?