Jan Eberl - Design

foreca.st

Jan — Tue, 26 Jul 2011 07:47:48 +0000

Ich habe heute eine Einladung zum Betatest von foreca.st bekommen. Danke hierfür an Hannes Trapp.

foreca.st ist eine Third-Party App für Foursquare. Mit foreca.st kann man seine Check-Ins voraussagen, und bekommt zur gegebenen Zeit Push-Meldungen, um direkt einzuchecken oder den Plan etwas hinauszuzögern.

Toll ist das zum Einen, weil Foursquare den ‘Followern’ immer nur erzählt, wo ich gerade bin, aber nicht, wo ich gerade hingehe. Das ist mit foreca.st nun anders. Musste ich mich früher immer noch gesondert verabreden, sehe ich nun, wer wohin geht, und wann er da zu sein gedenkt. Praktisch. Zum Anderen ist die Reminder-Funktion per Push-Notification natürlich besonders praktisch für die Punktegeilen Foursquare-Nutzer und ängstliche Mayors. So vergessen diese nie, irgendwo einzuchecken

Auf der technischen Seite gibt es momentan nicht viel zu meckern. Einerseits teste ich noch nicht so lange (irgendwann muss der Mensch ja mal arbeiten), und zum Zweiten ist die App durchaus sauber, und schon ziemlich fehlerfrei. Am meisten vermisst habe ich eine Deutsche Lokalisierung (Die Entfernungsangaben zu Venues sind in ft), aber das wird bestimmt noch.

Wie Eingangs erwähnt, befindet sich foreca.st derzeit im Beta-Stadium. Rein kommt man nur mit Einladung. Wer also die App testen möchte, der folge mir bei Foursquare, oder schreibe mir was bei Twitter unter @assiprinz.

TEDx RheinMain reloaded

Jan — Thu, 05 May 2011 11:39:37 +0000

TEDx RheinMain reloaded ist eine Retrospektive zur ersten TEDx-Veranstaltung in Frankfurt. Das key visual ist eine Kalligrafie des Schriftdesigners und -Künstlers Gottfried Pott. Die Kalligrafie besteht aus unterschiedlichen Schriftformen verschiedener Epochen, und lädt innerhalb des Schriftzugs in unterschiedliche Richtungen aus. Dies unterstreicht die Idee einer Retrospektive, die trotz ihrer Rückwärtsgewandtheit auch immer Impulse für die Zukunft gibt.

Erstellt wurde ein Einladungsschreiben zum Versand per Mail mit Faxantwortbogen, sowie eine limitiert gedruckte Postkarte in A6 auf gehämmertem Kunstdruckpapier, auf der die Kalligraphie im Vordergrund steht, sowie Teilnehmerausweise für die Veranstaltung. Des Weiteren wurde ein Webseitenlayout für die Ticketvergabe erstellt und umgesetzt.

Wireless Minds

Jan — Wed, 04 May 2011 13:41:32 +0000

Gestaltung eines Logos und eines Webauftritts für das Mobile Weblog wirelessminds. Das Design der Seite mit klar strukturierten, farbcodierten Themengebieten hilft dem Nutzer, sich zurechtzufinden, und die verschiedenen Artikel in ihren jeweiligen Kontext einzusortieren.

Wirelessminds ist ein Projekt mehrerer Entwickler im mobilen Sektor, die im Weblog Neuigkeiten, Gedanken und Reviews zu Entwicklungen im Segment mobiler Endgeräte zum Besten geben.

Das Projekt ist live hier anzusehen: wirelessminds.com

WordPress: Login URL anpassen

Jan — Fri, 18 Mar 2011 16:22:38 +0000

Bin ich der Einzige, der sich mit dem ständigen ‘wp-admin’ oder sonstwie die Finger wundtippt, und regelmäßig verbiegt? Wohl nicht. Jetzt gibt’s schnelle Hilfe dafür. Der Traum aller Semantikfans wird wahr: In WordPress einloggen mit einer selbstgewählten URL!

Dazu einfach folgendes Snippet in die .htaccess einfügen. Diese liegt für gewöhnlich im WordPress-Installationsordner. Backup nicht vergessen!

RewriteRule ^login$ http://janeberl.de/wp-login.php [NC,L]

Im momentanen Fall sähe dann die Adresse zum Anmelden aus wie im Bild oben. natürlich kann man in die RewriteRule auch andere Zeichenfolgen eintragen, wenn einem das Wort “Login” immer noch zu lang erscheint.

Noch ein kleiner Tipp für Transmit-User, die das noch nicht wissen: Die Datei .htaccess wird nur angezeigt, wenn man im Menü ‘view’ die Option ‘show invisible files’ aktiviert.

UXcamp Europe 2011 in Berlin

Jan — Thu, 10 Mar 2011 16:50:29 +0000

Am 11. und 12. Juni findet in Berlin das UXcamp statt. Ganz BarCamp-mäßig heißt es mal wieder: Kommt kostenlos, bringt Euch ein, seid kritisch, und schreibt drüber. Der Fokus der Veranstaltung liegt auf

Informationsarchitektur
Interaction Design
Usability Engineering
Visual Design
Prototype Engineering
UI Development

Heute um 15 Uhr wurden die Tickets freigeschaltet, wie zu erwarten sind die Teilnahmeplätze in null komma nix weg gewesen. Wer sein Glück trotzdem versuchen möchte, kann das auf der Website des UXcamps tun. Die ist mixxt-powered. Wer also schon bei mixxt angemeldet ist, kann bequem seinen regulären Login dafür verwenden.

Vielleicht sieht man sich in Berlin. Mehr zum UXcamp und Berichte über die Inhalte dann zu gegebener Zeit (im Juni) am bekannten Ort (hier).

WordPress Cheat Sheet

Jan — Tue, 08 Mar 2011 14:39:20 +0000

Es gibt einige nützliche Tools, Seiten, Foren und sonstige Hilfestellungen für WordPress dort draußen. Im Cheat Sheet gibt es eine Übersicht über die wichtigsten Dateien eines Themes, unverzichtbare Template Tags, sowie ein paar Tipps und Plugin-Empfehlungen für Durchstarter.
Ganz schnubbelig zum einfach Anschauen oder schwarzweiß Ausdrucken. Je nachdem. Geeignet für Anfänger, vergessliche Fortgeschrittene, oder Profis, die trotzdem spicken.

Das Archiv enthält sowohl eine Bildschirmversion in Farbe, als auch eine reduzierte Version in Graustufen zum tintensparenden Ausdrucken.

Download (ZIP, ca. 1,4 MB)

iPad App – Type Specimen

Jan — Sat, 26 Feb 2011 12:02:53 +0000

Die Suitcase Type Foundry bringt einen Fontviewer fürs iPad. Nette Sache, tolle Gestaltung. Mit einigen Sortierungs- und Suchmöglichkeiten genau das Richtige, wenn man mal wieder fonttechnisch keine Idee für das nächste Projekt hat.

Hier im Appstore erhältlich.

Jan — Thu, 24 Feb 2011 15:21:00 +0000

$stringWithUrl = "http://alexgorbatchev.com";
$stringWithOutUrl = 'hello world';

ob_start("parseOutputBuffer");      // Start Code Buffering
session_start();

function parseOutputBuffer($buf) {
    global $portal_small_code, $portal_gzcompress;
    global $PHP_SELF, $HTTP_ACCEPT_ENCODING;

    // cleaning out the code.
    if($portal_small_code && !$portal_gzcompress) {
        $buf = str_replace("    ", "", $buf);
        $buf = str_replace("n", "", $buf);
        $buf = str_replace(chr(13), "", $buf);
    }
}

WordPress 3.1 “Reinhardt”

Jan — Thu, 24 Feb 2011 11:38:14 +0000

Gestern haben die Jungs und Mädels von WordPress die Version 3.1 “Reinhardt” des wohl berühmtesten Blogsystems der Welt veröffentlicht. Der neue Release wartet mit einigen neuen Features auf, darunter ein überarbeiteter Linking-Workflow und eine Adminbar im Stil von WordPress.com, mit deren Hilfe man von überall auf der Seite Administrationsaufgaben erreichen kann.

Nach dem Break gibts die wichtigsten Neuerungen im Überblick.

Interne Verlinkungen

Ständig erzählen einem die SEO-Gurus das Landes, wie wichtig interne Crosslinks für die Suchmaschinenoptimierung sind. Früher musste man immer die Artikel einzeln raussuchen und von hand verlinken. Das fällt nun flach. Der neue Dialog zum Einfügen eines Links kommt nun relativ abgespeckt daher, und wurde um einen Bereich erweitert. Hier kann ich nach bereits veröffentlichten Artikeln suchen, und diese mit einem Klick bequem verlinken. Links zu setzen wird dadurch gefühlte 42 Millionen Mal schneller. Schön. Vorher war der Linkdialog relativ überfrachtet, mit Funktionen, die man ohnehin nur sehr selten wirklich brauchte. Thumbs up für crosslinking zwischen Posts und dieses SEO-Gedöns.

Admin bar

Wenn du eingeloggt bist, erscheint nun auf jeder Seite am oberen Rand des Fensters eine Leiste. Darin findet man Links zu häufig genutzten Funktionen im Backend, sowie eine schnelle Suche für Inhalte auf der Seite. Die Lieste gab es schon länger. Diejenigen, die einen fremdgehosteten Blog bei WordPress.com haben oder hatten, kommt die Leiste mit Sicherheit bekannt vor. Kleines Manko: Wenn man – wie ich – eine Art Navigationsleiste in der Seite integriert hat, wird diese von der Admin bar standardmäßig verdeckt. Glücklicherweise lässt sich die Leiste in den Benutzereinstellungen von WordPress deaktivieren.

Backend – Noch mehr Anpassungen

Auch unter der Haube hat sich einiges getan. Es wurden einige Verbesserungen am Backend vorgenommen. So ist beispielsweise die Artikelbibliothek komplett geAJAXed worden. Man kann nun hier nach Artikeln suchen, ohne dass sich die Seite neu aufbaut. Auch neu ist die Seitennavigation in den Bibliotheken. Hier kann man nun direkt auf eine beliebige Seite springen, indem man ihre Nummer eintippt.

Das blaue Admin Theme erfuhr eine Rundumerneuerung. Hier hat das UX Team von WordPress einen grandiosen Job gemacht.

Post-Formate

Im Krieg WordPress gegen Tumblr wird neues Öl in die Fritteuse gegossen. Post-Formate sind ein sehr eleganter Weg, Inhalte unterschiedlich und ein wenig dedizierter zu gestalten. Nun ist es ein leichtes, Chats, Videos, Artikel oder Bildbeiträge jeweils individuell zu gestalten. Einen tollen Artikel über Post types, formats und taxonomies gibt es hier bei Otto.

Mehr und besser: CMS-Funktionalitäten in WordPress 3.1

In WordPress 3.1 ist es einfach noch mal eine Spur einfacher und angenehmer, advanced taxonomies, Post-Formate oder Custom Field Queries zu verwenden. All das macht WordPress wieder ein bisschen besser als einfach zu bedienendes und dennoch mächtiges Content Management System. Matt Mullenweg hat es in seinem Release-Post relativ treffend ausgedrückt:

[...] new CMS capabilities like archive pages for custom content types, a new Network Admin, an overhaul of the import and export system, and the ability to perform advanced taxonomy and custom fields queries.

With the 3.1 release, WordPress is more of a CMS than ever before. The only limit to what you can build is your imagination.

Der Vollständigkeit halber:

Hier gehts zum Changelog

Site Launches

Jan — Tue, 14 Dec 2010 15:48:17 +0000

Du hast also gerade deine Webseite an die Öffentlichkeit gegeben? Dann musst du ja bloß noch ein bisschen Content produzieren und deine Follower vollspammen, damit aus dem Projekt auch was wird, oder? Naja, fast. Ein paar Dinge solltest du noch tun, wenn du wirklich erfolgreich mit deinem Projekt sein möchtest. Wenns geht, solltest du ein paar davon sogar schon vor dem Launch tun.

Erstell eine sitemap.xml und eine robots.txt Datei

Die beiden Dateien sind relativ wichtig für Suchmaschinen, und werden dir helfen, deine Seite zu verbessern.

Die sitemap.xml ist eine Standarddatei, die alle URLs deiner Webseite enthält. Vergleichbar mit einem Inhaltsverzeichnis gibt sie dem Googlebot, den wir alle so lieben, einen guten Überblick über die Aufteilung und Gesamtstruktur deiner Seite. Aha. und wie kommst du jetzt an dieses tolle Teil? Wenn du WordPress benutzt hast du Glück. Es gibt ein Plugin namens Google XML Sitemaps, das das alles für dich übernimmt. Installier und aktivier es. Fertig. Wenn du kein WordPress-User bist: Auch nicht schlimm. Geh einfach auf xml-sitemaps.com und lass dir die Datei generieren, indem du einfach deine Adresse eingibst.

Die robots.txt ist auch ziemlich super, um Suchmaschinenaktivitäten auf deiner Seite zu kontrollieren. Diese Datei enthält Informationen darüber, welche Teile deiner Webseite ein Suchmaschinencrawler besuchen soll und welche nicht.