Das Smashing Magazine veröffenlicht ausgezeichnete Artikel rund ums Webdesign. Gestern erschien dort der Beitrag Technical Web Typography: Guidelines and Techniques von Harry Roberts.

Neugierig habe ich mich auf dessen Homepage umgesehen. Und den für mich als Webmaster der Blue note BIG BAND hochinteressanten Text Coding up a semantic, lean timeline gefunden.

Sowas muss auf die Bandseite! Harry hat die Verwendung genehmigt, also steht dem nichts mehr im Wege. Here we go.

Nachtrag: nachdem ich mir den Wolf gesucht habe, wo ich Beispiele für »time« in HTML5 finde – das alles und noch viel mehr gibt es beim HTML5 Doctor.

Endlich bin ich dazu gekommen, die Chronik der Blue note Big Band weiterzuschreiben. Das Jahr 2009 wurden um Fotos ergänzt, die Seite für 2010 neu geschrieben.

Wobei die Texte hoffentlich bald noch ein bisschen ausführlicher werden. Früher habe ich regelmäßig Auftrittsberichte gebloggt, die ich mit kleinen Änderungen auf die Website übernehmen konnte. Das hatte ich die letzten Monate schleifen lassen – und das rächt sich jetzt.

Bei der Gelegenheit ein herzliches Dankeschön an Holger Knecht | Pfalzfotos.de, der die Band fleißig fotografierte und uns die Nutzung der Bilder erlaubt hat.

Wie bei jeder Umstellung funktioniert einiges noch nicht; sorry. Das ist in Arbeit.

Note to self: wenn die Artikelvorschau nicht mehr funktioniert, könnte man vergessen haben die preview_iframe.tpl zu überarbeiten.

Eine eindrucksvolle Sammlung von Weblogs (oder vielleicht sollte man es besser Webmagazin nennen?), die jeden Artikel mit individuellem Layout versehen: Unicqe Article Design bei Coldheat.

Sehenswert!

via praegnanz.de

Schon vor vielen Monaten hat Jason Santa Maria seine Website radikal verändert. Anstelle eines durchgängigen Layouts für alles hatte jeder Bereich plötzlich ein anderes Aussehen. Mittlerweile hat das jeder einzelne Blogartikel.

Am Anfang dachte ich noch »Hey, was für eine bescheuerte Idee!«. Das hat sich nach einiger Zeit geändert; und auch dieser Artikel »Stop designing Websites, start designing posters« hat mich ins Grübeln gebracht.

Die Seite der Big Band ist mir schon eine Weile zu langweilig, die repräsentiert optisch eher einen Haufen Beamter als ein Rudel, ähm, von Individualisten, das mit Begeisterung eine Musikrichtung pflegt, die ziemlich ausser Mode ist.

Ich hab mal versucht, erste Entwürfe zu basteln. Natürlich kann ich keine Saxophonistin auf die Eingangsseite nehmen, da meutern die Blechbläser. Das ist nur mal so eine Idee: ein Musiker oder eine Gruppe neben dem Text; vielleicht auch einfach nur Instrumente. Kann ja beim Workshop fotografieren, was noch fehlt.

Vielleicht hat ja einer der Mitleser eine Meinung zu alledem

Aktuelles Layout

Idee Homepage

Idee Terminplan

Ein Anliegen, das alle betrifft, die sich auch nur ein wenig mit Webdesign beschäftigen: Rettet den Internet Explorer Vers. 6.

Gründe gibt es viele:

• Proven technology. It’s been around since 2001.
• NO bugs.
• No unnecessary features that use up valuable screen space, such as tabs.
• Handles GIF transparency.
• First with AJAX technology (XMLHttpRequest, available since IE5).
• Renders all pages as they are supposed to look by the only standard that really matters.
• Consistent rendering of pages makes it the web designer’s best friend.
• The most aesthetically pleasing web browser logo.
• Highly secure (has received lots of security updates).
• Clear interface.

Danke für diesen wichtigen Link, Mark!

Seit ewigen Zeiten verwende ich bei meinem Firefox die Erweiterung Web Developer. Ein praktisches Werkzeug, das unter anderem Referer unterdrückt und Java, Javascript und Cookies abschalten kann. Dazu gibt es Messwerkzeuge, viele Infos und natürlich die Möglichkeit, Webseitenelemente hervorzuheben.

Am meisten nutze ich die Möglichkeit, CSS-Angaben zu verändern und die Ergebnisse zeitgleich angezeigt zu bekommen. Ist alles zur Zufriedenheit geändert, kann man die Datei bequem lokal speichern.

Neuerdings verwende ich auch Firebug. Ein feines Werkzeug!

Einmal installiert macht es sich in der rechten unteren Bildschirmecke bequem. Und bisher habe ich es immer angecklickt, um bei einer Webseite unter die Haube zu schauen und zu sehen, welche CSS-Eigenschaften für ein Element wirksam sind und wo sie gesetzt werden (natürlich kann das Tool viel mehr; siehe Homepage).

Es geht aber viel einfacher, wie mir Matthias gestern erklärt hat. Man fährt einfach mit der Maus an die Stelle der Webseite, über die man Infos haben will, klickt dann mit der rechten Maustaste das Kontextmenue auf und wählt »Element untersuchen«. Und schon liefert Firebug alles, was man über das CSS dieses Elements zu wissen gibt.

Nochmal vielen Dank, Matthias.

Nebenbei benutze ich das Blog auch als Denkzettel.

Wenn mal wieder alles schiefgeht und Firefox komplett neu zu installieren ist, hier die IMO absolut notwendigen Firefox-Add-ons:

• Web Developer Tool Bar
• Pearl Crescent Page Saver

Der Link, der über »Weitere Suchmaschinen hinzufügen …« geöffnet wird, lässt sich mittels »about:config« setzen. Dazu muss der Wert browser.search.searchEnginesURL in z. B. http://mycroft.mozdev.org/download.html geändert werden.

Fast vergessen: NoScript, gut für die Sicherheit, schlecht für die Webnutzung.

Liebe Webdesignerinnen, -designer und Hobbyisten (oder wie das geschreiben wird),

könnt ihr vielleicht endlich aufhören, die Schriften immer kleiner zu machen? Bei den vielen Browser- und Ausgabegerätevarianten kann man sowieso nicht einmal mehr erahnen, wie der Anwender den Text sieht.

Deshalb: lasst es doch bei 100 Prozent. Bitte.

Das Blog von Anke Gröner z. B. liefert keinen kompletten Feed, weshalb man die Artikel direkt im Blog lesen muss. Und dort ist die Schriftgröße seit dem Redesign auf 90 Prozent gesetzt. Das sieht unter Windows mit IE vermutlich schick aus. Unter Debian Linux mit Firefox ist es mir schlichtweg zu klein und macht keinen Spaß mehr zu lesen.

Vielleicht sollte man das Internetz jetzt doch abstellen und stattdessen wieder Gedrucktes lesen. Braucht keinen Strom, ist oft gut lesbar und man kann sogar noch seinen Abfall hineinwickeln oder vielleicht einen Kopfsalat.

Wer die Seite nicht kennt, hat etwas verpasst. Smashing Magazine bietet viele interessante Artikel, Tools und Grafiken für Webdesigner.

Sehr lesenswert.