Wieder neue Tools für Webdesigner und Entwickler

Die Website löst ein immer wieder kehrendes Problem auf beeinduckend einfache Weise. Für die Entwicklung von Prototypen benötigt man immer wieder Bilder, oft mit bestimmten Größen, damit man sehen kann, ob alles korrekt funktioniert.

Das ist jetzt ganz einfach: mit https://placehold.jp/150x150.png ruft man ein 150x150 Pixel großes JPG auf. Wenn man sich die (geringe) Mühe, das Bild herunter und auf den eigenen Server hoch zu laden, nicht machen möchte, kann man das Bild sogar einfach mit <img src="https://placehold.jp/150x150.png"> in den eigenen Code einbinden.

Wer will, kann sogar Farbe, Dateiformat und einen individuellen Bildtext festlegen.

https://placehold.jp/en.html

Ein Screenshot sieht gleich viel realistischer aus, wenn er in einem Browserfenster daherkommt. Mit LayoutWrapper von Kamil Khadeyev [http://blog.kam88.com/] geht das jetzt mit wenigen Klicks.

Die Installation ist so einfach wie das Tool selbst. einfach die benötigten Recourcen herunterladen und in den Scriptordner von Photoshop kopieren. Wie genau, ist auf der Website von LayoutWrapper erklärt. Nach einem Neustart von Photoshop kann das Script aufgerufen werden und produziert im Handumdrehen einen Browserrahmen um euer Dokument. Fertig!

Wer will, kann sich natürlich auch einfach einen Tastaturbefehl für LayoutWrapper definieren.

http://blog.kam88.com/en/layout-wraper-for-photoshop.html

Guideguide von Cameron McEfee (http://cameronmcefee.com) ist eine einfache kleine Photoshop Erweiterung, mit der sich mit einem Klick Hilfslinien über, unter, rechts oder links einer Auswahl erzeugen lassen. Oder mit wenigen Einstellungen ganze Hilfslinienraster.

Einfach (und) praktisch.

http://guideguide.me