Ubernaut + Redesign — Was gibt es Neues?

5 Monate ist es her, da habe ich hier den letzten Beitrag geschrieben.
5 Monate, wo vieles abseits vom Blog passiert ist. Dazu zählt die vertiefte Mitarbeit an WordPress 3.4 oder aber auch Privates, wie die Klausurphasen meines Studiums zum Medieninformatiker.

Während dieser Zeit habe ich doch recht viele Anfragen bekommen, wann und ob es hier überhaupt noch weitergeht.
Die Antwort: Ja, und genau jetzt!

Wie wird man Ubernaut?

Normale Provider für Webhosting geben seinen Kunden nicht immer einen vollwertigen SSH Zugang, so auch mein alter Provider.
Dies ist auch nicht so dramatisch, solange man nur ein paar PHP Dateien ausführen lassen möchte.
Möchte man aber mehr, braucht man eben mehr.

Nach diesem mehr habe ich gesucht und bin bei Uberspace fündig geworden.

Uberspace

Machen wir’s doch erstmal kurz: SSH. Perl. PHP. Python. Ruby. node.js. Erlang. Lua. Compiler. FastCGI. MySQL. CouchDB. MongoDB. Cronjobs. HTTPS. IMAP. SMTP. Webmail. qmail. vmailmgr. maildrop. Spam­Assassin. ezmlm-idx. DSPAM. ~/service. runwhen. Eigene Logs. Backups. Dazu noch massig Plattenplatz. Und das ist nur der Anfang.

https://uberspace.de/

Und das ist nicht nur das Einzige was Uberspace bietet. Hinzu kommt noch eine freie Preiswahl (Minimum 1€) sowie ein unkomplizierter Support durch erfahrene Linux-Admins.

Interesse geweckt? Dann teste doch auch mal einen Monat lang das Ubernaut-Sein.

Das Redesign

Nachdem für das Backend gesorgt war, sollten die zukünftigen Beiträge eine gute Grundlage haben. Ein Redesign stand an.
Die Eckdaten für das Redesign waren:

  • Interessante Typografie
  • Platz für Content, Konzentration auf den Content
  • Visuelle Unterstützung durch Grafiken
  • Fluides Raster
  • Unveränderte Performance
  • Farbliche Gestaltung am alten Design angelehnt (blau/weiß/grau)

Typografie

Abseits der gängigen Schriften wollte ich diesmal etwas Ausgefallenes. Dies ist dank Web Fonts heutzutage kein Problem mehr. Meine Wahl fiel dabei auf die Google Web Fonts. Schrift auswählen, CSS einbinden, fertig.

Die Auswahl ist groß groß und ich entschied mich für die Schriftart Bitter. Warum? Sie gefällt mir!

Webfont Bitter
Webfont Bitter

Aktuell sind auch sogenannte Icon Fonts im Kommen, siehe Icon Fonts are Awesome. An einigen Stellen hab ich deswegen Headlines mit kleinen Icons unterstützt.

wpGrafie Iconfont
wpGrafie Iconfont erstellt mit der IcoMoon App.

Raster

Da einer der Vorgaben das fluide Raster war, habe ich mich an Bootstrap, from Twitter bedient.
Bootstrap beinhaltet ein 12-Spalten Raster, welches auf Prozentwerte setzt.
Dadurch passt sich der Inhalt dieser Seite optimal an die Bildschirmgröße an und ein mobiles Theme ist nicht von Nöten. Probiert es mal aus.

wpGrafie Redesign Mockup
Grobe Aufteilung einer Artikelansicht. Sidebar auf Autoreninfo beschränkt.

Social Sharing

Social Sharing
Sharing Plugins der drei meist genutzten Netzwerken. Visuell aufbereitet.

Um das Teilen bzw. Empfehlen zu erleichtern, haben die Social Plugins für Twitter, Google+ und Facebook nun auch Platz am Ende eines jeden Beitrags gefunden. (Ja, die Diskussionen darum sind mir bekannt, mal sehen wie sie genutzt werden. ;)

Performance

Die Performance einer Webseite spielt für mich eine große, sehr große, Rolle. Niemand mag langsame Webseiten. Deswegen sollte trotz Redesign auch nichts an der alten Performance verloren gehen. Und ich mag behaupten, dass dies gelungen ist, trotz externer Skripte (Web Fonts, Social Plugins).

Dank guter Komprimierungen, optimale Cacheeinstellungen, sowie dem Plugin Cachfiy ist die Seite weiterhin einer der schnellen Seiten im WordPress Bereich.

Serverüberwachung
Ausgabe der Serverüberwachung durch wemonit.de

Was gibt es sonst noch Neues?

Ich habe diesmal bewusst auf eine Paginierung verzichtet. Aus der Vergangenheit konnte ich feststellen, dass die Paginierung relativ selten bis gar nicht genutzt wurde. Als Ersatz gibt es dafür das neue Archiv.

Außerdem wurde die Darstellung von Codeschnipsel überarbeitet. Weiterhin kommen hier die Github:gist API in Einsatz, und neu, durch Pygments aufbereitet. Beispiel gefällig?

Facebook Fanpage

Last, but not least…

wpGrafie Facebook
wpGrafie goes Facebook

So, und nun genug geschwärmt vom neuen Design. Ich hoffe es weiß zu gefallen, wenn’s was zu meckern gibt (oder auch nicht), dann schreibt doch einen netten Kommentar.

Bis zum nächsten Beitrag,
Gruß
Dominik

Projekt: WordPress Trac Activity [Beendet.]

WordPress Trac Activity Logo

WordPress Trac Activity ist ein neues Projekt, welches ich vor Kurzem gestartet habe. Mit Google+ Pages veröffentliche ich dort aktuelle Neuigkeiten aus dem WordPress Core Trac.

Die Google+ Seite heißt WordPress Trac Activity und kann von Google+ Nutzern gerne eingekreist werden. Danach bekommt ihr in eurem Stream direkt die neuesten Infos, die ihr vielleicht sonst nicht bekommen hättet.
Hier im Blog berichte ich meistens nur über fertige Features. In Google+ schreibe ich deshalb auch über den Stand von Features, die noch nicht komplett sind, oder aber auch später wieder entfernt werden.

Da nicht jeder einen Google+ Account besitzt und vielleicht nicht auf die Informationen verzichten möchte, kann auch gerne denn Feed abonnieren.

Ein Vorbeischauen lohnt also.

wpGrafie.de – jetzt gehts los

Grüß Gott! Da bin ich wieder!

Nach gut einem Jahr Abstinenz werde ich mich dem „Bloggeschäft“ wieder widmen.

Wer mich noch nicht kennt, meine Name ist Dominik Schilling, 21 Jahre alt.

Altes Blog unter ocean90.wphelper.de
Altes Blog unter ocean90.wphelper.de

Raider heißt jetzt Twix, … sonst ändert sich nix.

So oder so ähnlich würde ich die neue Ära beschreiben. Wie auch im alten Blog werde ich über die gute alte Blogsoftware WordPress schreiben.

Dazu gehören:

  • aktuelle Entwicklungen rund um WordPress bekannt geben
  • Diskussionen rund um zukünftige Versionen anstreben
  • auf verschiedene (neue) Features eingehen
  • Core Funktionen näher bringen
  • Pluginvorstellungen
  • und noch vieles mehr…

Wie man unschwer erkennen kann, fehlt es jetzt noch an dem Inhalt. Dieser wird aber natürlich die nächsten Tage, Wochen und Monate nachgereicht.

Ein paar Worte über das Theme

Das Theme ist eine Eigenproduktion und basiert auf HTML5 und CSS3. Es ist mit Media Queries ausgestattet um mobilen Lesern, sei es Smartphone oder Tablet, das Lesen der Beiträge so angenehm wie möglich zu machen.

Als kleiner Bastler kann ich aber jetzt schon sagen, dass sich das Layout hier und da bestimmt noch ändern wird.

Verbesserungsvorschläge oder Fehlermeldungen werden gerne entgegengenommen und dann von mir ausgewertet.

Für die Einleitung von wpGrafie.de sollte dies aber erstmal reichen, jetzt heißt es nur noch Feed abonnieren und auf weiteres gespannt sein.