webwork-tools | perun.net

Für Webprojekte in der Entstehungsphase benötigt man neben Blindtexten oft auch Platzhalter-Grafiken. Zwei Generatoren dafür haben wir schon einmal vorgestellt, jetzt bin ich durch den Newsletter von Designer in Action noch auf einen dritten Generator gestoßen, der hübsch anzuschauen ist und dabei durchaus nützlich:

PlaceIMG

Für die Platzhaltergrafik kann man zum einen pixelgenau die Größe bestimmen, aber auch das Thema (Tiere, Architektur, Natur, Menschen, Technik) und eventuell einen Filter auswählen (Sepia, Schwarz-Weiß).

Neben der Online-Anwendung gibt es die Platzhalter-Grafiken auch als Plugins für diverse CMS, u. a. natürlich auch für WordPress (nicht getestet).

Das Thema Blindtext oder besser gesagt Blindtext-Generatoren war hier schon mal häufiger das Thema. Zuletzt im folgenden Artikel, wo ich 14 verschiedene Generatoren aufgelistet habe. Gestern bin ich auf einen weiteren Kandidaten gestoßen:

Das Ding nennt sich Riker Ipsum und basiert auf den Zitaten von Lieutenant Commander William T. Riker … oder wie Cpt. Picard sagen würde Nummer 1.

Mit Klick auf more gesellen sich weitere Riker-Zitate zum Blindtext. Viel Spaß damit, oder wie Picard sagen würde Make it so.

Eine neue Version von Firebug – dem "Fehlersuche-Tool für Websites" für Mozilla Firefox – ist da, die Version ist kompatibel zu Firefox 17-20 und bringt einige interessante Neuigkeiten mit sich.

Zum einen wird die Anzeige bzw. die Auswertung des SPDY-Protokolls im Modul "Netzwerk" unterstützt und zum anderen kann man jetzt auch innerhalb des Moduls "HTML" oder besser gesagt in seinem Unterfenster "Styles" neue CSS-Regeln einfügen. Bereits vorher konnte man hier bestehende Regeln bearbeiten.

Darüber hinaus kann man jetzt auch im Modul "HTML" zusätzlichen Quelltext einfügen, dafür gibt es im Kontextmenü einen zusätzlichen Punkt mit mehreren Auswahlmöglichkeiten.

Weitere Neuigkeiten werden im Blogartikel und in den Release Notes gelistet.

Vorhin entdeckt: moqups.com. Dort kann man online Skizzen, Mockups etc. erstellen um sich schnell mit dem Kunden und/oder Kollegen auszutauschen. Die einzelnen Elemente bringt man aus dem linken Bereich per Klicken & ziehen in das Hauptfeld. Die Elemente kann man anschließend bearbeiten, positionieren und ausrichten. Die ganze Bedienung ist imho sehr intuitiv.

Um das ganze zu testen muss man sich nicht einmal registrieren, aber wer seine Arbeit exportieren möchte, der benötigt einen Account, der aber kostenlos ist … zumindest sah ich keine Hinweise diesbezüglich. Zur Auswahl stehen png und pdf als Exportformate.

Wer auf die Schnelle ein Diagramm oder eine Skizze erstellen möchte um im Forum, Mailingliste etc. etwas zu verdeutlichen, der sollte es mal mit Asciiflow versuchen:

Hier kann man rein Textbasiert – also mit Zeichen die zum Umfang von ASCII gehören – Flussdiagramme erstellen. Exportieren kann man das ganze im Text-Format, als "HTML" oder als Grafik, indem man auf das Button "Ditaa!" klickt. Ich habe HTML deswegen in Anführungszeichen gesetzt, weil das Diagramm bzw. die ganzen Zeichen lediglich in <pre>...</pre> eingebunden werden.

Kann ich in diesem Projekt SVG (Scalable Vector Graphics) einsetzen? Wie schaut die Browser-Unterstützung für das video-Element aus? Soll ich im konkreten Fall die Verläufe mit CSS3 machen oder doch lieber auf Grafiken zurückgreifen. Solche und ähnliche Fragen stellen sich täglich wahrscheinlich hunderte von Webworkern.

Bei Beantwortung solcher Fragen kann die Website CanIuse.com helfen. Dort werden diverse Techniken und Methoden (CSS, HTML, JS, SVG etc.) aufgelistet und…

… nach Browsern bzw. Plattformen aufgsdröselt. So kann man im Vorfeld viel einfacher entscheiden auf welches Pferd man setzt.

Von der Wortliga gibt es ein kostenloses Tool welches deinen Text nach verschiedene Gesichtspunkten analysiert. Einfach den Text in das Formular eingeben und die Analyse starten:

Anschließend bekommst du in der rechten Seitenleiste die Hinweise zu dem Text. Es werden unter anderem die Lesbarkeit, die Keyworddichte, die Satzlänge und der Sprachstil (unpersönliche Ansprache, Zeitformen, Füllwörter) untersucht.

Nach dem üblichen Farbschema werden Fehler mit rot, Warnungen mit Gelb und die positiven Sachen mit grün hervorgehoben.