Wer ein Benutzer des bekannten Microblogging Dienstes Tumblr ist, weiß bestimmt, dass man Tumblr auch mit eigenen Domains benutzen kann, dazu muss man nur die “Customize” Seite des Tumblr Blogges öffnen, bei “Info” die Checkbox “Use a custom domain name” aktivieren, die URL eingeben, speichern und bei den Domaineinstellungen des Domainhosters die Einstellungen ändern. Die Einstellungen und wie sie seinen sollen stehen auf der “Custom Domain Help” Seite von Tumblr:

Wer aber vom Hoster aus die Domaineinstellungen nicht ändern kann, hat noch eine andere Möglichkeit: Einbinden durch JavaScript:

Diese Funktion wurde etwas versteckt beschrieben, und zwar findet man die Erklärung der Funktion auf der “Goodies” Seite rechts unten in der Sidebar:

Um diese Funktion benutzen zu können muss man z.B. eine blog.html Seite erstellen und diesen kleinen JS Code einbinden:

<script src="http://BLOGURL.tumblr.com/js" type="text/javascript"></script>

Statt BLOGURL schreibt man den Blognamen von tumblr und speichert die Datei ab.

Die einzelnen Blogeinträge (letzte 10) werden ohne Style eingebunden, den Style kann man dank CSS (ol, ol li) bearbeiten.

Bei der Methode 2 werden die Einträge aber nur dann angezeigt, wenn der Browser JavaScript unterstützt und aktiv hat, diese Methode ist ideal für Blogs mir folgender Struktur: “domain.tld/blog.html” und Methode 1 ist ideal für Blogs mit Subdomains.

Textstellen in Kommentaren zu zitieren ist ab jetzt noch einfacher und dies dank jQuery!

Um eine Textstelle im Kommentarfeld zu zitieren, muss man nicht die Textstelle kopieren und im Kommentarfeld mit “<blockquote>” zitieren, sondern dank jQuery kann man nun einfach eine Textstelle mit der Maus markieren und auf “Antworten” klicken. Nach dem Klick wird die Textstelle im Kommentarfeld mit Zitatzeichen eingefügt und ihr könnt euer Kommentar schreiben, ohne selber den Text einfügen zu müssen.

Somit sollte es leichter sein, bestimmte Texttellen, die unverständlich sind, zu zitieren.

Auch kann man in Kommentaren der anderen diese Zitatfunktion nutzen und auch dann wird die gewünschte Textstelle zitiert.

Diese Funktion habe ich bei Bueltge.de gefunden und hier in meinem Blog aktiviert.

Funktionsweise

Die Funktion lässt sich sehr leicht in das eigene Blog einfügen, nur 2 Javascripts einfügen und single.php erweitern. Den Quellcode findet man bei Github und wurde von Jim Jeffers erstellt.

Nach der einbindung der 2 Javascript Dateien (und natürlich jQuery) muss man nurnoch in der “single.php” die “post” Klasse um “quotable” erweitern:

<div <?php post_class('quotable'); ?> id="content">

Wenn ihr die Dateien downloaded findet ihr auch eine Demo dabei, die euch zeigt, wie man dies leicht einbinden kann. Es sollten keine Probleme dabei entstehen.

Ich danke Frank Bültge für den Tipp und Jim Jeffers für das Script!

Twitter ist einer der berühmtesten MicroBlogging Dienste. Und dazu passend einer der besten Clients Twhirl. Twhirl ist ein in Adobe Air geschriebenes Client, welches sehr leicht zu bedienen ist, die Vorraussetzung bei der installation ist aber auch, Adobe AIR installiert zu haben. Twhirl ist Kompaktibel mit Mac, Windows 2000, XP und Vista. Aber was nicht bei Twhirl steht: Man kann es auch auf Linux (z.B. Ubuntu) installieren.

Deshalb möchte ich euch hier beschreiben wie dass geht.

How-To: installiere Adobe Air auf Linux:

1. Downloade dir die aktuellste Version von Adobe AIR: 1.5.1 [AdobeAirInstaller @ Adobe.com], und speichere es im Desktop.

2. Starte das Terminal (Anwendungen / Zubehör / Terminal) und gib folgenden code ein, und klick nach jeder Zeile auf ENTER auf deiner Tastatur:

cd Desktop

chmod +x AdobeAIRInstaller.bin

sudo ./AdobeAIRInstaller.bin

und folge den Anweisungen beim Adobe AIR Installer.

Somit hast du Adobe AIR installiert.

How-To: installiere twhirl auf Linux:

Besuche Twhirl Download und klicke auf die aktuellste Version, danach auf öffnen mit, und Adobe AIR steht schon in der Liste, einfach auf “OK” klicken, und den Anweisungen folgen, innerhalb 1 Minute ist dann Twhirl installiert, und du kannst es unter Linux benutzen.

Screenshots:

1. Während dem Download von Twhirl:

(Bei Klick vergrößert sich das Bild)

2. Während der Installation von Twhirl:

(Bei Klick vergrößert sich das Bild)

So ich hoffe, ich konnte manchen helfen, denn genauso funktioniert es auch bei EEE Pc, sollte keine Probleme geben ;)

Ihr wisst bestimmt was ein Portfolio ist. Eine Seite, wo man seine Projekte und seine Programme Online stellt.

Wie erstellt man ein Portfolio Profesionell?

Es gibt jegliche Methoden, ein Portfolio kann man mit einem CMS wie Wordpress oder Joomla erstellen (so wie bei meinem Portfolio), man kann dies auch in Flash machen, welches noch einen Spezielleren Effekt gibt oder man erstellt es einfach in HTML und PHP bzw auch noch einpaar Effekte mit Flash/Java.

Ich habe mich für die ersten zwei Entschieden, bei meinem Flash Portfolio arbeite ich noch drann.

Die Hauptstruktur eines normalen Portfolios:

1: Contentbereich
2: Navigation
3: Logo + Hintergrund
4: Navigation

Ein sehr schönes Bespiel ist bei dem Portfolio von NDesign-Studio:

(Ndesign Studio Portfolio)

Was kommt in ein Online Portfolio?

Das ist etwas einfacher, denn hier muss man eigentlich nur seine Projekte Online stellen, also die Webseiten, Logos, und auch Programme eines Designers/Programmierers. Aber neben dem Portfolio kann man auch direkt ein Blog aktivieren, sodass man Parallel Bloggt und seine Projekte vorstellen kann.

Ein Beispiel dazu ist auch NDesign Studio: [Portfolio NDesign] [Blog NDesign]

Wie soll ich am besten anfangen?

Erstmal muss man sich überlegen, ob man ein CMS benutzen will, dies in HTML + Photoshop/GIMP machen möchte, oder einfach in Flash.

Als CMS würde ich Wordpress empfehlen, als HTML Editor den Kostenlosenlosen Syntax editor Notepad++ und als Design Programm die Kostenlose Photoshop alternative GIMP.

Portfolio mit Wordpress:
Nachdem man Wordpress installiert hat, sollte man sich ein passendes Design suchen, diese sind meist kostenlos, oder man kann sich selber eins Designen.

Kostenlose Wordpress Portfolio Themes:

1. Portfolio Press Theme:

[Demo] [Download + Source]

2. Sharpfolio Theme:

[Demo] [Download + Source]

3. WPEsp Theme:

[Demo] [Download + Source]

4. White/Black Canvas:

[Demo] [Source] (War mal Kostenlos)

Und mehrere Themes kann man bei Suchmaschinen mit solchen Suchbegriffen finden:

Wordpress Portfolio Theme, WP Portfolio Theme, Wordpress Themes, Portfolio Wordpress, …

Portfolio mit Photoshop:
Ich werde diese Woche dazu noch ein Video Tutorial erstellen, aber ich habe ein Super Tutorial gefunden, welches ihr mit GIMP und Photoshop nachmachen könnt [Zum Tutorial].

Portfolio mit Flash:

Da kann ich euch leider nicht viele Tipps geben, da man da ein eigenes Geschmack haben muss und rumexperimentieren muss, aber ich werde diese Woche auch ein Tutorial dazu aufnehmen :)

Portfolio Logo Design:

Hier Logo + Hintergrund meines Flash Portfolios:

Wie ich dies erstellt habe?

Dazu benutze ich die kosenlosen Brushes, ein sehr empfehlenswertes Pack ist der Splatter Brush Pack von ka05 [zum Brush pack].

Hier mein Video Tutorial dazu:

ENDE:

Ich hoffe, ich konnte euch behilflich sein, und hoffe, dass ihr auch einpaar neue Tricks dabei gelernt habt, und euch nicht langweilig war ;) Und jetzt, viel Spaß bei eurem eigenen Portfolio…