Webwork-Tools - Dem Webworker seine Werkzeugkiste

Generator für Platzhaltergrafiken

Erstellt man ein neues Layout oder will man Änderungen im selbigen testen, dann ist man oft auf Blindtext und Platzhaltergrafiken angewiesen. Um einen Platzhaltertext zu erstellen, kann man zwischen sehr vielen Blindtext-Generatoren wählen.

Bis vor Kurzem musste man sich mit den Grafiken selber helfen. Doch auch hier gibt es mittlerweile eine komfortable Lösungen: Dynamic Dummy Image Generator. In den letzten 1-2 Wochen habe ich in meinem Twitter-Account mehrmals über diesen Dienst lesen können, habe es aber immer vergessen ihn hier kurz zu erwähnen.

Die Bedienung ist Kinderleicht: Größe angeben, Text- und Hintergrundfarbe angeben, Format bestimmen und evtl. etwas Text eintippen. Das war's. Nun kann man entweder den generierten Pfad nutzen (z. B. http://dummyimage.com/600×400/000/fff.png) oder die Grafik auf den eigenen Rechner speichern.

Via Peter Kröner.

Neue Adresse kundtun

Umziehen und die neue Adresse allen mitteilen. Dafür gibt es natürlich die netten Postkarten der Post, handgeschrieben geht natürlich auch, aber wenn man einen leistungsstarken Drucker und genug Papier und Tinte hat, sollte man über das Angebot von Map Envelop nachdenken.

Dort kann man einen Ausschnitt einer Google-Maps-Karte (Satellit) ausdrucken. Der Ausschnitt richtet sich nach der Adresse, die man angibt. Außerdem kann man eine Nachricht hinzufügen. Das Besondere daran. Die Karte wird mit einem Faltmuster ausgedruckt. Man kann den Ausdruck also anschließend als Brief zusammenfalten und verschicken.

Tabellen in HTML umwandeln

Tabellen, die als Excel-, Calc- oder sogar als Tabelle in einem Word-Dokument vorliegen in ein HTML-Dokument einzufügen kann manchmal ganz schön nervenaufreibend sein. Man kann zwar mit allen Programmen die Daten auch als HTML-Dokument abspeichern, muss meistens aber noch ganz schön nacharbeiten.

Eine wirklich einfache und sehr schnelle Lösung ist da der Tableizer von Danny Sanchez. Hier kann man (geradlinige) Tabellen einfach per Copy und Paste einfügen, die Schriftgröße und -art sowie die Kopffarbe festlegen, Button anklicken und fertig. Den nun erstellten Code kann man dann in jedes beliebige HTML-Dokument einfügen. Der passende CSS-Code wird gleich mitgeliefert. weiterlesen…

Fremde Sprachen, fremde Zeichen

Nicht nur die deutsche Sprache hat sie gerne, die "besonderen Buchstaben", die nicht auf jeder Tastatur zu finden sind, die üs und ähs und öhs und das (nicht komplett abgeschaffte) ß. Auch andere Sprachen verfügen über so herrliche Zeichen wie ein ů ein š oder æ. Wie aber soll man die schreiben, ohne größeren Aufwand?

Insbesondere dann, wenn man z. B. den Namen eines Geschäftspartners "korrekt" schreiben möchte, es also darum geht schnell ein einzelnes Wort oder aber einen kurzen Absatz zu verfassen, bietet sich der Dienst TypeIt an. Hier kann man einen Text mit den entsprechenden Sonderzeichen verfassen, diesen dann kopieren und in jede beliebige Anwendung einfügen.

Der Dienst bietet neben Sonderzeichen für derzeit 17 Sprachen (dänisch, deutsch, esperanto, finnisch, französisch, italienisch, niederländisch, norwegisch, polnisch, portugiesisch, rumänisch, schwedisch, spanisch, tschechisch, türkisch, ungarisch, walisisch) auch Symbole, Währungssymbole, kyrillischen Schriftzeichen und (engl.) Lautschrift.

Via CatsWhoCode

10 Online-Editoren

Man weiß ja nie, wann man das mal brauchen kann: einen Online-Editor.

Jean-Baptiste Jung stellt 10 Online-Editoren vor, z. T. sogar mit Projektmanagement. Die wichtigsten – weil mächtigsten bzw. in der Funktionalität umfangreichsten in seiner Liste sind dabei die folgenden:

• Amy Editor
• Kodingen

Wenn man also einen Editor für unterwegs braucht, sollte man sich diese beiden einmal näher anschauen.

PrimerCSS: IDs und Klassen aus HTML rauspicken

PimerCSS ist eine kleine webbasierte CSS-Anwendung, die aus HTML die ID- und Klassen-Attribute rauspicken kann und anschließend eine CSS-Datei mit den entsprechenden Selektoren generiert:

Nicht revolutionäres, aber dennoch sehr hilfreich.

PocketMod: der personalisierbare Taschen-Organizer

Das ganze sieht auf den ersten Blick ein bisschen nach Origami aus, aber bei näherem Hinsehen entfaltet sich die wirklich beeindruckend vielfältige Einsatzmöglichkeit von PocketMod.

Auf 8 Seiten (Front, 6 Innenseite und Rückseite) einen eigenen Taschen-Organizer zusammenstellen. Das ganze funktioniert mit Widgets, die man sich per Drag & Drop zusammen stellen kann. Dabei hat man eine große Auswahl an Inhalten:

• Beschreibbare Seiten (liniert, kariert etc.)
• Kalender (Woche, Monat etc.)
• Listen (Aufgaben, Einkauf, Ernährung etc.)
• RSS-Feeds
• Zum Nachschlagen (Umrechen-Tabellen, Formeln etc.)
• Spiele (Sudoko, Tic Tac Toe etc.)
• Sonstiges (Faltanleitung, Notfall-Telefonnummern etc.)

Zudem kann man Seiten auch komplett frei gestalten.

Hat man seine 8 Seiten zusammen muss man das ganze nur noch ausdrucken, falten und einstecken

Zusätzlich zu dieser Widget-Version, gibt es auch einen PDFtoPocketMod-Converter. Das kleine Programm "quetscht" PDF-Dokumente so zusammen, dass man sie wie den selbst zusammengestellten Organizer zusammenfalten und in die Tasche stecken kann.

Via ToolBlog

Google kauft EtherPad

EtherPad habe ich schon sowohl hier im Weblog als auch im Buch (S. 156) beschrieben. Bei EtherPad handelt es sich um einen webbasierten Texteditor, der seine Stärken ausspielt wenn mehrere Leute am gleichen Dokument arbeiten, weil er es ermöglicht das man wirklich in Echtzeit an einem Dokument arbeiten kann.

Nun hat Google den Dienst gekauft und es sah so aus als ob Google den Dienst schließen will (es konnten keine neuen Dokumente erstellt werden), weil die EtherPad-Entwickler an Google-Wave weiter arbeiten sollten.

Es haben sich aber, verständlicherweise, sehr viele EtherPad-Nutzer beschwert und daher wird der Dienst bis auf weiteres nutzbar sein bis die ganze Anwendung dann als OpenSource zur Verfügung gestellt wird.

Hierbei frage ich mich warum Google den Schritt (EtherPad als OpenSource) nicht direkt gemacht hat. Man kann, in meinen Augen, auch als ein gewinnorientiertes Unternehmen nicht einfach hergehen, mit dem dicken Geldschein-Bündel wedeln und die Nutzer, die eine Anwendung geschätzt gelernt haben, so vor den Kopf stoßen. Hier braucht wohl jemand ein bisschen Nachhilfeunterricht in Sachen soziale Kompetenz.

Wichtiges auf einer Webseite markieren

Schickt man jemandem einen Link zu, der eine textlastige Seite beinhaltet o. ä., kann es nützlich sein relavante Passagen zu markieren – am schönsten und "traditionellsten" natürlich mit einem Textmarker…

Wer das möchte ohne den eigenen Bildschirm zu versauen, sollte den Awesome Highlighter einmal ausprobieren. Von der Website aus wechselt man zur gewünschten URL und setzt dann dort den virtuellen Textmaker ein. Zusätzlich dazu kann man die Seite auch mit Notizen in Form von Post-It-Zetteln versehen. Kennzeichnen kann man neben einfachem Text auch Bilder und Videos.

Die so gekennzeichnete Seite kann man dann als URL per E-Mail versenden. Selbstverständlich kann man den Link auch direkt zu Twitter, delicious, Facebook oder an seinen WordPress-Blog senden.

Wenn man sich bei dem Dienst registriert kann man alle gekennzeichneten Seiten auch speichern und später eine Statistik abrufen, die einem mitteilt wie oft sie angeschaut wurden.

Das Tool gibt es auch als Firefox-Addon oder als Bookmarklet einsetzbar.

Die eigene (Hand-)Schrift erstellen

Die eigene Schrift erstellen und das auch noch aus der eigenen Handschrift? Ist im Hand umdrehen gemacht: bei fontcapture. Und das in vier Schritten:

1. Vorlage ausdrucken
2. Vorlage ausfüllen
3. Vorlage einscannen und hochladen
4. Schrift herunterladen

Die so erstellte Schrift ist sicherlich noch "verbesserungswürdig", aber als Gag ist sie allemal zu gebrauchen.

Via akadeMix