May 25, 2011 0

Ooooooooohhhhhh…

By in Arbeitswelt

Letztes mal hatte ich ja die Icon-Suchmaschine als praktisches Helferlein im Webdesign-Prozess kurz vorgestellt. Diesmal wird es nicht weniger hilfreich, dafür umso.. oooohhh.. niedlicher.

Um in Layouts ohne finales Bildmaterial bereits die Aufteilung beurteilen zu können, braucht es nicht länger langweilige <div>-Boxen oder selbst verstümmelte Dummy-Bilder, nein. Gleich zwei Dienste erfüllen diese Aufgabe in Zukunft mehr als gut, und erschreckend einfach.

placekitten.com platziert über die simple Angabe im src-Attribut des <img>-Tags ein denkbar niedliches Bild eines Kätzchens. Was für allzu große Tiernarren dann gerne mal den Workflow etwas leiden lässt, da man aus dem Niedlich-Finden kaum mehr zurück zur eigentlich Aufgabe findet.

Darum sei hier noch lorempixum als zweiter Dienst genannt, bei dem man vorab per praktischen Schiebereglern das Format, und anschliessend noch Bildkontext und Farbigkeit festlegen kann. Auch hier gibt es aber die Möglichkeit, ohne Download direkt per src-Attribut ein passendes Bild zu platzieren.

Da ich nun die ach so simple Syntax schon 2x erwähnt habe, hier nun noch ein Beispiel. Um ein Bild mit den Maßen 400 x 200 Pixel anzufordern, bindet man im Quellcode folgendes ein:

<img src=" http://lorempixum.com/400/200 " alt="lorem pixum" />

bzw

<img src=" http://placekitten.com/400/200 " alt="meow" />

Weitere Infos gibt’s auf den jeweiligen Seiten

lorempixum
placekitten.com

Leave a Reply