hints & tips // 2010.12.14 08:04:08 [hh]

Power User Trick für "Wireframing" von Web-Siten: Platzhalter für Bilder mit CSS

Endlich gibt es analog zum "Lorem ipsum"-Blindtext eine Lösung für Bilder in Web-Seiten: mit dem kostenlosen Open-Source-JavaScript-Projekt "lowersrc" lassen sich Bilder mit Platzhaltern versehen, um einfach Prototypen zu erstellen.

Die Informationen der Entwickler: "Creating fake-o images as wireframe placeholders for prototyping has never been so easy! Simply add some regular-ol' HTML image tags, and lowersrc will spring to work - dynamically creating images (based on your customisations) - leaving you to get on with your layout.

To get started, include the lowersrc script in your project, add an image or two with the "lowersrc" class, and Hey Presto! Images a-go-go. The default design is the ol' trusy rectangle-with-a-cross-through-it - but you can add text, change colours, change patterns - whatever works for your wireframe. Because they are rendered as regular HTML images, they can also be styled and targeted like regular images. They can be any size you need! 120 x 150, 80 x 80, 12 x 103... you name it!"

Direkter Link: lowersrc