• Apple Store Refurb Tracker – provides different feeds enabling you to track apparition of new products on the Apple Store Refurb pages.
• Pinky – is a free portable web server.
• PieCrust – is a static website generator and lightweight CMS that’s all managed with text files. No complex setup, databases, or administrative panels.
• num-utils – are a set of programs for dealing with numbers from the Unix command line. Much like the other Unix command line utilities like grep, awk, sort, cut, etc. these utilities work on data from both standard in and data from files.
• Bashish – is a theme enviroment for text terminals. It can change colors, font, transparency and background image on a per-application basis. Additionally Bashish supports prompt changing on common shells such as bash, zsh and tcsh.
• Fake – is a new browser for Mac OS X that makes web automation simple. Fake allows you to drag discrete browser Actions into a graphical Workflow that can be run again and again without human interaction.
• Avatar Harmony – Synchronize your profile pics between Facebook, Twitter and Gravatar.
• git-dude – is a simple git desktop notifier. It monitors git repositories in current directory for new commits/branches/tags and shows desktop notification if anything new arrived.
• Private Eye – is a free network monitor for Mac OS X Lion
• bcat – pipe to browser utility

• 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.

• Sosumi – is a simple way to find your iPhone using your Mac.
• NirCmd – is a small command-line utility that allows you to do some useful tasks without displaying any user interface.
• GeoNamesTagger – is a Mac OS X docklet to easily update image EXIF, IPTC and XMP metadata with location specific information.
• Oolite – is a space sim game, inspired by Elite, powered by Objective-C and OpenGL, and designed as a small game that is easy for users to pick up, modify and expand upon. Almost every aspect of the game can be changed by using simple, free graphics packages and text editors.
• DTerm – provides a context-sensitive command line that makes it fast and easy to run commands on the files you're working with and then use the results of those commands.
• Using p4merge with Git – Although it is correct that git doesn't come with a nice merge tool, it is quite happy to use any merge tool that you have on hand. And since Perforce's merge tool is available free, you can use p4merge with git.
• Rubular – is a Ruby-based regular expression editor. It's a handy way to test regular expressions as you write them.
• 5 Best Dropbox WordPress Plugins – Nice list, Dropbox Sync looks especially nice for a backup of all images.
• Vagrant – is a tool for building and distributing virtualized development environments. By providing automated creation and provisioning of virtual machines using Oracle's VirtualBox, Vagrant provides the tools to create and configure lightweight, reproducible, and portable virtual environments.
• Blueprint – is DevStructure's workhorse tool that looks inside popular package managers, finds changes you made to configuration files, and archives software you built from source to generate Puppet, Chef, or shell code. Everything blueprint sees is stored in Git to be diffed and pushed. It runs on Debian and RPM based distros with Python 2.6.

• 10 Things You Did Not Know About Monkey Island –
• Briefe erstellen in Latex –
• byobu – includes an enhanced profile and configuration utilities for the GNU screen window manager, such as toggle-able system status notifications.
• Window Shifter Home – is a tool which allows you to move applications between networked computers of different OS. It works through some really sophisticated ssh and vnc magic…
• gitolite – allows you to setup a centralised git server, with very fine-grained access control and many (many!) more powerful features.
• Vimprobable – is a WWW browser that behaves like the Vimperator plugin available for Mozilla Firefox. It is based on the WebKit engine (using GTK bindings).
• Kaleidoscope – Advanced diff-App for Mac OS X. Compares Textfiles, Code and Images. Also: Shiny. Shareware, 29,00 €

• 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…

• CCC | Forderungen für ein lebenswertes Netz – Der CCC – Die Stimme der Vernunft.
• CMS Tree Page View – is a plugin for WordPress that adds a CMS-like tree overview of all your pages, like the view often found in a page-focused CMS.
• Aufbewahrungsfristen für Dokumente – Sehr praktische Informationen aus der Quintessenz von WDR 2.
• Exchange ActiveSync on Mac OS X Server –
• UNIX tips: Learn 10 good UNIX usage habits –
• Mailboxes – is a multi-user Gmail client for the iPad, letting you easily and securely access your Gmail and Google Apps email accounts on a shared iPad.
• The Firmware Umbrella – Making local iOS Restores possible by saving your SHSH hashes locally and at Cydia. This way, even when (not if) Apple decides to stop signing your firmware, you are still able to install it…
• Hacking Network Printers (Mostly HP JetDirects, but a little info on the Ricoh Savins) – This article will attempt to point out some of the more interesting things that can be done with a network based printer to make it reveal information about its users, owners and the network it's part of.
• Disk2vhd – is a utility that creates VHD versions of physical disks for use in Microsoft Virtual PC or Microsoft Hyper-V virtual machines. The difference between Disk2vhd and other physical-to-virtual tools is that you can run Disk2vhd on a system that’s online.
• London Food Tipps » tautoko weblog – Asian food and coffee stores.

• MAP, ACT, WAIK, MDT: Windows 7 im Netz verteilen mit Microsoft-Tools – Schöner Überblick über die von Microsoft bereitgestellten Werkzeuge für die Verteilung von und Migration auf Windows 7.
• FOG – is a Linux-based, free and open source computer imaging solution for Windows XP and Vista that ties together a few open-source tools with a php-based web interface. Fog doesn't use any boot disks, or CDs; everything is done via TFTP and PXE.
• understudy – allows access to streaming video through the Front Row interface of Mac OS X. The user can subscribe to multiple feeds, and select a video to watch from them. Understudy currently supports Hulu, Netflix, YouTube, and to some degree the BBC iPlayer.
• Software Is Hard –
• GhettoPush – A Perl implementation of IMAP push for the iPhone with generic IMAP servers.
• HFS – Nice looking HTTP-Fileserver for Windows.

• App Store Expense Monitor – Berechnet wieviel für iPhone-Apps aus dem App Store ausgegeben wurde
• Outlook-QuoteFix – can modify MS Outlook's message composition windows on-the-fly to allow for correct quoting and to change the appearance of your plain-text replies and forwards in general: move your signature, use compressed indentation, customize your quote header, etc.
• iFlicks – Using iFlicks you can easily import your Video Collection into iTunes. This gives you the ability to watch your Videos directly in iTunes or transfer them to your iPod or iPhone. On top of that iFlicks downloads Metadata for your Videos and lets you tweak the Metadata manually.
• ColorBox – A light-weight, customizable lightbox plugin for jQuery 1.3
• RubyFrontier Documentation – It’s a way of maintaining and generating Web sites. It imitates UserLand Frontier, but it’s written in Ruby.
• Pro Git Book – The whole Pro Git book online.
• Glims – adds a cocktail of features to Safari (Tabs, Thumbnails, Full Screen, Search Engines, Search Suggestions, Forms autocomplete on, Dated download folders, Type Ahead …)
• Jack OS X – is a low-latency audio server, written originally for the GNU/Linux operating system, and now with Mac OS X support. It can connect any number of different applications to a single hardware audio device; it also allows applications to send and receive audio to and from each other.
• StudioTwentyEight | Wallpapers – Great wallpapers, often available in dual and triple versions…

• Picturesque – is a simple app with a simple goal: to make images more beautiful. Whether you are in web or print, your images can benefit from a touch of Picturesque magic. $34,95.
• Five Tools to Increase the RSS Subscribers for your WordPress Blog –
• Clyppan – is a free and Open Source clipboard history application for Mac OS X that’s always at your fingertips.
• Querious – is a new MySQL database management application written from the ground up exclusively for Mac OS X Leopard. Shareware, 25$…
• myWeblog – is a small, simple and nice weblog editor with some nifty features and designed to be really easy to use.
• Mit dem Handy in die Wolke –
• Open Source Monitoring 4.0 – ICINGA – Fork of the popular Nagios monitoring solution and maybe the new standard…
• If you want to be found via Google, here’s how — even if you have a common name – Some hints for the google profile pages…