Webwork-Tools - Dem Webworker seine Werkzeugkiste

Hilfe bei CSS

Auch wenn man kein CSS-Profi ist, benötigt man vielleicht ab und zu Hilfe bei der Gestaltung von Texten. Ideal ist da die Seite CSS Type Set. Hier gibt man einfach einen Text ein und kann diesen dann mit Hilfe von Buttons und Eingabefeldern "verschönern". Und während dessen wird ("live") der benötigte CSS-Code ausgegeben, denn man im Anschluss per Copy & Paste in sein eigenes Dokument übertragen kann.

Ein Anfänger-Tool, aber ich denke es könnte dem ein oder anderen auf die CSSprünge helfen

Via Notizblog.de

.htaccess-Datei generieren

Eine .htaccess-Datei zu erstellen, um den Zugriff bzw. das Verhalten von Ordnern auf auf einem Webserver zu steuern, ist für Anfänger nicht ganz so einfach. Eine schöne Unterstützung bietet deswegen der .htaccessEditor. Hier kann man sich den Code für den Zugriff auf Dateien, einen Passwortschutz, Fehler- und Standardseiten, Weiterleitungen und Zugriffsbeschränkungen per Mausklick generieren lassen.

Via bültge.de

Auch Perun hat hier schon mal einen htaccess-Generator vorgestellt.

Der Generator ist jetzt der Designer – Farbschemata online generieren

Der Color schemes generator 2 ist von Grund auf überarbeitet worden, auf eine neue Domain umgezogen und nennt sich nun Color Scheme Designer – Version 3.0. Grund genug sich die Veränderungen – und die sind beachtlich – anzuschauen.

Wie gehabt kann man sich auf dem Farbkreis eine Farbe aussuchen und sich dann Farbschema anzeigen lassen, die einer der folgenden Einstellungen folgen:

• mono: Es werden nur Varianten der Basisfarbe gezeigt. Die Varianten werden durch Veränderung von Sättigung und Helligkeit erreicht
• complement: Es wird die Komplementärfarbe der Basisfarbe gezeigt, d. h. man hat immer eine warme und eine kalte Farbe.
• triad: Es werden die zwei Farben neben der Komplementärfarbe der Basisfarbe gezeigt.
• tetrag: Vier Farben, die sich gegenüber stehen.
• analogic: drei Farben, die der Basisfarbe gegenüber stehen.
• accented analogic: wie "analoic", aber ergänzt um die Komplementärfarbe

Der Modus "accented analogic" ist mit dieser Version übrigens dazu gekommen. weiterlesen…

Blindtext für Textfelder, Textboxen und Editoren

Blindtextgeneratoren als Addon für Firefox gibt es ja mehrere, aber ein besonderer scheint mir Dummy Lipsum zu sein. Dieser generiert nämlich nicht nur einfach auf Knopfdruck einen Blindtext, der eine bestimmte Anzahl von Buchstaben, Wörtern oder Absätzen enthält sondern man hat die Möglichkeite Blindtext direkt über das Kontextmenü in Textfelder bzw. -boxen einzufügen.

Für diese Funktionalität gibt es dann ein spezielles Einstellungsmenü. Dort kann dann für die vier verschiedenen Einsatzgebiete von Dummy Lipsum das Verhalten des Blindtextgenerators festgelegt werden. Für alle Fälle kann man folgendes festlegen:

• Wieviel Blindtext soll erstellt werden?
• Soll der Text mit "Lorem ipsum dolor sit amet…" beginnen?
• Soll der Text Punktuation enthalten?
• Soll der generierte Text automatisch in die Zwischenablage eingefügt werden?
• Sollen HTML-Tags angezeigt werden? – Diese Option kann kann man nicht für einen Texteditor festlegen.
• Besonders interessant: man kann Sonderzeichen angeben und ihre prozentuale Häufigkeit. So ist es evtl. sinnvoll für deutsche Blindtexte noch die Umlaute und das "ß" einzugeben, damit das Schriftbild realistischer wirkt.

Für das Einfügen von Blindtext in Textfelder (einzeilig) oder Textboxen (mehrzeilig) kann man zusätzlich auswählen, ob das Addon selbständig versuchen soll die jeweilige Größe festzustellen und den einzufügenden Text danach zu bestimmen.

Hevorheben möchte ich hier die Möglichkeit mit dem Addon Blindtext per Kontextmenü in verschiedene WYSIWG HTML-Editoren einzufügen. Auf der eigenen Website werden folgende Editoren genannt: Epoz, Kupu, TinyMCE, Xinha

Das Addon ist auch für Flock (nicht getestet)

Achtung

Der mit dem Kontextmenü eingefügte Blindtext in Textfelder und -boxen überschreibt den bisherigen Inhalt. Also zuerst Blindtext, dann evtl. eigenen Text!

Sichere Passwörter

Wer sich viel im Internet bewegt, wird auch viele Dienste nutzen, die ein Login bzw. Passwort verlangen. Sehr leicht ist man verführt immer das gleiche Passwort oder dies nur mit kleinen Abwandlungen zu benutzen. Dass das sehr unsicher ist weiß wahrscheinlich jeder, aber … so sieht die Realität wohl bei den meisten aus.

Während es in einem früheren Beitrag schlussendlich um eine Verschlüsselungsmethode für Passwörter ging, die man sich ganz altmodisch am besten ausdruckt und in Reichweite deponiert, möchte ich hier ein Bookmarklet vorstellen, das für jeden passwortgeschützten Bereich auf einer Domain ein eigenes Passwort generiert.

Der SuperGenPass generiert nach Vorgaben (Browser, Angaben zum Masterpasswort, Länge der generierten Passwörter), die man selber tätigt, ein Bookmarklet. Dieses legt man dann als Favorit/Lesezeichen ab. Kommt man nun auf eine Seite, die ein Passwort verlangt, aktiviert man das Bookmarklet und gibt sein Masterpasswort ein. SuperGenPass generiert daraufhin ein Passwort, was man dann mit einem Doppelklick in das Passwortfeld einfügen kann.

Das Prinzip dahinter ist, dass SuperGenPass anhand der Top-Level-Domain und des Masterpasswortes ein Passwort "errechnet", deswegen ist das so erstellte Passwort auch immer das gleiche unabhängig davon z. B. von welchem Rechner aus man auf eine passwortgeschützte Seite zugreifen möchten. Nur die Adresse und die Einstellungen zur Generierung des Bookmarklets, die darf man nicht vergessen: http://supergenpass.com

Für den Fall, dass SuperGenPass einmal nicht erreichbar ist oder den Fall, dass man keinen Zugriff auf das Internet hat oder der Browser, den man nutzt, keine Bookmarklets erlaubt, aber trotzdem sichere Passwörter generieren möchte, gibt es sogar eine mobile Version. Dafür muss man die Seite nur lokal auf seinem Rechner speichern.

.htaccess-Generator

Die .htacess-Datei ist eine Konfigurationsdatei im Textformat mit der man den Apache-Webserver beeinflussen kann. Wenn man Zugriff auf diese Datei hat, kann man diverse Einstellungen tätigen: man kann serverseitige Weiterleitungen realisieren, "sprechende" URLs generieren lassen, Ordner mit einem Passwort schützen und sogar einige Funktionen de- oder aktivieren.

Einen sehr umfangreichen .htaccess-Generator bietet der Webhoster all-inkl.com. Mit diesem Generator kann man folgendes generieren lassen:

• Paswortschutz
• Weiterleitung
• Fehlerseiten definieren: 401, 403, 404 und 500
• Sonstiges: PHP 4 bzw. 5 als CGI aktivieren, PHP Fast-CGI Modus aktivieren, alternative Startdatei bestimmen lassen etc.

Übrigens ist all-inkl.com (Partnerlink) der Provider bei dem ich seit Anfang 2002 alle meine Projekte hoste. Wenn du auf der Suche nach einem günstigen (nicht zu verwechseln mit billig) Webhoster bist, dann kann ich dir diesen empfehlen.

Blindtext-Generatoren

Unter einem Blindtext versteht man einen Text, der als Platzhalter auf einer Seite (Print oder Online) eingefügt wird, um das Layout besser beurteilen zu können, bevor der eigentliche Text eingefügt wird. Er kann auch zur Überprüfung der Lesbarkeit einer Schriftart dienen oder zum Vergleich von mehreren Schriftarten.

Liegt das hauptsächliche Ziel bei der Benutzung eines Blindtextes auf der oben angesprochenen Lesbarkeit einer Schriftart, so empfiehlt es sich einen Blindtext mit Panagrammen zu benutzen. Bei einem Panagramm handelt es sich um einen Satz, der alle Buchstaben des Alphabets enthält.

Der bekannteste Blindtext "Lorem ipsum" ist gleichzeitig ein lateinisches Panagagramm.

Im Internet sind eine Reihe von Blindtextgeneratoren zu finden, die zwei (in meinen Augen) schönsten und auch funktionell die Besten sind die folgenden: weiterlesen…

Punkten

Der Online-Generator Dotted Background Generator von Pixelknete hilft weiter, wenn die Phantasie nicht mehr will.

Obwohl gepunktete Hintergründe (zumindest großflächig) wohl etwas aus der Mode gekommen sind, kann das Tool dennoch – insbesondere bei Farbkombinationen – auf die Sprünge helfen.

Man kann die Farbwerte entweder selbst bestimmen oder aber sich zufällige ("Random") gepunktete und damit farbige Hintergründe anzeigen lassen. Gibt man zwei Farbwerte ein, erhält man einen Verlauf, aktiviert man die Option "single color only" bekommt man eine durchgehende Farbe. Über die Pixelangabe "Height" kann man bestimmen wie hoch der gepunktete Bereich sein soll.

Und wer weiß … Mode wiederholt sich ja bekanntlich.

Namensgeneratoren

Wenn man ein neues Projekt startet, ist die Suche nach einem passenden Namen oft genauso schwierig und langwierig wie das Konzept zu dem ganzen Projekt selber zu erstellen. Obwohl man natürlich selber die besten Ideen hat, ist der Weg ins Netz (um sich wenigstens Anregungen) zu holen oft naheliegend.

Die hilfreichsten sind meiner Meinung nach die folgenden (alphabetische Reihenfolge ohne Wertung). weiterlesen…