erfolgreich-bloggen.de » design

Transcending CSS

Ina Mertens — Mon, 24 Aug 2009 09:09:11 +0000

Heute möchte ich euch das Buch „Transcending CSS“ von Andy Clarke und Molly E. Holschlag vorstellen. Das Buch ist im Juli 2007 im Addison-Wesley Verlag erschienen und kostet 29,95 €.

Der Titel, die Aufmachung und das ungewöhnliche Format des Buches machten mich neugierig und ich wurde nicht enttäuscht. Dieses Buch animierte mich sofort zum Durchblättern. Es ist großzügig und ansprechend gestaltet. Doch es stehen nicht nur Bild und Text in einem guten Verhältnis zueinander, der Autor hat auch die goldene Mitte zwischen Programmierung und Design gewählt.

Das Buch gliedert sich in 4 Abschnitte:

1. Entdeckung
Hier bekommen wir eine Einführung in Transcendent CSS und erlernen den inhaltsbezogenen Umgang mit Markup
2. Designprozess
In diesem Teil geht es um den Designprozess in der Praxis. Der Autor erklärt die Arbeit mit interaktiven Prototypen.
3. Inspiration
Das die Programmierung nicht alles ist wird einem spätestens jetzt klar. Hier wird die Brücke zwischen klassischen Grafikdesign und Webdesign geschlagen. Andy Clarke veranschaulicht den Umgang mit Rasterlayouts und Kreativitätstechniken.
4. Transzendenz
Vorher beschriebenes wird hier anhand von Praxisbespielen zusammengeführt. Zu guter letzt wirft der Autor einen Blick in die Zukunft und motiviert die Leser es ihm gleich zu tun.

Andy Clarke hat einen angenehmen, lockeren Schreibstil und schafft es den Leser zu begleiten und zu begeistern. Er ist Designer und das ist in dem Buch durchgängig zu spüren. Viele Bilder, Screenshots und Infografiken lockern den technischen Inhalt auf und auch typografisch wird der Leser gekonnt durch den Inhalt geführt.

Das Buch richtet eher an Fortgeschrittene Webdesigner als an Anfänger, ich kann es jedoch auch diesen nur ans Herz legen, denn es macht Spaß zu sehen, wohin der Weg mit CSS führen kann. Insgesamt ein Plädoyer für unbegrenzte Kreativität im Gestalten von Webdesign.

Ein Buch das ich sehr gerne empfehle.

Google Syntax Highlighting

admin — Sun, 10 Aug 2008 19:26:36 +0000

Google Syntaxhighlighter

Skypen ist außerordentlich wichtig! Über Dieter Eickstädt bin ich endlich auf ein Plugin gestoßen, dass ich schon lange gesucht habe. Es ist ein PlugIn, um Code in einem Artikel hervorzuheben. Programmier nennen es auch Syntax-Highlighting. Dank Dieter habe ich das Plugin nungefunden, es ist der Syntax-Highlighter von Google. Für den Syntax Highlighter gibt es sogar ein WordPress-Plugin, welches Sie hier finden.

Dann nehme ich doch gleich mal die Gelegenheit beim Schopf, um das Plugin zu demonstieren, in dem ich ein wenig am Arthemia2-Code meckere!

Leider gibt es da ein Problem, mit der Anzahl der Posts pro Seite, in Verbindung mit dem Blättern über mehrere Seiten. Verändert man die Anzahl der Posts im WordPress-Backend (Dashboard) und stimmt diese Zahl nicht mit der hart codierten Zahl pro Posts im Code der Datei index.php, erhält man ein Error 404.

Den Originalcode:


  $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      query_posts("cat=-9,-15&paged=$page&posts_per_page=5");

Für “hart codierte” Parameter stehen für Programmier heutzutage eigentlich lebenslämglich auf dem Spiel, weshalb ich nicht verstehen kann das im Originalcode in Zeile 79 der Paramter posts_per_page=5 so geschrieben wurde.


  $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      $num_of_posts = get_option('posts_per_page');
      query_posts("cat=-9,-15&paged=$page&posts_per_page=$num_of_posts");

Deshalb habe ich in Zeile 80 eine Zeile eingefügt. Ich hole mir zunächst die im Backend eingetragene Anzahl der Posts pro Seite und schreibe den Wert in die Variable $num_of_posts die ich dann in Zeile 81 übergebe.

Mini-Statistiken für Leser

Andreas Mertens — Sat, 09 Aug 2008 11:56:07 +0000

Es gibt viele Möglichkeiten Statistiken über seinen Blog zu erheben, von Webalizer über Goggle-Analystics bis hin zu FireStats und zahlreichen anderen Anbietern.

Was aber, wenn man dem Leser des Blogs ein paar Informationen mitteilen möchte, wie zum Beispiel über die Top meistgelesenen 5 Artikel?

Hierzu eignet sich ideal das WordPress-Plugin von Lester ‘GaMerZ’ Chan. Es macht genau dies. Und wenn ihr ein Theme wie beispielsweise das Arthemia nutzt, dann benötigt ihr dieses Plugin sogar, um im Footer die meistgelsenen Artikel anzuzeigen.

WP-PostViews ist aktuell in der Version 1.31 verfügbar und man kann es unter lesterchan.net herunterlanden. Neben der reinen Funkionalität bringt das Plugin sogar noch ein Widget mit, was wir in der rechten Sidebar nutzen.

arthemia2-Theme fehlerhaft

Andreas Mertens — Sat, 09 Aug 2008 09:10:57 +0000

wie Ihr sicher schon mitbekommen habt, sind wir fleißig am ausprobieren von Themes. Man muss das Rad ja nicht neu erfinden. Folgende kostenlose Premium-Themes sind in die engere Auswahl für erfolgreich-bloggen.de gekommen:

Das arthemia2-Theme von Michael Jubel
und das WyntonMagazin-Theme in der Version 1.1

Beide Themes haben wirklich gute Features, sehen super aus, sind klar strukturiert und lassen sich relativ gut handhaben.

Trotz allem war die Auseinandersetzung mit den beiden Themes nicht einfach, der von Darren Hoyt mitgelieferte Image-Resizer (timthumb.php) für die Thumbnail-Bilder wollte einfach nicht funktionieren. Zuerst lag der Verdacht nahe, dass die GD-Library mit dem PHP5-Modul nicht einwandfrei funktionierte. Nach vielen Suchen haben wir das Problem schließlich eingezingelt. Die im arthemia2 mitgelieferte Version von timthumb.php ist einfach nur fehlerhaft. Die funktionierende Version kann man unter googlecode.com hier herunterladen.