Two weeks back the idea of using Jekyll, a static site generator, to power this blog came back into my head after reading this article by Paul Stamatiou. I had experimented with it somewhen last year and liked it so far but then just forgot about it.

I like the idea that I have everything under control, that there is no database and I just serve static files. Plain and simple. No extra markup coming from a CMS or plugin. So the idea of switching to Jekyll began to take shape.

I wasn’t quite sure if it would be a good idea, so this past week I got up early everyday and started writing a new theme for Jekyll, which, shouldn’t I like my new “CMS”, would be easy to port over to WordPress. In the end that’s what I did. And here is why.

The basics of Jekyll are pretty simple, so after I had a baseline of what I wanted I started to read about how I could migrate all of my posts and metadata from WordPress to Jekyll. There are tons of articles, GitHub Gists and whatnot. But I had trouble making it work. But after hours of struggling and trying dozens of different techniques and scripts I finally had what I wanted. Dozens of markdown files with all the content. 2671 files to be exact. (I used Exitwp and did some cleaning up manually.)

Build Performance

But here lies the first problem. Performance. Building the static site takes relatively long with that amount of posts. And you have to go through that with every change you make on your site or when you write a new post – or when you preview a new post. While developing I only ever generated a handful of posts to speed up the process, but nevertheless, I could see that building performance is or would be a problem in the future. Static site generators might probably be better for smaller sites and blogs which don’t write a lot of posts. But I plan on keeping this blog for the coming years or maybe my whole life, who knows.

This is a good cue, because I have no idea what I want to do with this blog in the future. Maybe it stays small with just one author and not a lot of other features besides articles. But I don’t know, it could also be possible that one day I want to grow it into some kind of magazine or something. And what then? WordPress is capable of pulling that of, Jekyll or any other static site generator is probably not.

Writing and publishing

In the end the only thing that really matters is, are you writing blog posts or not. And to be honest, WordPress makes it pretty damn easy for anyone. You have internet and a browser? Fine, you can blog. You can even use an app on your phone or tablet to publish articles. It’s not that easy with Jekyll. You need a command line, you whole git repository, ruby and whatnot. So another plus for staying with my beloved WordPress. And with some easy tweaks you can write Markdown in WordPress, too. I use Markdown Extra Plugin.

Site Performance

One thing that’s bugging me since I think a lot more about performance is that WordPress can get a little cluttered, code wise. It’s easy to install plugins which inject stylesheets and scripts on every page resulting in extra requests even if you don’t need them. But you can make WordPress really slim if you want to. You can remove code from wp_head and you can edit plugins or simply deactivate a bunch that you just don’t need.
And to further boost the performance, you can even serve static html files with tools like Cachify. Or automatically generate and deliver webp images with Optimus. Both awesome plugins written by my friend Sergej.

So in the end I stayed with WordPress. It’s extremely flexible, future-proof and fast if you treat it the right way. And although  I’m by all means no PHP expert, I know how to customise WordPress and I like to build sites with it.

New Blog Design

The new design is a tad simpler than the old one, but I might be putting comments back in and link an archive page and something like that. Also visual tweaks will always happen on the fly. But for now I like it as it is. Clean and simple. If you like to see the source code. It’s on GitHub. Enjoy!

If you have any further questions or feedback, feel free to tweet my at @_martinwolf or send me an e-mail.

Cheers,
Martin

Robert Rawlins:

„Designing in the browser“ is a myth – there is no such thing. Nobody has ever done it, and nobody ever will.

As I’ve said.

MediaQueri.es:

A collection of inspirational websites using media queries and responsive web design. Curated by Eivind Uggedal

Wo wir gerade bei der Umsetzung von responsive Designs waren, hier eine Seite voller guter Beispiele. Danke Luise.

Und schon wieder sieht das hier alles anders aus. Wieso? Weil dieser riesige Text und die große Zeilenbreite des bis vor wenigen Minuten noch aktuellen Designs vielleicht doch etwas zu mutig waren. Aber probieren geht ja bekanntlich über studieren.

Ihr seht jetzt das neue Design. Es heißt bei mir im Backend „vG Farbe“ und gefällt mir gerade echt gut. Ich habe es heute morgen in Photoshop zusammen geklickt und dann im Laufe des Tages – unterbrochen von einer Runde Counterstrike gegen Marcel – umgesetzt.

Es war mal wieder einer dieser typischen Coding-Sonntage bei denen einfach alles flott von der Hand geht. Es ist wie auch der Vorgänger responsive und sollte auch bei kleinerem Browser sowie iPad und iPhone gut aussehen. Die Darstellung auf letzteren beiden werde ich gleich noch mal überprüfen. Also dann, fühlt euch wie zu Hause.

500px.com hat ein neues Design und auch eine neue Funktion, die sich „Flow“ nennt und offenbar recht präsent ist. Leider verstehe ich das noch nicht so ganz. Der Begriff taucht an zwei unterschiedlichen Stellen auf und erklärt wird es blöderweise auch nirgends so wirklich und einen Blogeintrag, der neue Funktionen und Design ankündigt, gibt es auch nicht.

Na immerhin ist es recht hübsch geworden, auch wenn mir hier und da die Einheitlichkeit fehlt und offenbar keine Sprites verwendet werden und dadurch einige Hoverstatus auf sich warten lassen.

Mir sieht das alles nach einem vielleicht aufgrund der Flickr-Ankündigung zu schnell veröffentlichten Update aus, das an der ein oder anderen Stelle nicht 100% zu Ende gedacht und/oder gemacht wurde.

Vlad Savov:

When you’re on the website, you need to open up your browser’s developer tools — Ctrl / Cmd + Shift + K in Firefox; Ctrl + Shift + J (Win) or Cmd + Alt + J (Mac) for Chrome — and punch in the following string of code: document.cookie=“VISITOR_INFO1_LIVE=ST1Ti53r4fU“;

Danach noch ein mal die Seite neu laden et voilà!

So wirklich richtig schön ist das aber immer noch nicht. Bin ich froh, dass ich einen Mac und Reeder habe.

John Gruber:

A teardrop iPhone, when held in landscape, would be thicker (and presumably heavier) on one side than the other. That seems wrong to me. Not shockingly wrong, but wrong nonetheless.

Dienstag ist es so weit und das neue iPhone/die neuen iPhones werden vorgestellt. John Gruber hat noch mal seine Gedanken zu den aktuellen Gerüchten niedergeschrieben und das klingt alles ziemlich klug und logisch.

Müsste ich eine Prognose abgeben, ich würde darauf tippen, dass es nur ein neues iPhone gibt. Es heißt iPhone 5 und sieht im Grunde aus wie das iPhone 4. Kleine Änderungen wegen der Antenne oder so vorbehalten. Außerdem hat es den A5 Chip des iPad2 und eine verbesserte Rückseitenkamera. Vielleicht dann mit der alten iPhone 4 Rückkamera auf der Vorderseite.

Einen wunderschönen guten Abend wünsche ich euch! Ich bin gerade ziemlich glücklich. Ich habe an diesem, mittlerweile fast vergangenen, Wochenende mal richtig Gas gegeben und visuelleGedanken.de umgebaut.

Ich habe versucht kein komplettes Redesign zu machen, sondern viel mehr ein „Realign“. Zum Einen gefällt mir der „Stil“ und zum Anderen ist ein komplettes Redesign auch oft heikel was euch, also die Besucher, angeht. Als Websitebesucher fühlt man sich ja auch irgendwie zu Hause und möchte nicht, dass einem einfach so das Zimmer umgeräumt wird. Dummes Sinnbild, egal.

Was ist neu?

Neu ist vor allem die Struktur. Ich habe ordentlich ausgemistet und auf das Wesentliche reduziert. Die Sidebar ist flöten und mit ihr auch einige „Features“, die ich als überflüssig angesehen habe.
Ihr habt vielleicht schon gemerkt, dass ich in letzter Zeit immer mal wieder einzelne Einträge ganz leicht anders habe aussehen lassen. Das war mir aber jetzt nicht mehr genug und das Theme war einfach nicht darauf ausgelegt. Das Neue ist es. Ich kann jeden Eintrag individuell gestalten, wenn mir danach ist, muss es aber nicht.
Es gibt auch eine neue „Art“ Einträge. Diese werden (immer) ein Zitat einer anderen Seite enthalten und eine kurze Stellungnahme meinerseits.
Ich poste gerne Zitate bei Twitter mit einem Link zum Artikel/Blogeintrag. Manchmal würde ich aber gerne noch ein paar Gedanken dazu loswerden. Dafür reichen aber dann die 140 Zeichen meist nicht aus. Ich denke, diese neue Eintragsart wird das lösen.

Schaut euch einfach mal um gebt mir gerne Bescheid, wenn ihr Bugs findet. Allerdings sage ich gleich, dass ich nur im aktuellsten Chrome/Safari und Firefox getestet habe.

Ein paar Einträge habe ich im Nachhinein mal angepasst, damit ihr eine Ahnung davon bekommt, wie das in nächster Zeit öfter aussehen wird:

• Felix Meyer fotografiert mit Olympus
• Momente
• Grundzufriedenheit

Ich freue mich darauf das neue visuelleGedanken.de zu benutzen und ich glaube es wird dem Ganzen noch mehr Leben geben.

Ein dickes Danke geht an den Mitbewohner-Marcel, der das „Art-Directed-Blogging“ hier in unsere Kreise gebracht hat. Und ja, die Blogs ähneln sich auf gewisse Weise, haben aber auch ihre Unterschiede und nein, ich werde dafür nicht von Marcel wie eine Sau durch’s Bloggerdorf getrieben. Danke. Amen.