Neues WordPress Theme – Operation am offenen Herzen

Mein Blog hier hat viel Staub angesammelt. Seit einigen Monaten verspüre ich aber wieder Lust, zu schreiben und dieses doch schon alte Projekt wieder zu beleben.

Alles neu macht der Februar?

Ich habe mir verschiedene Punkte vorgenommen:

  • Neues Design: in einer offenen Entwicklung für die Besucher sichtbar Schritt für Schritt entstehend. Mehr dazu später.
  • Neue Inhalte: sicher einmal im Monat.
  • Neue Sprache: ich werde den Blog neu zweisprachig aufbauen. Die neueren, technischen Artikel werde ich eher in Englisch schreiben. Andere vielleicht weiterhin auf Deutsch.

Nach einiger Überlegung bleibt aber WordPress als CMS erhalten. Klar hat es seine Nachteile – aber kaum ein Stück Software begleitet mich ähnlich lang. Und modern arbeiten kann man damit auch – aber dazu mehr später.

Offene Entwicklung des neuen WordPress Themes #opensurgery

Was soll das sein – offene Entwicklung?

In letzter Zeit haben mich Initiativen wie das Open Startup von Jon Yongfook sehr inspiriert. Wieso nicht die wahre Geschichte hinter einer Unternehmengsgründung mit all ihren Ups- und Downs zeigen und mit knallharten Zahlen belegen? Das finde ich unglaublich mutig!

Als ich an die Entwicklung meines nächsten WordPress Themes gedacht habe, ging mir der folgende Gedanken durch den Kopf: wieso nicht einfach wie beim Bau eines Hauses die Nachbarn und alle Interessierten rundherum am Prozess teilhaben lassen? Ich finde eine Baustelle auch mit 32 Jahren sehr faszinierend: wie es so grob entsteht und am Schluss in den feinen Details so fein zusammenpassen muss.

Also habe ich mich sehr spontan für einen ähnlichen Weg entschieden. Ich werde den neuen, „super-toat“ getauften, Theme in einem nutzbaren, aber sehr rohen Zustand aufschalten und dann in ein paar Schritten zum vollwertigen Theme weiterentwickeln – alles live mitverfolgbar hier auf dem Blog. Dabei werde ich laufend den Stand etwas dokumentieren in folgender Kategorie:

Ich freue mich, wenn ihr Teil der Reise seid!
Noch mehr freuen würde ich mich natürlich über jeden Kommentar dazu :-)

Alles neu auf Telltec – Redesign 2012

Hallo ihr lieben Leser! Ab heute präsentiert sich der Telltec Blog wieder in einem eigenen, massgeschneiderten Kleid. Alle RSS-Leser dürfen also die Seite auch wieder mal direkt anklicken :-)

Telltec 2012 toat auf PC und Mobile

Mit dem Redesign wollte ich wieder einen eigenen Look erhalten und folgende Punkte verändern / verbessern:

  • Zentriertes, anstelle von links ausgerichtetem Layout
  • Gute Bedien- und Lesbarkeit auf mobilen Geräten (Smartphones und Tablets)
  • Einfacher Aufbau, Schlicht gehaltenes Design, auf unnötigen Schnickschnack verzichten. Der Content soll bewusst im Vordergrund stehen – deshalb habe ich etwa auf eine klassische Sidebar verzichtet und die Themen unten angehängt.
  • Der Look sollte etwas technisch sein, ohne nur Nerds anzusprechen

Endlich endlich nach viel investierter Zeit und mehrmaligem Verwerfen der Entwürfe bin ich zu einem Resultat gelangt, dass mir wirklich gefällt. Ein paar Tage zuvor hatte ich das bereits fast abgeschlossene Design allerdings nochmals komplett verworfen und auf der grünen Wiese neu begonnen.

Ein paar Eindrücke aus dem Entstehungsprozess könnt ihr in diesem Video sehen:

Technisches

Die Seite läuft nach wie vor auf dem WordPress CMS in seiner aktuellen Version. Mein Theme habe ich auf dem Underscores Starter Theme aufgebaut, welches vom WordPress Hersteller Automattic selbst ins Leben gerufen wurde.
Die Arbeit damit war wunderbar: es bringt alle typischerweise benötigten Elemente eines WordPress   themes mit, allerdings (bis auf einen CSS Reset) komplett ohne Design.

Das Theme selbst habe ich toat (kurz für Template On A Train) getauft, weil ich mit der Programmierung auf einer Zugfahrt begonnen habe.
Es ist ein responsive Design, welches neben Media Queries für verschiedene Bildschirmgrössen auch ein paar spezielle Gestaltungen exklusiv für mobile Endgeräte mitbringt. Dazu gehört beispielsweise eine andere Hauptnavigation.

Die Schriftarten für die Headline und den Text selbst werden über Typekit eingebunden. Ich habe mich mit Share Tech für eine technisch aussehende Schriftart für den Header und Footer entschieden und für den Artikeltext eine schöne Serifenschrift namens Calluna ausgewählt.

Natürlich wird es über die nächsten Tage noch hier und da etwas nachzubessern geben, aber ich fühle mich schon ganz Wohl im neuen zuhause :-)

Feedback

Wer schon gar nicht mehr weiss, wie das Design zuvor ausgehen hat, kann hier nochmals einen Blick auf das alte Theme werfen:

Das alte Layout

Und wie gefällt euch die neue Seite so? Würde mich sehr über Feedbacks in den Kommentaren freuen!

And the winner is: MacBook Pro 15″ mit high-res Display

Noch bis gestern hatte ich mir Gedanken darüber gemacht, welches neue Apple Notebook ich mir denn kaufen soll. Als heute Morgen dann von der Versicherung das Geld für mein gestohlenes MacBook Pro auf dem Konto ankam, fuhr ich so schnell wie möglich zu Dataquest in Zürich.

Das neue alte MacBook Pro 15″

Entschieden habe ich mich für das neue MacBook Pro 15″ mit dem hochauflösendem, matten Display. Es hat eine Bildschirm-Auflösung von 1680x1050px und wurde von Dataquest gleich auf 8GB RAM aufgerüstet.

Ich habe mich aus folgenden Gründen dafür entschieden:

  • Mattes Display
  • Festplatte und RAM einfach selbst aufrüstbar
  • Preiswert

Ich bin sehr froh darüber, wieder ein eigenes Gerät mit all meinen Applikationen und Einstellungen zu haben – da ist man einfach wahnsinnig viel effizienter.

Jetzt wird aber erst mal alles wieder so eingerichtet, dass ich mich zuhause fühle :-)

Welches ist das Beste MacBook von Apple?

MacBook Pro mit Retina Display (Foto Quelle: Gadgetmac)

Vor etwas mehr wie einem Monat wurde mir mein Apple MacBook Pro 15″ gestohlen. Ich hatte es vor drei Jahren gekauft und täglich benutzt. Es war ein treuer Begleiter.

Nachdem Apple nun auf der diesjährigen Entwicklerkonferenz  WWDC das gesamte Notebook Lineup erneuert hat, ist der Weg frei für die Beschaffung eines neuen Arbeitstiers.

Modelle

Ich habe drei Optionen die für mich grundsätzlich in Frage kommen:

MacBook Pro 15″ mit Retina Display

Ausstattung: 2.6GHz i7, 16GB RAM, 512GB SSD, Retina Display
Preis: 3100 Fr. (2580 €), EDU Preis

Pro: toller Bildschirm (*), schnelle SSD, relativ leicht, HDMI Ausgang
Kontra: sehr teuer, wenig Speicherplatz, im Nachhinein kein Upgrade mehr möglich

MacBook Pro 15″ mit hochauflösendem Display

Ausstattung: 2.3GHz i7, 8GB RAM, 500GB HD, mattes Display mit 1680x1050px
Preis: 2150 Fr. (1790 €), EDU Preis

Pro: mehr (bezahlbarer) Speicherplatz, matter Bildschirm, DVD-Brenner, günstiger, Festplatte und RAM einfach aufrüstbar
Kontra:  schwerer, tiefere Auflösung, langsamere Festplatte, kein HDMI Ausgang

Refurbished MacBook Pro 17″

Ausstattung: 2.2GHz i7, 4GB RAM, 750GB HD, Display mit 1920x1200px
Preis:  2050 Fr. (1700 €), Refurbished Preis

Pro: toller, matter Bildschirm (*), mehr (bezahlbarer) Speicherplatz, DVD-Brenner, günstiger, Festplatte und RAM einfach aufrüstbar
Kontra: am schwersten und unportabelsten, langsamere Festplatte, kein USB3, kein HDMI Ausgang, abgelöste Generation

Welches ist das Beste?

Die Frage nach dem Besten lässt sich für mich gar nicht so leicht beantworten; jedes der Modelle hat seine Vor- und Nachteile.

Ich hatte mir immer ein Notebook mit einer hohen Bildschirm-Auflösung gewünscht, aber bei dem viel gelobten MacBook Pro mit Retina Display sehe ich (natürlich neben all seinen Vorzügen) gewisse Nachteile auf Grund der hohen Pixeldichte. So sehen etwa nicht dafür optimierte Software und Webseiten unschön aus darauf.
Dasselbe mit der SSD: obwohl die Geschwindigkeit natürlich sehr erfreulich ist, fehlt mir darauf einfach der Speicherplatz schon heute; wie sieht das dann erst in 3-4 Jahren aus?

Momentan bin ich immer noch unentschlossen, für welches der drei Modelle ich mich entscheiden soll. Sobald ich von der Versicherung aber mein Geld erhalten habe, werde ich zuschlagen und eines bestellen.

Welches Modell würdet ihr wählen?

WordPress auf 3.4 aktualisiert

Soeben habe ich WordPress ohne Probleme auf Version 3.4 „Green“  aktualisiert.

Ich habe vorher in meiner lokalen MAMP Testumgebung mein Theme mit dem „Theme Check“ Plugin auf mögliche Probleme untersucht und musste die neuen Funktionen für „Custom Header“ und „Custom Background“ einbauen – war aber eine kurze Sache. Der Update ist dann ohne Probleme durchgelaufen.

Neben der CMS-Erneuerung habe ich die Link und Status Format (so wie dieser hier) Posts farblich etwas deutlicher hervorgehoben. Zur Sicherung meiner Daten verwende ich neu das WordPress Plugin BackWPup und sichere meine Dateien und Datenbank automatisch in meine Dropbox.