Paul Ramirez

Erstaunlich was man mit einem scrollenden Hintergrund und einem festen Vordergrundbild alles anstellen kann. Längst bekannte Technik sehr eindrucksvoll genutzt. Auf der Seite einfach mal mit dem Mausrad runter scrollen…
Und zwar hier…

Scrumy.com

Extrem einfach zu nutzende “Scrum Wall”. Nützlich, egal ob man den nächsten Relaunch von Amazon.com plant oder nur mal eben eine ToDo Liste für das nächste Wochenende benötigt.
Hier geht es zu Scrumy

LittleSnapper

Schon viel von gehört, aber nie genutzt. Man ist ja irgend wie immer der Meinung man hätte bereits die besten Tools…und lässt sich dann eines besseren belehren.
LittleSnapper besuchen

Instant Chewbacca

Für alle Starwars Nerds und die, die es noch werden wollen unverzichtbar.
Instant Chewbacca

Typography’s not on the Web, it IS the Web

Interessanter Vortrag von Mark Boulton auf der FOWD in London 2009 zum Thema Typographie und Web.
Hier gehts zum Video

Fest vs. flexibel

Feste Breiten sind dabei wesentlich häufiger zu finden, da diese das pixelgenaue Designen und Gestalten erlauben. Die Seite sieht bei allen Besuchern gleich aus, unabhängig von der gewählten Monitorauflösung und Fenstergrösse. Flexible Layouts findet man daher häufig bei inhaltslastigen Seiten mit wenigen grafischen Elementen. Eben bei Internetseiten bei denen die optimale Platzausnutzung wichtiger ist als die konsistente Darstellung eines einheitlichen Designs. Gutes Beispiel hierfür ist www.amazon.de.
Aber gerade feste Layouts schränken die Webdesigner mehr und mehr ein. Die Verbreitung von großformatigen Bildschirmen nimmt zu und sogar Auflösungen von 2560×1600 Bildpunkten und mehr sind mitlerweile nicht mehr exotisch. Internetseiten mit festen Größen müssen sich aber an dem kleinsten gemeinsammen Nenner orientieren. Als Standard gilt hierfür mittlerweile eine Auflösung von 1024×768. Aber wenn man bei einer Breite noch eventuelle Scrollbalken und Browserrahmen abzieht, bleibt ein sicherer Wert von normalerweise 950px – 984px Breite für eine Internetseite übrig. Bei grossen Displays wirkt diese dann ganz schön verloren…

Hat man also nur die Wahl zwischen zwei Übeln?

Nein, sogenannte “semi- flexible” Layouts kommen immer mehr in Mode. Die Seite skaliert in ihrer Grösse mit, allerdings nur innerhalb eines festen Bereiches. Z.B. zwischen 780px – 1200px. Damit nutzt die Seite die volle Breite bei einer Auflösung von 1280×1024px (<- vermutlich der nächste Standard) aus, wird aber bei höheren Aulösungen nicht grösser. Bei kleineren Auflösungen verkleinert sich das Layout mit, so dass bei einer Auflösung von 800×600px keine Scrollbalken zu sehen sind.

Technisch läßt sich dies, zumindest in aktuellen Browsern, recht einfach umsetzen. Einem DIV Container muss per CSS nur eine maximale und eine minimale Weite zugeteilt werden. Hat man beispielsweise im HTML Code einen Container mit dem Klassen Namen “content” definiert und dazu folgende Klasse in der CSS Datei hinterlegt:

.content {
min-width: 780px;
max-width: 1200px;
background-color: red;
height: 200px;
}

bekommt man eine rote Box die bis zu einer Grösse von 1200px mit skaliert, aber nicht grösser wird und auf der anderen Seite bis zu 780px klein wird, aber eben nicht kleiner.
Hier das Live Beispiel

Und hier noch ein paar gute Beispiele aus dem “realen Leben”:
Made by Sofa
socialcast.com

Fazit

Zwar macht diese Technik etwas mehr Optimierungsaufwand nötig als bei nur einer festen Breite, schließlich muss man für 2-3 Auflösungen optimieren. Der Spielraum von einigen hundert Pixeln lässt aber noch genug Platz für die Gestaltung mit Bildern und Grafiken, ohne die konsistente Darstellung zu gefährden. Hinzu kommt, dass Nutzer mit einer höheren Auflösung einen tatsächlichen Mehrwert haben und Besucher mit einer niedriegeren Auflösungen nicht ausgeschlossen oder durch Scrollbalken “diskriminiert” werden.
Alles in allem zumindest eine Alternative die sich stärker am Nutzer orientiert und einen Kompromiss bietet, wenn das nächste Mal die Frage “fest oder flexibel” ansteht.

bkwld.com

Brilliancy.eu

buddycarrskateboards.com

chrisbarr.net

distrop.com

feedafever.com

gb-studio.tv

guzzle.it

hugeinc.com

madebysofa.com

mohawkpaperstore.com

nickfinck.com

raggededgedesign.com

supereightstudio.com

thisisjamhot.com

vlourenco.com

Update: Neue Telefeonnummer ist da. Zu erreichen bin ich ab jetzt unter +49 40 38632322

Endlich ist es soweit: Nach dem ich vor über drei Monaten meine geliebte Bürogemeinschaft in Ottensen verlassen habe, bin ich seit heute in meinem neuen Büro mitten in der Altstadt an der Elbe zu erreichen. Zwar wieder nur zur Untermiete bei einer Agentur, aber dieses Mal mit einem eigenen grossen Büroraum für mich alleine. Hinzu kommt das ich in 15 Minuten mit dem Fahrrad im Büro bin und nicht erst 45 Minuten mit Bus und Bahn unterwegs bin. Ein nicht zu unterschätzender Vorteil, besonders im Sommer. Meine neue Postadresse lautet ab jetzt:

Holger Könemann
c/o TalenRun GmbH
Steinhöft 5-7
20459 Hamburg

Achtung!: Telefonisch bin ich momentan schlecht zu erreichen. Leider sah sich mein neuer Telefonanbieter nicht in der Lage pünktlich den Anschluss zu schalten. Erst heute habe ich einen Brief bekommen, dass es noch bis zu 3 Wochen dauern könnte. Daher mir bitte unter der gewohnten Telefon Nummer auf den Anrufbeantworter sprechen, oder mir eine Mail schreiben. Sobald ich einen funktionierenden Telefonsnchluss habe werde ich meine Nummer hier gross und prägnant bekannt geben.

“Mit dem Webstandards-Magazin gibt es nun ein Magazin, das alle Themen aus dem Webworking-Bereich abdeckt: Gute Gestaltung, Usability, Accessibility, Programmierung, Projektleitung, Content Management, Web-Applikationen und vieles mehr.”

Einfach folgenden Code in der Sidebar des Themes (oder wo immer das Untermenü auftauchen soll…) einfügen:
<?php
if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0"); else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
if ($children) { ?>
<ul class="menu">
<?php echo $children; ?>
</ul>
<?php } ?>


Die vier grossen Open Source Content Management Systeme Drupal, eZ Publishing, Joomla und Typo3 haben, wie man schön hier lesen kann, eine Kooperation beschlossen. Das wurde zumindest auf der diesjährigen OSBC in San Francisco bekannt gegeben und zu diesem Zweck die Open CMS Alliance gegründet. Es geht dabei zwar nicht darum aus allen Systemen ein grosses zu machen, aber die einzelnen Systeme und ihre Basis anzupassen und gemeinsame Standards festzulegen, um es Nutzern, Entwicklern und Designern einfacher zu machen über den Tellerrand zu schauen und auch mit anderen Systemen arbeiten zu können.
Während Drupal eher in Richtung Community geht, Joomla eher für Portale geeignet ist, eZ Publishing den Bereich Enterprise und Medienportale abdeckt und Typo3 als eierlegende Wollmilchsau bekannt ist, scheint eine solche Kooperation mehr als sinnvoll zu sein. Die vier grossen können voneinander lernen und im Endeffekt profitieren alle davon, auch und gerade der Endnutzer. Was haltet ihr davon?