auf der Suche anch einem geeigneten Script hat mit die Website mit dem Dienst The Lightbox Clones Matrix gute Dienste geleistet:

Mit Hilfe der Lightbox Matrix die Suche einschränken

Die Suche nach dem richtigen Script kann man durch Aus-/Abwahl verschiedener Kriterien – welche JS-Bibliothek bzw. Framework kommt zum Einsatz, kann das Script Bilder gruppieren, Größe etc. – eingegrenzt werden. Klar, das Testen der einzelner Scripte kann das Tool nicht ersetzen, führt aber auf jeden Fall dazu, dass man schneller zum Ziel kommt, weil die absolut ungeeigneten Kandidaten von vorne rein ausgesiebt werden.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

CSS 3.0 Maker

Und was kann dieser CSS3-Generator?

• Border Radius: abgerundete Ecken
• CSS Transform
• Box Shadow: Box-Schatten
• Text Shadow: Text-Schatten
• Text Rotation
• RGBA
• @Font Face
• Outline Offset
• Transition
• CSS Gradient: Verläufe mit CSS

Mittlerweile zeigt auch dieser Generator nicht nur, welcher Browser was kann, sondern auch seit welcher bzw. in welcher zukünftiger Version er etwas können wird.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Aber so ganz gestaltet sich die Suche nicht, denn schon alleine an diversen Online-Diensten gibt es eine ganze Menge. Der Artikel bei Smashing Magazine listet mehr als 45 Dienste auf. Und das sind nicht alle. Hier braucht man viel Zeit und Geduld um zu testen.

Snipplr habe ich kurz ausprobiert und an sich war ich recht zufrieden. Allerdings ist die Website mittlerweile sehr langsam und voller Werbung. Ich persönlich habe nichts gegen Werbung, aber dort ist es ein bisschen zu viel des Guten. Evtl. sollten sich die Betreiber vielleicht überlegen auch kostenpflichtige Accounts ohne Werbung anzubieten.

Guido Mühlwitz stellt in Verwaltung von Snippets – Code-Schnipsel Deluxe vier Desktop-Anwendungen vor, die die Code-Schnipsel verwalten. Allerdings hat mir keine der Anwendungen wirklich zugesagt.

Ich habe mir sogar überlegt auf einer Subdomain DokuWiki zu installieren und dort die anfallenden Code-Fragmente zu sammeln, zu kommentieren und zu verwalten. Das ich nicht der einzige und erste bin, der auf diese Idee gekommen ist zeigt Peter Kröner in seinem Code-Wiki.

Was ich denke, dass mir momentan am meisten zusagen würde, wäre ein Online-Dienst der sich entweder durch Werbeeinnahmen oder durch kostenpflichtige Zusätze finanziert, wo man die einzelnen Code-Fragmente als öffentlich oder privat markieren kann – hier fallen Desktop-Anwendungen schon mal raus – und wo man vergleichsweise einfach exportieren kann, zum Beispiel in einem gängigen Text-Format wie xml.

Was nutzt ihr denn um die Code-Schnipsel zu verwalten?

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

CSSDesk im Einsatz

Zu dem Dienst gibt es nicht viel zu sagen. Links oben kommt das HTML, darunter die CSS-Angaben und rechts sieht man dann das Ergebnis.

Ganz oben kann man die Syntaxhervorhebung de-/aktivieren, Hintergrund auswählen, einen Permalink zu dem Kunstwerk generieren lassen oder man kann das ganze dann auch auf den eigenen Rechner herunterladen.

Das ganze ist zumindest in Firefox nicht sonderlich schnell und auch die Bearbeitung der einzelnen Codezeilen gestaltet sich sehr zäh, aber um ganz schnell etwas zu testen ist das Tool optimal.

Ach ja, wie erwartet funktioniert das Tool weder in Internet Explorer 6-8.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Twitter-Archiv in Form eines Linkblogs mit Furthere.com

Nach dem man den eigenen Twitter-Account mit dem Dienst verheiratet hat, fängt Furthere seinen Dienst an. Es werden sowohl die letzten Tweets (konnte nicht herausfinden wie viele) als auch das Layout des Twitter-Accounts übernommen. Die Hashtags fungieren dabei als "Blog-Kategorien" und die Links und Quellen werden im Fußbereich aufgelistet.

In den Optionen kann man unter anderem einstellen, wie viele Tweets pro Seite aufgelistet werden und man kann einstellen, dass nur Tweets die mit bestimmten Tweets ausgezeichnet werden in das Archiv auf Furthere aufgenommen werden.

Interessant finde ich die Möglichkeit weitere "Mitarbeiter" einzuladen. So kann man mit mehreren Kollegen recht schnell ein Link-Verzeichnis auf Basis von Twitter erstellen.

Die einzelnen Tweets in der Timeline von Furthere.com kann man zum einen löschen oder erweitern: um zusätzlichen Text und Tags.

Auf den Dienst bin ich durch einen Linktipp in der letzten c't aufmerksam geworden.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Eine interessante Anwendung ist Follow Finder. Gibt man dort seinen Twitter-Namen ein, dann listet die Anwendung einem zwei Gruppen von Vorschlägen auf:

Neue Follower via Google finden

Links befinden sich die Twitter-Accounts, die man nach der Meinung der Anwendung gut finden könnte und in der rechten Spalte finden sich Nutzer mit gleichen Followern. Da die Anwendung (noch) nicht registriert wem man folgt und wem nicht, werden daher auch Accounts aufgelistet, denen man schon folgt.

Schauen wir mal, wie sich die Anwendung noch entwickelt.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

CSS3-Generator: abgerundete Eckene erstellen

Folgende Funktionen stehen zur Auswahl: Border Radius (abgerundete Ecken), Box und Text Shadow (Schlagschatten), RGBA, Multiple Columns (mehrspaltiger Text) und ein paar mehr. Bei allen Eigenschaften wird auch angezeigt, welche Browser dies auch unterstützen.

Wählt man Selectors aus, dann wird der Link zur CSS 3 selectors explained gezeigt, dort werden die neuen CSS3-Selektoren aufgelistet. Wählt man die Funktion Gradients aus, dann bekommt man einen Link zu einem anderen Generator wo man mit Hilfe von CSS3 Verläufe (engl. Gradients) erstellen kann.

Der Autor von CSS3Generator.com ist der Meinung das man das Rad nicht neu erfinden muss:

I was going to write a CSS gradient generator but then I found the CSS3 Gradient Generator which is does the job quite well.

Gefunden via @macx.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Erwähnenswert sind zudem die folgenden Funktionen, mit denen man über eine Domain zusätzliche Informationen einholen kann:

• Google-Suche
• Recherche im Web-Archiv
• Nachschlagen bei woxikon
• Auskunft bei DPINFO
• Suchanfrage im Handelsregister

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

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.

Eine Platzhaltergrafik generieren

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.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Map Envelop

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.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

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.

Falls man mehrere Tabellen, im gleichen Stil, veröffentlichen will, bietet es sich natürlich an den CSS-Code in die CSS-Datei auszulagern.

Profis überarbeiten das CSS sicherlich komplett nach ihren eigenen Wünschen, aber für Semiprofis oder Laien denke ich, bietet das Tool eine wirklich gute Hilfe. Einziger Wermutstropfen ist, dass (wie oben schon angedeutet) nur Tabellen korrekt umgesetzt werden, die "geradlinig" sind, soll heißen verbundene Zellen werden nicht erkannt. Der Tableizer ignoriert dies einfach, macht also auch keinen Salat aus den Daten.

Via Plerzelwupp

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

Kyrillische Schriftzeichen

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

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

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.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

PrimerCSS generiert eine CSS-Datei

Nicht revolutionäres, aber dennoch sehr hilfreich.

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen

PocketMod Faltanleitung

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

Wir im Web: Twitter – Facebook – XING – WordPress-Buch – Webwork-Tools – Geld 2.0

Blog unterstützen: Flattr – Bee5: Geld sparen oder verdienen