Chukki.de - Der Tumblr-Blog über Webdesign, Wordpress, Social Media, Cloud und Webentwicklung

Sie scheinen zurzeit der große Trend zu sein: floating Menüs - also Menüs oder Interface-Elemente, die mit den Interaktionen des Users "mitfliegen". So hat z.B. Google in GMail vor ein paar Tagen diese Funktion eingebaut und dadurch das Bearbeiten der Mails deutlich erleichtert. So wird interaktives Design geschaffen und mit einer leichten Funktion der Nutzwert von Applikationen enorm erhöht.

Weitere Einssatzzwecke dieser Funktion sind z.B. Social Media Buttons: Wer einen hohen Wert auf diese Buttons legt, könnte sie rein theoretisch mit dem Benutzer beim Lesen mitfliegen lassen - so dass der User jederzeit die Möglichkeit hat die Buttons während des Lesens aufzufinden und den Beitrag zu teilen.

Ich habe das floating Menü (oder auch floating DIV) gestern hier auf Chukki.de eingebaut, wenn der User nun nach unten Scrollt bleiben ihm trotzdem die wichtigsten Funktionen erhalten - das Menü, die Suche und die Social Media Links. Auf einer Seite wie Chukki.de nicht unbedingt wichtig für ein gutes User Interface, aber ein Beispiel dafür wie man mit jQuery den Nutzwert einer Seite doch sehr leicht erhöhen kann.

Oft kriege ich Mails in denen ich gefragt werde, bei welchem Webhoster ich bin oder welchen ich empfehlen könnte. Dadurch das ich ständig mit Kunden zusammenarbeite die Teilweise noch keinen Webspace besitzen, stoße ich immer wieder auf diese Frage. Jedes mal analysiere ich den Kunden und überlege mir welche Eckdaten der Kunde benötigt und welcher ein angemessener Preis ist, doch in den Grundzügen ist da eigentlich jeder Kunde gleich.

• Hohe Erreichbarkeit
• Möglichst performant (wichtig für SEO)
• Aktuelle PHP / MySQL Version
• Unterstützung von Apache Modulen & htaccess
• Ausreichend Speicher
• Ein guter Preis
• Guter Service
• Übersichtliche Administrationsoberfläche

Backuplösungen für Wordpress gibt es viele und viele davon funktionieren mit großer Sicherheit auch ziemlich gut, doch oft sind die Möglichkeiten des Backups dann doch relativ begrenzt. Entweder kann nur die Datenbank gesichert werden, aber nicht der Datenbestand oder man muss das Backup persönlich anschubsen, die Sicherungsdateien werden nur auf dem Server selbst abgelegt und maximal noch einmal per Mail versand.

Dieser Mailversand kann dann mit der Dauer und der Menge der Projekte doch gewaltig auf die Nerven gehen - wer möchte schon jeden Tag zig E-Mails mit dem Betreff "Wordpress Backup vom...." bekommen? Eine wunderbare Backup Lösung für Wordpress habe ich die letzte Woche gefunden: BackWPup.

Mit BackWPup ist es möglich das Dateien- und Datenbank-Backups zeitgesteuert an viele verschiedene Orte zu sichern, wie etwa in die eigene Dropbox (Wie bekomme ich mehr Dropbox speicherplatz?), zu Amazon S3 oder auf einem eigenen FTP Server - die Mail Funktion darf natürlich auch nicht fehlen, eben für die vollen Postfächer.

Gerade die Unterstützung für Dropbox ist ziemlich genial. So ist es möglich wenn man dezentralisiert im Team arbeitet jedem ein aktuelles Backup zur verfügung zu stellen. Sollte es zu einem Crash kommen ist jeder in der Lage den aktuellsten Stand aus der Cloud einzuspielen ohne vorher große Kommunikationswege gehen zu müssen.

Das Design der Facebok Fan-Box bzw. Like-Box ist sicherlich jedem bekannt. Es orientiert sich an dem Design von Facebook mit weiß und einigen blautönen. Dies hat einen hohen wiedererkennungswert zu folge, oftmals ist dies jedoch sehr unpassend bei vielen Designs. Auf dunklen Seiten ist dies z.B. total unpassend und zerschießt das komplette Design.

Das Design lässt sich eigentlich sehr leicht durch einen zusätzlichen Aufruf von ein paar CSS Klassen regeln, ist von Facebook selber jedoch schlecht bis garnicht dokumentiert.

Wichtig: Um das Design anzupassen muss das alte fb:fan anstatt des neuen fb:like-box benutzt werden, denn dort hat Facebook die Designanpassungen bisher nicht unterstützt. Die etwas ältere Facebook Lib wird geladen und mit der "profile_id" wird eure Fan-Site mitgegeben - diesem Code muss lediglich der Link zur CSS Datei hinzugefügt werden (css="fb.css?1"):

Seit der Wordpress Version 3.1 ist es möglich seinen Blog ein wenig Tumblr-Like zu gestalten... die Post Formats wurden eingeführt. Auf den ersten Blick keine große Neuerung, man gibt jedem Blogeintrag einfach einen bestimmten Typen und hinterlässt im Code eine Weiche wie es denn auszusehen hat wenn man dieses Format einsetzt.

In der neusten Version von Chukki.de, welche seit gestern online ist, habe ich nun auch erstmals darauf gesetzt um Gallerien und Twitter Status-Updates einzubinden. Das schöne daran ist die Tatsache das es nicht immer ein komplett neuer Blogbeitrag sein muss um die Seite am leben zu halten. Ein Statusupdate bei Twitter oder ein paar geschossene Fotos sind schneller mal angelegt als ein Tutorial über jQuery Funktionen o.ä.

Tumblr ist dafür gerade durch diese Funktion bekannt geworden zwischen den Post Types zu unterscheiden und hat sich auch deswegen von Wordpress.com immer stärker differenziert. Hier hat Wordpress nun endlich nachgezogen und ein schönes Stilmittel bereitgestellt. Einfach mal kurz einen Link Posten, den letzten Twitter Statusupdate, oder ein paar geschossene Hipstamatic Fotos - all dass ist nun ganz leicht einbindbar.