• obnam – is an easy, secure backup program. Backups can be stored on local hard disks, or online via the SSH SFTP protocol. The backup server, if used, does not require any special software, on top of SSH.
• Greenshot – is a light-weight screenshot software tool for Windows
• OfflineIMAP – operates on a REMOTE and a LOCAL repository and synchronizes emails between them, so that you can read the same mailbox from multiple computers. The REMOTE repository is some IMAP server, while LOCAL can be either a local Maildir or another IMAP server.
• TeXnicle – is a LaTeX editor and project organiser for Mac OS X with a feature-rich interface to help you manage your LaTeX projects.
• GAget – Google Analytics Widget for Mac OS X Dashboard
• Bootstrap – is a toolkit from Twitter designed to kickstart development of webapps and sites.
• cinderella – is a fully managed development environment for open source hacking on Mac OSX. It's powered by homebrew and chef. You only need Xcode to get started.
• awesome – awesome is a highly configurable, next generation framework window manager for X. It is primarly targeted at power users, developers and any people dealing with every day computing tasks and who want to have fine-grained control on theirs graphical environment.

• checksum – is a blisteringly fast, no-nonsense file hashing application for Windows that generates and verifies SHA1 and MD5 hashes
• Web Developer Extension – adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.
• renameutils – are a set of programs designed to make renaming of files faster and less cumbersome.
• Lion DiskMaker – is a small application programmed with AppleScript that you can use with Mac OS X 10.6 or 10.7 to burn a DVD or build a bootable USB key from Mac OS X Lion’s Installation programm.
• ipswDownloader – Simple app for downloading firmware for Apple iPhone / iPad / iPod Touch.
• LiveReload – monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.
• LESS.app – extends CSS with variables, nested rules, operators and more. If you're still building websites without it, you're an idiot. This app makes it dead simple to use {Less} by automatically compiling *.less files into standard CSS.
• Project Hamster – is time tracking for individuals. It helps you to keep track on how much time you have spent during the day on activities you choose to track.
• ControlPlane – Using a number of configurable evidence sources, rules and actions you can reconfigure your Mac based on what you are doing, where you are at or the time of day.  Set the office printer as your default printer while at work or start a set of apps once you’re home.
• pow – is a zero-config Rack server for Mac OS X

• cronwhip – is a simple script to run cronjobs that would have been run since the last system shutdown.
• html2txt – is a Python script that converts a page of HTML into clean, easy-to-read plain ASCII text. Better yet, that ASCII also happens to be valid Markdown
• Asciiflow – Diagramme. In Ascii-Art. Awesome.
• The Great Typekit Table –
• Subtle Patterns – High quality patterns for your next web project
• Useful HTML-, CSS- and JavaScript Tools and Libraries –
• Active Directory Topology Diagrammer – reads an Active Directory configuration using LDAP, and then automatically generates a Visio diagram of your Active Directory and /or your Exchange Server topology.
• Gity – yet another open source git client for OS X
• csshx – is a tool to allow simultaneous control of multiple SSH sessions through OS X Terminal.app
• TuneConnect 2 – iTunes remote control software for Mac OS X
• tools-osx – A small collection of command line tools for Mac OS X, incl.: clipcat, eject, swuser & trash.

• Squeaky – is a web proxy, in the spirit of a2 or PHProxy
• Archive – This free plugin extends Apple Mail with the archive feature that you know and love from MobileMe and Gmail.
• lesspipe – is an input filter for the pager less as described in its man page. The script runs under a ksh compliant shell (ksh, bash, zsh) and allows to view files with binary content, compressed files, archives and files contained in archives.
• YOURLS – is a small set of PHP scripts that will allow you to run your own URL shortening service (a la TinyURL). You can make it private or public, you can pick custom keyword URLs, it comes with its own API. You will love it.
• MFCMAPI – uses Microsoft's published APIs to provide access to MAPI stores through a graphical user interface. Its purpose is to facilitate investigation of Exchange and Outlook issues and to provide developers with a canonical sample for MAPI development.
• Markdoc – is a lightweight Markdown-based wiki system. It's been designed to allow you to create and manage wikis as quickly and easily as possible.
• SL – (Steam Locomotive) runs across your terminal when you type "sl" as you meant to type "ls". It's just a joke command, and not usefull at all.
• mairix – is a program for indexing and searching email messages stored in maildir, MH or mbox folders.
• Guake – is a top-down terminal for Gnome (in the style of Yakuake for KDE, Tilda or the terminal used in Quake).
• Infinite Scroll – Automatically append the next page of posts (via AJAX) to your page when a user scrolls to the bottom.

• sshuttle – Transparent proxy server that works as a poor man's VPN. Forwards over ssh. Doesn't require admin access.
• mNote – for Android is a fast notepad for Android allowing for offline local note editing, managment, and searching. In addition, mNote synchronizes with Simplenote
• Dirpy – is an advanced DVR for your favorite online media. For example, use Dirpy to record your favorite YouTube videos to mp3s!
• Git for the lazy – This guide is for people who want to jump to any point in time with their project/game/whatever, and want something to use for themselves.
• DiG HOWTO – How to use dig to query DNS name servers
• 100 Free High Quality WordPress Themes: 2010 Edition –
• PosteRazor – The PosteRazor cuts a raster image into pieces which can afterwards be printed out and assembled to a poster.
• Soulver – It's quicker to use than a spreadsheet, and smarter and clearer than a traditional calculator.

Mir ist aufgefallen, dass ich ziemlich häufig auf instant-thinking selbst, verschiedene Wikipedia-Artikel oder auf Flickr-Bilder verlinke.

In Doku-Wikis¹ werden interne und externe Links mit unterschiedlichen Icons markiert und da dachte ich mir, dass es eine gute Idee wäre so etwas auch für dieses Blog einzuführen. Auf diese Art und Weise können Leser die bestimmte Begriffe schon kennen, es sich sparen den Link anzuklicken. Sie erhalten die Information “Das ist ein Wikipedia-Artikel”, durch ein kleines “W” direkt neben dem Link, ohne extra über den Link hovern zu müssen. Durch die gleiche Technik, etwa ein Flickr-F, sind auch andere Arten von Links sofort zu erkennen und machen das Lesen der Posts leichter.

Bei der Gelegenheit fiel mir auch auf, dass instant-thinking noch gar kein Favicon besitzt, welches man schön als Indikator für interne Links verwenden könnte. Also musste das auch noch rasch hergestellt werden.

Also ist folgende, durchaus übersichtliche, ToDo zu bearbeiten:

1. Favicon entwerfen und einbinden
2. Link-Icons implementieren

Wie schwierig kann das schon sein?

Vorab: Ich bin kein Design-Mensch und es gibt aller Wahrscheinlichkeit nach deutlich bessere und elegantere Lösungen als meine hier vorgestellte. YMMV.

Favicon

Ein Favicon ist eine kleine Grafik, die Browser als grafische Mini-Referenz für Webseiten anzeigen. Etwa in der Adresszeile oder in den Favoriten. Ich kann nicht gut malen, und daher hatte ich die simple Idee², die Anfangsbuchstaben der Domain zu nehmen. Dass der Themenkomplex IT in diesem Blog einen großen Raum einnimmt, ergibt sofortige ExtraBrowniePoints.

Aber wie gestaltet man nun so ein Teil?

Ich habe zunächst die Schriftart meines Titels herausgefunden, indem ich mit Skitch einen Screenshot davon gemacht habe. Diesen Screenshot habe ich dann zu WhatTheFont hochgeladen³. Eine sehr freundliche Website, die mir verriet, dass es sich bei der verwendeten Schriftart wohl um American Typewriter handelt.

Sehr schön. Als nächstes habe ich mit dem DigitalColor-Farbmesser⁴ die RGB-Werte der Farbe des roten Strichs unter dem Titel rausgesucht.

Mit diesen Informationen habe ich dann mein Favicon-Design mit Text, wait for it, Edit erstellt. Genau, TextEdit, das kleine, aber sehr feine Schreibprogramm das jedem OS X beiliegt. Einfach die beiden Buchstaben eintippen, American Typewriter als Schriftart wählen und das ganze unterstreichen. Dann noch den Hintergrund schwarz, die Textfarbe weiß und den Unterstrich in RGB 167,0,0 einfärben und die Skalierung hochdrehen. Das Ergebnis schaut aus wie auf dem Bildchen da rechts.

IMHO recht hübsch. Aber der Unterstrich ist noch viel zu dünn. Also rasch einen neuen, relativ quadratischen Screenshot erstellt und das resultierende png in Vorschau öffnen. In Vorschau dann reinzoomen bis der Unterstrich komfortabel mit der Rechteckauswahl zu treffen ist, den Ausschnitt kopieren und die Schwarze Fläche unter dem Strich per Einfügen mit roter Farbe füllen.

So schaut das Werk dann in fertig aus:

Um das ganze jetzt in das Favicon-Format zu bekommen, habe ich den Online-Dienst Favicon-Generator bemüht. Bild hochladen, Favicon bekommen. Sehr einfach, gar nicht schwierig.

Die Einbindung des Favicons in ein Wordpres-Theme⁵ ist hier sehr gut beschrieben. Die Kurzfassung ist, dass das favicon.ico auf den Webspace hochgeladen wird und in der Datei your_path/wp-content/themes/your_theme/header.php die folgende Zeile eingefügt wird:

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

Speichern und Fertig. Nach dem nächsten Reload des Browsers ist das nagelneue Favicon zu bewundern.

Link-Icons

Nun also zu den kleinen Icons neben den Links. Ein wenig googlen und schon ist das Link Indication Plugin gefunden. Das ist ja das schöne daran, wenn man ein so weit verbreitetes System benutzt: Die meisten Probleme haben andere Leute schon gehabt und, zumindest sehr häufig, gelöst.

Von der oben gefundenen Seite habe ich mir dann noch das dort verlinkte Icon-Pack heruntergeladen. Noch mehr Icons sind etwa hier zu finden.

Nach der problemlosen Installation des Plugins habe ich in den Einstellungen noch die Benutzung der link-indication_style.css Datei aus dem Plugin-Verzeichnis veranlasst und Flickr & Delicious⁶ zu den Linktypen hinzugefügt. Das schaut dann so aus:

Dazu muss man die vorhin erwähnte link-indication_style.css noch um die eigenen Definitionen ergänzen. Diese schaut bei mir also jetzt so aus:

/* For Link Indication plugin */
a.liinternal { padding-right: 12px; background: url(images/link-icon_instant-thinking.png) no-repeat right; }
a.liexternal { padding-right: 12px; background: url(images/link-icon_external_18.png) no-repeat right; }
a.liwikipedia { padding-right: 13px; background: url(images/link-icon_wikipedia.gif) no-repeat right; }
a.liflickr { padding-right: 13px; background: url(images/link-icon_flickr.png) no-repeat right; }
a.lidelicious { padding-right: 8px; background: url(images/link-icon_delicious.png) no-repeat right; }
a.liwp { padding-right: 16px; background: url(images/link-icon_wordpress.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/link-icon_ftp.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(images/link-icon_mail.gif) no-repeat right; }
a.lipdf { padding-right: 12px; background: url(images/link-icon_pdf.png) no-repeat right;  }
a.lizip { padding-right: 12px; background: url(images/link-icon_zip.png) no-repeat right;  }

Die vier oberen Definitionen habe ich hinzugefügt, beziehungsweise mit anderen Icons versehen.

Zu diesem Zweck habe ich alle Icons aus dem heruntergeladenen Icon-Pack in das Unterverzeichnis images des Plugin-Ordners hoch geladen. Für die internen Links habe ich die bereits erstellte Favicon PNG-Datei einfach mit der Vorschau auf 7×12 Pixel runter skaliert.

Es war dann letztlich, wie so häufig, eben doch etwas mehr Arbeit als gedacht. Aber es ist schon erstaunlich, was man mit einer Idee, einer Google-Suche, den Mac OS X Bordmitteln und ein paar Screenshots so hin bekommt.

1. BTW ein sehr praktisches Wiki-System ohne Datenbankabhängigkeiten
2. die schon viele vor mir hatten
3. Ich bin mir sicher, viele von euch hätten das mit ihren Augen gekonnt. Oder ins CSS geguckt…
4. Ein wundervolles Programm, dass im Dienstprogramme-Ordner jeder OS X Install
5. Oder sonst eine Website…
6. Twitter und Amazon wären auch noch so eine Idee…

• collectd – is a daemon which collects system performance statistics periodically and provides mechanisms to store the values in a variety of ways, for example in RRD files.
• CSVed – is an easy and powerful CSV file editor, you can manipulate any CSV file, separated with any separator.
• Simple Desktops – is a collection of desktop wallpapers curated by Tom Watson designed to make your computer beautiful without distraction.
• Continuous Integration – is a software development practice where members of a team integrate their work frequently, usually each person integrates at least daily – leading to multiple integrations per day. Each integration is verified by an automated build (including test) to detect integration errors as quickly as possible. Many teams find that this approach leads to significantly reduced integration problems and allows a team to develop cohesive software more rapidly. This article is a quick overview of Continuous Integration summarizing the technique and its current usage.
• Ultimate solution to weird UTF character encoding problem – Due to different formats of storing characters in the database, sometimes you may encounter problem with strange characters (like —) appearing in your WordPress posts. This can especially happen when moving the site to a different server, a process during which your database needs to be exported and imported.
• Why Your Employees Are Losing Motivation – Business literature is packed with advice about worker motivation—but sometimes managers are the problem, not the inspiration. Here are seven practices to fire up the troops. From Harvard Management Update.
• smitten kitchen Recipe Index – Fearless cooking from a tiny kitchen in New York City with delicious photos…
• Uniform – masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
• vi Complete Key Binding List – This is not intended as a tutorial. It is a reference on what every vi key binding does, followed by some useful vi tricks and tips. An expert will probably know most of these already, but an intermediate vi user will find valuable information, and even an expert may learn a thing or two.
• Ephemera – will comfortably synchronize your ebook reader with Instapaper.com via USB. It works with the Amazon Kindle, Sony readers and pretty much any device capable of reading HTML, Mobipocket or EPUB files.

• SweetFM – switches seamlessly between Last.fm and iTunes. Tune to any station and you can control Last.fm with SweetFM's interface – stop the stream and you can use it as an iTunes controller!
• killer spiele werte. zur komplexität einer verbotsdebatte und ihres spielgegenstandes – allgemein geht es um das thema der gewalthaltigen computerspiele (oder, wie es so gerne heisst, “killerspiele”), den kulturhistorische kontext, in dem man die moral-panic debatte sehen muss, zensur und werte, medienwirkungsforschung und die rechtliche situation in deutschland.
• Fauna – Very clean theme for wordpress…
• The Ultimate Beginner’s Guide To AppleScript –
• Karmetasploit – KARMA + Metasploit 3 == Karmetasploit

• gOS – A just cloud operating system…
• Creating a Podcast Using GarageBand –
• Readability – a simple tool that makes reading on the web more enjoyable by removing the clutter around what you're reading.
• Checklisten für Anforderungsprofile, Pflichtenhefte und Lastenhefte –
• GOCR – is an OCR program. It converts scanned images of text back to text files. Also available through MacPorts.

• Diplodocs – Handbücher und Anleitungen online
• Snipt – is your collection of frequently used commands or code snippets.
• ferm – is a tool to maintain complex firewalls, without having the trouble to rewrite the complex rules over and over again.
• Espresso – Website-Editor for Mac OS X with lots of Bells and Whistles. Now in public beta, later 59,95 €…
• Blogo – Nice looking Desktop Blog-Editor for Mac OS X with a fresh UI-concept. Shareware, $25.
• WordPress Notifier for Mac OSX – is a freeware application that alerts you when new unapproved comments are posted on your WordPress blog.
• Townload-Essen – Mitmach-Portal für Essener Jugendliche