pixelgraphix

ExpressionEngine: Argumente für Entscheider

2009-07-15T16:31:12+01: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+01: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+01: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+01: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+01: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+01: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+01: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+01: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+01: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+01: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+01: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+01: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+01: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+01: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!

5 SitePoint-E-Books für einen guten Zweck und nur $29.95!

2009-02-10T07:48:36+01:00

SitePoint hat eine Aktion zugunsten der Opfer der Australischen Buschfeuer-Katastrophe gestartet, die sich sehen lassen kann: Für drei Tage lang können fünf Bücher im PDF-Format für zusammen nur $29.95 bestellt werden.

»Goto Comment« für ExpressionEngine

2009-02-04T17:06:33+01:00

EE Insider stellt mit »Goto Comment« eine kleine Erweiterung für ExpressionEngine vor: Wenn nach dem Einbinden ein Kommentar abgegeben wird, sorgt die Erweiterung dafür, dass nach dem Absenden automatisch zur veröffentlichten Version dieses Kommentars gescrollt wird.

Update: Alternativ und mit gleichem Funktionsumfang bietet sich auch Scroll to new comment an. Der Vorteil hier: Es müssen keine Änderungen im Template vorgenommen werden.

»A Practical Guide to Designing for the Web« von Mark Boulton

2009-02-03T06:25:52+01:00

Vor fast schon Ewigkeiten hatte Mark Boulton sein Buch Five Simple Steps angekündigt. Nun endlich liegt es als »A Practical Guide to Designing for the Web« vor und kann als PDF käuflich erworben werden. Ich hatte leider noch keine Zeit, hineinzuschauen und verweise alle Interessierten deshalb an Jon Hicks. Jon hat bereits hineingeschaut:

For me, this book is the equivalent of ‘Zeldmans Orange book’, taking those bits and pieces I’ve learnt over the years and filling in the gaps, finally creating an overall understanding. However, it doesn’t just cover design theory, as practical business advice is given to complete the picture. Something that I’m sure all those people who ask me for recommendations will love.

Fontcase kennenlernen

2009-01-26T05:03:02+01:00

Philipp von gedingst.de hat »Fontcase«, eine neue Schriftverwaltung für Mac-Nutzer, getestet. Neben einer ausführlichen Rezension hält er auch ein Gewinnspiel für fünf Fontcase-Lizenzen parat, das bis zum 4. Februar läuft.

Update: Das Gewinnspiel wurde vorzeitig beendet.

Link zum angesprochenen Artikel: Fontcase kennenlernen

Stylesheets in Coda re-formatieren

2009-01-12T06:52:18+01:00

Webdesign am Mac: Ein schönes Feature des CSS-Editors CSSEdit ist die Option, die Deklarationen in einem Stylesheet (re-)formatieren zu lassen. Diese Option fehlte in Coda bisher komplett. Nun hat Jonathan Christoper das Plugin CSS Tools geschrieben, mit dem sich diese Lücke schliessen lässt. Auch die Komprimierung der Anweisungen ist möglich. Verwendet wird CSSTidy.

Ein jQuery Plug-In erstellen ...

2009-01-07T08:27:06+01:00

Daniel Mies beschreibt in seinem Beitrag exemplarisch, wie es geht.

Link zum angesprochenen Artikel: Ein jQuery Plug-In erstellen ...