Helper12-teaser

Kleine Helfer No.12: DummyText.com

Kommentare 0
Blog

Quasi der LoremIpsum-Generator für Webentwickler.

DummyText.com bietet die Möglichkeit, automatisch Platzhaltertexte in die eigenen HTML-Templates, MockUps oder Webentwicklungsprojekte zu integrieren. Das spart viel Zeit und die Integration ist super simpel.

Einfach an das Ende folgende Zeile einfügen bevor Ihr den </body>-tag schliesst:

<script src="http://dummytext.com/dt-1.0.min.js"></script><noscript>Powered by <A href="http://dummytext.com">DummyText.com"></a></noscript>

Über „data-dummytext“ kann jetzt der Platzhaltertext aufgerufen und mit diversen Attributen versehen werden:

<p data-dummytext=""></p>
<ul data-dummytext="li-x10-w20"></ul>
<div data-dummytext="p-x2-w100-s12-v20"></div>

Eine Übersicht zu der Attributsyntax sowie einen Generator zur Erstellung bietet DummyText.com natürlich auch.

Ein kleiner Helfer wie er im Buche steht.

Ja und wenn Ihr mit Euren Webprojekten aus dem LoremIpsum-Status raus seit, braucht Ihr nichts weiter zu tun als den <script>-tag am Ende zu entfernen und und in Eurem Script-Editor data-dummytext=“(.*)“ suchen und mit (empty string) ersetzen.

Eine Liste von LoremIpsum-Generatoren für die herkömmliche Erstellung von Platzhaltertexten, habe ich in einem älteren Beitrag erstellt und beschrieben.

Schreibe einen Kommentar