pixelgraphix

Verlosung: Zwei Exemplare von »Modernes Webdesign« zu gewinnen!

2009-12-18T13:03:33+00:00

Da »Modernes Webdesign« nun nicht nur sofort verfügbar ist, sondern auch in Form von mehreren Belegexemplaren den Weg zu mir gefunden hat, möchte ich meine Freude mit den pixelgraphix-Lesern teilen und zwei Exemplare verlosen. Die Verlosung läuft bis zum 25. Dezember 2009. Danach werden die Gewinner unter den ernst gemeinten Kommentaren ermittelt und je ein Exemplar geht an einen Gewinner. Bitte deshalb in den Kommentaren eine gültige E-Mail-Adresse angeben!

Und natürlich habe ich auch eine Frage: Welche Website steuert ihr täglich zuerst an und warum?

Update 26.12.2009: Vielen Dank für die rege Teilnahme an der Verlosung! Gewonnen haben Kay von Dreger und Cristina Scheidegger. Herzlichen Glückwunsch!!! Ich melde mich per Mail bei Euch!

Und natürlich will ich die Frage auch selbst noch beantworten. Früher blickte ich zuerst in den Google Reader, heute ist es meist Twitter – wenn auch nicht im Browser – wo ich schnell einen Überblick über meine Favoriten-Liste bekomme.

Ich wünsche allen Lesern weiterhin eine schöne Weihnachtszeit und einen guten Rutsch ins Neue Jahr!

Modernes Webdesign - die zweite Auflage ist nun sofort lieferbar

2009-12-18T09:42:09+00:00

Die erste Auflage meines Buches »Modernes Webdesign« erschien im Februar 2008. Seitdem hat sich im Bereich Webwork viel verändert. Es wurde Zeit für ein Update des Buches. Deshalb habe ich es im letzten halben Jahr komplett überarbeitet. Jetzt, im Dezember 2009, erscheint die erweiterte und aktualisierte 2. Auflage. Beim Verlag ist sie schon verfügbar (i), Amazon (i) sollte nachziehen und die lokalen Buchhändler werden auch gerade beliefert. Neu hinzu gekommen ist ein stärkerer Fokus auf die Arbeit im und für das »neue Web«. Die Diskussion der Themen »mobiles Webdesign«, »CSS3« und »HTML5« erhielt stärkeres Gewicht. Die HTML- und CSS-Praxis wurde ebenfalls überarbeitet und erweitert und z.B. um Themen wie »Parallax-Scrolling« und »CSS-Sprites« ergänzt. Kurz um, momentan ist es wirklich aktuell :-). Der Verlag hält eine Leseprobe als PDF (15MB) bereit. Ebenso kann man dort im Buch blättern. Galileo bietet neuerdings auch eine Online-Ausgabe sowie ein Paket aus Buch plus Online-Ausgabe an.

Mein ganz besonderer Dank gilt meiner Familie, ohne die ich das Projekt nie hätte durchziehen können und Jens Grochtdreis, der wieder einmal viel mehr als »nur« Fachgutachter war.

Ich hoffe, das Update hat sich gelohnt und wünsche allen Lesern viel Spaß damit.

(i) Wenn das Buch über diese Links bestellt wird, erhalte ich eine Provisionsbeteiligung. Beim Kauf auf anderem Wege, erhalte ich diese Beteiligung nicht.

Gesammelte Design-Lösungen

2009-11-29T09:14:39+00:00

In seiner Flickr-Sammlung [Design Solutions] hortet der Screenshot-Abhängige Gustavo Pimenta Webdesign-Beispiele aller Art von 404 bis Vintage.

Link zum angesprochenen Artikel: Gesammelte Design-Lösungen

Es weihnachtet!

2009-11-28T11:17:50+00:00

Wie jedes Jahr wird es auch in diesem Jahr einen Adventskalender der Webkrauts geben. Jeden Tag wird ein Quickie mit Tipps und Tricks aus der Praxis veröffentlicht werden.

Wer selbst etwas Werbung für den Kalender machen möchte – und das kann nie schaden – findet hier passende Banner. Viel Spaß!

Die zweite Auflage rückt näher

2009-11-12T17:13:00+00:00

Gerade habe ich vom Verlag die erste Satzfahne für die zweite Auflage von Modernes Webdesign bekommen. Es sieht also für eine Veröffentlichung noch Ende dieses Jahres alles sehr gut aus. Über die inhaltlichen Änderungen werde ich in einem späteren Artikel berichten.

Link zum angesprochenen Artikel: Die zweite Auflage rückt näher

Update zum Umgang mit Skiplinks

2009-09-30T06:28:29+00:00

Roger Johansson spricht sich in “Skip links need to be at least temporarily visible“ dafür aus, Skiplinks zumindest temporär anzuzeigen.

Link zum angesprochenen Artikel: Update zum Umgang mit Skiplinks

ExpressionEngine: Argumente für Entscheider

2009-07-15T16:31:12+00:00

Ralph Segert liefert gute Argumente für den Einsatz von ExpressionEngine. Sein Text richtet sich dabei an Entscheider, die neue Projekte angehen wollen.

Link zum angesprochenen Artikel: ExpressionEngine: Argumente für Entscheider

Umfrage beendet - Vielen Dank!

2009-07-14T07:36:44+00:00

Ich möchte mich bei allen Teilnehmern an meiner Umfrage »Welche Werkzeuge verwendet ihr zur Web-Entwicklung?« noch einmal bedanken. Mit einer solchen Teilnahme hatte ich gar nicht gerechnet. Nun steht für die Auswertung eine Menge Arbeit an, aber ich denke, es wird sich v.a. für die Tipps im Buch wirklich lohnen. Natürlich werde ich die Ergebnisse hier ebenfalls in einem Artikel veröffentlichen.

Das Buch »Der erfolgreiche Webdesigner« von Nils Pooker geht an Andreas Dantz. Herzlichen Glückwunsch!

Welche Werkzeuge verwendet ihr zur Web-Entwicklung?

2009-07-03T05:42:33+00:00

Mein Buch »Modernes Webdesign« enthält ein Kapitel namens »Werkzeugkasten«. Darin werden Tools vorgestellt, die man zur Nutzung bei der Web-Entwicklung empfehlen kann. Nun überarbeite ich diese Abschnitte für die zweite Auflage des Buches. Da ich selbst mittlerweile nur noch am Mac entwickle, fehlt mir der Überblick über neue Tools im Windows- und Linux-Land. Und auch am Mac bin ich sicher bei der Auswahl der Werkzeuge eigen ;-).

Und deshalb bitte ich euch um Mithilfe. Es wäre toll, wenn ihr in den Kommentaren schreiben würdet, welche Tools ihr wirklich nutzt und empfehlen könnt, wenn es um Webdesign und Web-Entwicklung geht.

Ich binde bewusst kein Umfrage-Tool ein, denn ich will die Auswahl nicht beschränken.

Als kleinen Anreiz wird unter allen (sinnvollen) Kommentaren das hervorragende Buch »Der erfolgreiche Webdesigner« von Nils Pooker verlost. In diesem Buch führt Nils den Leser von der Kundengewinnung über die Projektplanung hin zur Umsetzung. Die Verlosung läuft bis zum 13. Juli, 20 Uhr.

Vielen Dank an alle, die mitmachen werden!

Icons for Interaction

2009-06-30T12:09:17+00:00

Mr. Icon, alias Jon Hicks, stellt seine für den Vortrag »Icons for Interaction (not just decoration)« auf der @media 2009 verwendeten Slides als PDF ins Netz. Sehr sehenswert auch ohne Vortrag.

Link zum angesprochenen Artikel: Icons for Interaction

Deutschsprachige Twitter-Einführungen

2009-06-23T17:52:39+00:00

Gestern fragte ich über Twitter nach empfehlenswerten Einführungen in den Umgang mit Twitter. Diese wollte ich einem Freund zukommen lassen. Ich habe gute Tipps bekommen, die ich hier schnell weitergeben möchte:

»Falls Sie bei Twitter nicht weiter wissen: Twitterwissen, das Ihnen Flügel macht!« ein PDF von profinetworking.com
»Twitter How-To – Eine Einführung in Twitter« von Ralph Hutter a la Pixelfreund bei Slideshare
Das »Starterkit«von Karsten Sauer
»Der ultimative Newbie-Guide zur Twitter-Kompetenz« von Heide Liebmann
»It´s Twittertime – how to use Twitter!? Wie funktioniert Twitter?« im Euroweb Blog
und auf Englisch »A Guide To Twitter: What It Is, How To Use It And Twitter Tools« bei Lost Art Of Blogging

Vielen Dank noch einmal an die Tippgeber!

Fever: Feeds mit Temperatur

2009-06-17T15:47:16+00:00

Shaun Inman holt nach Mint nun mit Fever zum nächsten großen Schlag aus. Fever ist ein RSS-Reader, der auf dem eigenen Web-Space installiert werden kann. Er richtet sich besonders an Leute, die ihre Feeds nicht alle halbe Stunde checken können oder wollen. Dazu bietet Fever in »Hot« interessante und viel diskutierte Artikel anhand der Temperaturskala übersichtlich sortiert an. Gezeigt wird dabei jeweils der meist diskutierte Artikel und kleiner darunter die Meinungen dazu. Diese zieht Fever aus den abonnierten Feeds, die man »hübsch verstecken« kann, wenn man mag. »Kindling« beinhaltet die Feeds, die einem wirklich wichtig sind, in »Sparks« werden die abgelegt, die nur dann eine Rolle spielen werden, wenn ihre Artikel auch von anderen diskutiert bzw. verlinkt werden.

Diese Automatisierung der »heißen Feeds« kann man praktischerweise über verschiedene Zeiträume abrufen, also z.B. die heute sehr begehrten Artikel oder die der letzten Woche, beginnend mit vorgestern.

Ansonsten bietet Fever wie alle anderen Reader die Sortierung in Gruppen, eine Suche, Tastaturnavigation, das Speichern interessanter Artikel sowie Import & Export. Mein Import aus dem Google-Reader klappte problemlos. Sehr praktisch ist es auch, dass man pro Gruppe oder pro Feed einstellen kann, ob nur ein Exzerpt oder der volle Text gezeigt werden soll.

iPhone- und iPod-Touch-Nutzer können sich über eine speziell optimierte sehr ansprechende Oberfläche freuen.

Fever kostet $30 und man kann es nicht vorher ausprobieren. Allerdings steht eine sehr gute Einführung per Screencast bereit.

Webstandards-Magazin-Abo: Die Gewinner stehen fest

2009-06-08T05:42:59+00:00

Vielen Dank für die rege Beteiligung am Gewinnspiel und die zum Teil spannenden Tipps in den Kommentaren. Die Gewinner der drei Abos stehen nun fest:

Herzlichen Glückwunsch! Ihr bekommt eine Mail von mir.

Drei Abos warten: Das Webstandards-Magazin geht in die zweite Runde!

2009-05-19T08:46:54+00:00

Am 26. Juni 2009 ist es wieder soweit: Das Webstandards-Magazin kommt zum zweiten Mal in den Handel. Schwerpunkt diesmal: »Web-Anwendungen«. Das kommende Heft wird wieder interessante Artikel und Themen bieten. Hier ein kurzer Auszug aus der Themenliste (ich durfte exklusiv beim Magazin »spicken« :-):

»RIAs bestimmen das Verhältnis von Kreation und Technik neu« von Reto M. Kiefer
»Webapplikationen: Interface und Usability« von Nicolai Schwarz
»Best Practice Beispiel Silverlight« von Axel Quack
»Interaction Design Patterns« von Markus Drews
»VMWare, Parallels & Co: Ein Muss für Webentwickler?« von David Maciejewski
»Google Maps API für Routenplanung nutzen: Ein Tutorial mit Code« von Christina Rankers
»Ineffizienter jQuery-Code« von Alexander Farkas

Mit dabei ist auch ein Artikel von mir zum »Making of« des Webkrauts-Logos. Außerdem habe ich drei(!) Abos zur Verlosung bekommen, die schon ab Ausgabe 1 gelten.

Was müsst Ihr machen um an der Verlosung teilzunehmen? Schreibt eine Kommentar zum Thema: »Meine aktuelle Lieblings-Site ist …«. Ich bin gespannt.

Unter allen ernstzunehmenden Kommentaren werden die Gewinner am 07. Juni 2009 nach 18 Uhr gezogen. Viel Glück und natürlich vielen Dank an Ansgar und das Webstandards-Magazin!

Der goldene Schnitt im Webdesign

2009-05-06T06:22:52+00:00

In »What’s Golden« diskutiert Jason Santa Maria die Drittelregel und ihren Anwendbarkeit heute.

Link zum angesprochenen Artikel: Der goldene Schnitt im Webdesign

XHTML gegen HTML

2009-04-27T08:00:06+00:00

Aktuell wird in der Entwickler-(Twitter)-Welt die XHTML-gegen-HTML-Debatte mehr oder weniger heiß geführt. Eric Eggert fasst die wichtigsten Argumente in »Aufs falsche Pferd gesetzt« knapp zusammen und kommt zu dem Fazit:

Letztlich ist es eine Stilfrage, was man schreibt, schließlich sind XHTML1 und HTML4 aus Spezifikationssicht deckungsgleich.

Weiter geht’s bei Eric.

I find it quicker […] to tweak font settings in code than to laboriously render pages in Photoshop

2009-04-23T05:32:30+00:00

Jeffrey Zeldman ist gerade dabei seine Site neu zu gestalten. Soweit, so gut. In einem kleinen Posting dazu spricht er mir quasi aus der Seele:

I designed the grid in my head, verified it on sketch paper, and laid out the footer bits in Photoshop just to make sure they fit and looked right. Essentially, though, this is a design process that takes place outside Photoshop. That is, it starts in my head, gets interpreted via CSS, viewed in a browser, and tweaked.
Do not interpret this as me dumping on Photoshop. I love Photoshop and could not live or work without it. But especially for a simple site focused on reading, I find it quicker and easier to tweak font settings in code than to laboriously render pages in Photoshop.

Es lässt sich so viel Zeit und Energie beim Gestalten sparen, wenn nicht jeder Pixel in Photoshop vorgeplant werden muss!

Webdesigner haben es schwer!

2009-03-27T07:07:55+00:00

Ich bin ein Verfechter, daß gutes Webdesign ein Handwerk ist. Es muss auch zu einem gewissen Grad eine Berufung vorhanden sein. Denn alles ist nicht erlernbar. Zu einer ansprechenden Webseite gehört nämlich auch eine Portion guter Geschmack, Fingerspitzengefühl und vor allem Erfahrung. (Jürgen Liechtenecker)

Link zum angesprochenen Artikel: Webdesigner haben es schwer!

Was Sie über CSS-Frameworks wissen sollten ...

2009-03-24T06:40:41+00:00

Fassen Dirk Jesse und Nils Pooker im gleichnamigen Essay zusammen.

Link zum angesprochenen Artikel: Was Sie über CSS-Frameworks wissen sollten ...

Wordpress mit Readernaut verheiraten

2009-02-18T14:02:23+00:00

Readernaut ist eine phantastische Site für Menschen, die Bücher lesen. Sie können dort ihre Bücher virtuell ablegen, sich Notizen machen, die Notizen anderer zu diesen Büchern lesen, diskutieren und nicht zuletzt den eigenen Lesefortschritt festhalten. Readernaut befindet sich in der Beta-Phase und – soweit ich es feststellen konnte – gibt es noch kein Plugin um des Bloggers Liebling WordPress mit den eigenen Büchern aus Readernaut heraus zu befüttern. Das ist auch gar nicht notwendig, denn man kann sich leicht mit SimplePie helfen, indem man die Feeds von Readernaut verarbeiten lässt.

Wer also Wordpress und Readernaut zusammenbringen möchte, kann das wie folgt machen. Aussehen wird es dann in etwas so wie in meiner Bücherkiste auf surfgarden.

Zu allererst müssen bei funktionierendem Wordpress-Blog SimplePie Core und das SimplePie Plugin for WordPress installiert und aktiviert werden. Als Standard-Template für das SimplePie-Plugin z.B. »Blog-Style« auswählen. Das SimplePie Plugin für WordPress bringt einige Vorlagen im Ordner …/plugins/simplepie-plugin-for-wordpress/templates mit, die beim Erstellen eigener Templates helfen.Wer beispielsweise die aktuell gelesenen Bücher aus Readernaut in Wordpress einbinden möchte, findet sie im Feed http://readernaut.com/feeds/rss/mein_username/books/reading.

Um zunächst festzulegen, wie SimplePie die Daten ausgeben soll, kann man ein neues Template in …/plugins/simplepie-plugin-for-wordpress/templates erstellen. Ich nenne es »readernaut.tmpl«. Der Inhalt sieht wie folgt aus:

{IF_ERROR_BEGIN}<p class="error">{ERROR_MESSAGE}</p>{IF_ERROR_END}
<ul>
{ITEM_LOOP_BEGIN}
<li><div class="cover"><a href="{ITEM_PERMALINK}" title="{ITEM_TITLE}">{ITEM_CONTENT}</a></div>
<a href="{ITEM_PERMALINK}" title="{ITEM_TITLE}">{ITEM_TITLE}</a></p></li>
{ITEM_LOOP_END}
</ul>

Alle Bücher werden in eine Liste geschrieben, Cover und Titel des Buches werden ausgegeben und entsprechend verlinkt.

Um dieses Feed über SimplePie in Wordpress auswerten zu lassen, kann man einen Schnipsel wie folgt verwenden:

<?php
echo SimplePieWP('http://readernaut.com/feeds/rss/mein_username/books/reading', array(
'items' => 15,
'cache_duration' => 3600,
'template' => 'readernaut'
));
?>

Dieses Schnipselchen kann in einen Artikel, eine Seite oder ein Wordpress-Template an beliebiger Stelle eingefügt werden. Wichtig ist, dass der Name in »template« dem des entsprechenden Templates in der SimplePie-Directory entspricht. Eventuelle Leerzeichen werden dabei durch Unterstriche ersetzt.

Und das war es schon. Ruft man nun die entsprechende Seite auf, werden die aktuell gelesenen Bücher in Wordpress dargestellt.

Im Beispiel unter Bücherkiste auf surfgarden verwende ich die folgenden Schnipsel in einer Seite untereinander:

<?php
echo SimplePieWP('http://readernaut.com/feeds/rss/mein_username/books/reading', array( 'items' => 15, 'cache_duration' => 3600,
));
?>

<?php
echo SimplePieWP('http://readernaut.com/feeds/rss/mein_username/notes/', array(
'items' => 15,
'cache_duration' => 3600,
'template' => 'readernaut_notes'
));
?>

<?php
echo SimplePieWP('http://readernaut.com/feeds/rss/mein_username/books/', array(
'items' => 25,
'cache_duration' => 3600,
));
?>

Weiterführende Links

Vielen Dank an Stefan für den Wink in die Richtige Richtung!