kulturbanause Blog

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


WordPress-Auszug (the_excerpt) für Meta-Descriptions einsetzen

Der Artikelauszug von WordPress ist eine kurze Zusammenfassung des Artikels, die mit dem Template Tag the_excerpt im Theme ausgegeben wird. Der Auszug kann entweder frei formuliert werden, oder er wird automatisch aus den ersten Wörtern des Beitrags erstellt, sofern der Autor keinen Auszug formuliert hat.
Innerhalb des Themes kann der Auszug vielfältig eingesetzt werden. Für Suchmaschinen, für die interne Suchfunktion der Website und für Social Media-Portale bietet sich the_excerpt ideal an.

Beitrag zu Ende lesen

SVG mit PNG-Fallback

Das Dateiformat SVG (Scalable Vector Graphic) ist die Zukunft der Grafikformate im Web. Sofern sich SVG gestalterisch anbietet, überzeugt das Vektor-Format mit brillanter Bildqualität auf allen Displaytechnologien (z. B. Retina/HiDPI), stufenloser Skalierbarkeit und verhältnismäßig geringer Dateigröße.
Leider wird SVG in älteren Browsern (< IE8) nicht unterstützt. Bis diese Browser an Relevanz verloren haben, muss also eine Übergangslösung her. Mit Hilfe von Modernizr lässt sich ohne Schwierigkeiten ein sehr wartungsfreundlicher PNG-Fallback herstellen.

Beitrag zu Ende lesen

Live-Dateiexport (Bild-Assets) mit dem Photoshop CC Generator

Als Webdesigner hat man u. a. die Aufgabe die verschiedenen Elemente innerhalb eines Photoshop-Dokuments auszuwählen und im passenden Dateiformat zu exportieren. In jüngerer Vergangenheit wurde dieser Job zunehmend lästig, da der Workflow nicht mehr linear verläuft und neue Herausforderungen wie Retina-Optimierung & Co. den Aufwand erhöht haben. Mit den Bild-Assets in Photoshop CC (14.1) hat Adobe daher eine enorm hilfreiche Funktion für Web Designer integriert.

Beitrag zu Ende lesen