Webwork-Tools - Dem Webworker seine Werkzeugkiste

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.

Tabs schrumpfen

Tabs, viele, viele bunte Tabs… und schon hat man den Überblick verloren. Je mehr Tabs man geöffnet hat, desto kleiner werden die Dinger eh. Es ist also eine prima Möglichkeit, wenn man bestimmte Tabs – entweder spontan per Tastenkombination oder schon vorher festgelgte URLs – auf Ihr Favicon schrumpfen lassen könnte. So kann man Seiten, die man eh "immer" offen hat (z. B. Google Reader, Mail) klein lassen und hat so mehr Platz für neue Tabs.

Das ganze geht mit dem Firefox-Addon FaviconizeTab und wird in Zukunft glaube ich eines meiner am häufigsten genutzten Addons sein.

Via Der Männerblog

Screengrab: ein einfaches, aber nützliches Screenshot-Tool

Tools um Abbildungen (Screenshots) von Teilen oder von einer ganzen Webseite zu machen, gibt es viele. Eines davon ist Screengrab was als Erweiterung für Firefox daher kommt. Nach der Installation kann man einstellen ob die Screenshots im PNG- oder JPEG-Format abgespeichert und ob der Dateiname mit einem eindeutigen Zeitstempel versehen werden soll:

Die Funktionen von Screengrab kann man entweder via Kontextmenü oder über das Icon in der Statusleiste aufrufen: weiterlesen…

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

Quelltext-Vorschau in Firefox jetzt noch übersichtlicher

Das Firefox-Add-on mit dem Namen View Source Chart trägt einer besseren Übersicht des Quelltextes bei, in dem es zusammenhängende Blöcke in farblich unterschiedliche Kästen rein packt, die zudem durch Rahmen und Einrückungen zusätzlich von einander abgegrenzt werden.

Mit Hilfe dieser Erweiterung kann man jetzt noch schneller Fehler im Quelltext finden wie zum Beispiel die fehlenden oder überschüssigen div-Tags.

Wie sieht die Website auf dem iPhone aus?

Wie sieht die erstellte Website in den gängigen Auflösungen aus und was für eine Figur macht sie auf dem iPhone oder der Wii? Einfach anschauen bei: ViewLikeUs

Wo ist der Platz geblieben?

Dauernd krebst eine meiner Festplatten-Partitionen immer am Limit herum. Ständig muss ich Sachen löschen um Platz für wichtigeres zu machen. Und irgendwie weiß ich gar nicht Warum?

Ich habe meine Festplatte partitioniert, so dass es einen Bereich für "Grundlegendes" gibt (Windows, Office etc.), einen Bereich für die Arbeit (Dokumente, Projekte), einen Bereich für Privates (Fotos, Dokumente etc.) und einen Spiele-Bereich. Und ausgerechnet der Bereich, der die grundlegenden Programme beinhaltet ist andauernd voll. Und weiß der Teufel woran das liegt? Irgendwie fiel mir auch keine praktikable Methode ein, wie ich herausfinden könnte welches Programm jetzt der Speicherfresser ist.

Nun bin ich in Caschys Blog auf das Programm SpaceSniffer gestoßen. Und was soll ich sagen? Heruntergeladen, gestartet und den Übeltäter gefunden.

Der Platzbedarf einzelner Dateien wird dabei – in Relation zu den anderen – als Rechteck dargestellt. In Ordner kann man sogar per Doppelklick hineinzoomen. Eine recht übersichtliche Darstellung, die auch wenig erfahrenen Nutzern (was das Innenleben des PCs angeht) auf einen Blick zeigt, wer die Platzfresser sind.

Der Windows-Editor als Logbuch

Wer hätte das gedacht? Der wahrscheinlich bei vielen sträflich vernachlässigte Windows-Editor beherrscht die Funktion beim Öffnen einer *.txt-Datei automatisch Datum und Uhrzeit einzufügen.

Dafür muss man lediglich .LOG (muss in Versalien geschrieben sein) als oberste Zeile in die Datei eingeben. Wenn man das Dokument dann das nächste Mal öffnet, ist das aktuelle Datum mit der aktuellen Uhrzeit eingefügt. So kann man aus einer simplen Textdatei eine Art Logbuch, Tagebuch oder eben Notizbuch mit genauer Zeitangabe machen. Sehr praktisch wie ich finde, wenn es darum geht etwas auf die schnelle zu dokumentieren.

Das aktuelle Datum mit Zeit kann man übrigens auch mit der Tastenkombination F5 bzw. über das Menü Bearbeiten – Uhrzeit/Datum einfügen, aber so automatisch ist irgendwie sexier

Via Basic Thinking

Snipplr: eine sehr umfangreiche Code-Sammlung

Wie sah noch einmal der CSS-Reset aus? Welche Möglichkeiten habe ich um abgerundete Ecken zu simulieren? Wie kann ich sprechende URLs generieren? Wie kann ich meine Tweets sichern?

Solche und viele weitere Fragen werden auf Snipplr.com, einer sehr umfangreichen Sammlung an Code-Schnipsel, beantwortet. Auf Snipplr.com finden sich Code-Fragmente aus 78 verschiedenen Sprachen: JavaScript, (X)HTML, PHP, CSS, Ruby, SQL u.v.m.

Viel Spaß beim Stöbern.

Lesbarkeit von Websites mit Readability-Bookmarklet verbessern

Es gibt Websites die sind für einen persönlich nicht leserlich. Die Schrift ist zu klein oder zu groß, die Zeilen sind zu breit oder die Schrift wurde unleserlich formatiert (z. B. kursiv bei bestimmten Schriften). Wie dem auch sei, es gibt mehrere Gründe warum eine Website unleserlich sein kann. Sicherlich, man kann sich ein eigens Nutzer-CSS erstellen um bei häufig besuchten Websites die Schrift zu vergrößern oder die Zeilenbreite zu verkleinern. Doch es geht komfortabler und zwar mit dem Readability-Bookmarklet.

Auf der Website legt man die Einstellungen fest unter der man die Texte gerne liest. Direkt darunter befindet sich auch die Vorschau, in der man die Auswirkungen der Einstellungen sehen kann. Man kann den Stil, die Schriftgröße und die Zeilenbreite bestimmen. An Hand deiner Einstellungen wird dann das Bookmarklet angepasst.

Nun kannst du das Bookmarklet in die Lesezeichen-Leiste ziehen und wenn du dich auf einer Website befindest, die nicht leserlich ist, dann kannst du das Bookmarkelt aufrufen und der Text wird dann entsprechend deinen Einstellungen formatiert. So schaut der Text auf dieser Website aus, wenn ich das Bookmarklet, mit den Einstellungen aus der ersten Abbildung, aufrufe:

Wenn man den Browser bzw. die Seite neu lädt, dann erscheint die selbige in ihrem ursprünglichen Layout.

Wenn man das Bookmarklet anpasst, dann muss man es noch einmal in die Lesezeichen-Leiste ziehen, da die Einstellungen im Bookmarklet-Code gespeichert sind.