pseudopost.org

I really don’t want to be a killjoy, but the current state of spreadopenid.org is not appealing at all. I appreciate its effort and I know this is work in progress. So I won’t complain about the difficult stuff like making the provider matrix more usable. I’m sure you guys are working hard on this.

Instead I chose some points that may not be too obvious to you developers ;) Here are my suggestions:

1. Make it Readable!

Shortly after launch I sent a message to the authors via Twitter, so maybe it’s gone lost. For the record, here is it again:

The font-size in the main column is much to small for the column’s width. Enlarge it and/or make the column narrower!

Additionally adjust paragraph indents, margins, paddings, image alignments, link colors etc.

2. Get a Design and Do Graphics!

I’ll be so blunt and allege that for most people an “appealing website” means graphics. So, please, do graphics! Use images, charts and other visualizations wherever it supports you to make your point clear.

Good recent examples from “our” area of interest:

[Update: Added the first two to the list. Thanks to RWW.]

• openid.net — even they get it right. If the license allows it, steal it from there!
• id7.com — a provider that makes its use case clear in one sentence
• apml.org
• dataportability.org
• microformats.org

Note that most of these sites are developer targeted, i.e. for an audience that’s usually fine with long text-only specs. Yet, they offer me a quick overview what their respective objective is. Normal, non-techy users, will request that even more.

3. Drop the Planet OpenID sidebar!

Most non-geeks aren’t familiar with the Planet aggregator and will assume that this is editorial content. But it’s not and most articles appearing there will not be useful for them.

Hope this helps someone.

Thinking about whether OpenID is capable of true single-sign-on I came to the conclusion that it’s probably not designed for this, but that browser integration could provide an almost similar experience if there was a standard for this. So here’s my question.

(Note that I know of Verisign’s Seatbelt and Sxipper. But both do not offer what I request here, AFAIK.)

Dear lazyweb,

is there a project or standard proposition that aims to (or even an implementation that already does) enable OpenID browser integration in the following way?

1. let the user create a whitelist à la “always use xyz.myopenid.com for foobarsite.com”
2. let the browser use this whitelist to send a standardized cookie or HTTP-header to the relying party site on each request (or only when no standardized and valid session cookie exists)
3. on receiving such an request, the RP should automagically start the authentication process — and finish it transparently for me if I’m logged into my OpenID provider

This would be a huge step forward, I think.

Die aktuellen Nightlies des Firefoxes unterstützen jetzt offiziell die CSS3-Eigenschaft opacity [Bug 93156], mit der man Elementen Transparenz zuweisen kann. Ein kurzer Test des anderen Major-Browsers (Opera) fiel leider negativ aus.

Things to discuss:
I thought FireBird was W3C standards compliant???

Things to learn:
The Extensible Stylesheet Language Family (XSL)

and things to start with:
XML-Programmierung — XSLT-Tutorial

Was man damit und ein paar frischen Stylesheets machen kann zeigt eindrucksvoll lockergnome.com nach seinen Relaunch. Weniger eindrucksvoll versucht sich pseudopost.org seit heute an den strengen Regeln.

jedenfalls für den Reifeprozess einer W3C Specification ist die Cascading Style Sheets, level 2 revision 1.

Meine Lieblingserweiterung bis jetzt steht in den Conformance-Anforderungen an User Agents (also Browser):

If the source document comes with alternate style sheet sets (such as with the “alternate” keyword in HTML 4.0 [HTML40]), the UA must allow the user to select which style sheet set the UA should apply.

Dreimal dürft Ihr raten, wer das jetzt schon hat.
Einmal dürft Ihr umsteigen.

The Amazing Rotation Box und wie man sowas macht.

na gut, fast die halbe welt schläft! man muss hier fairer weise erwähnen, dass unser guru den weg des lebens unaufhaltsam gen himmel schreitet und heute in ein weiteres jahr des ruhmes und der ehre eintaucht. wir verneigen unser haupt vor eurem antlitz…(reicht das?, meine kontonr. hast du…)
jetzt aber zu etwas vollig anderem: folgenden text habe ich im Tagesspiegel am 25.07.03 gefunden:

Wie sieht ein “barrierefreies” Internet aus?
Zehn regeln für eine bessere Gestaltung von webseiten

1.) bilder und grafiken (beispielsweise zur navigation durch die seite) mit einem erklärenden Text versehen. dieser sogenannte Alternativtext wird sichtbar, wenn man die maus auf dem objekt kurz stehen lässt, und dann elktronisch vorgelesen werden.

2.) alle links passend bezeichnen (beispielsweise “zur hauptseite”). wenn Blinde nur “mehr” oder “hier klicken” hören, können sie nicht wissen, wofür der link steht.

3.) Hinweise wie “klicken sie auf den roten button” in jedem fall umschreiben. sonst kann kein farbenblinder den button finden.

4.) INternet-seiten kontrastreich aufbauen. ein hellblauer link auf grauem hintergrund wird von sehschwachen menschen nur schlecht wahrgenommen.

5.) in eifachen und klaren sätzen schreiben. geistig behinderte und menschen mit lese-rechtschreib-schwäche haben oft probleme mit einer komplizierten sprache. auch viele gehörlose, die sonst mit gebärden kommunizieren, können schwierege texte nicht verstehen.

6.) die schriftgröße nicht festlegen. sehbehinderte und alte menschen können webseiten oft nur lesen, wenn sie die schrift vergrößert haben, und das geht nur bei variablen schriftgrößen.

7.) es muss möglich sein, die webseite ausschließlich mit einer tastatur zu bedienen. denn nicht alle blinde und motorisch behinderte können eine maus benutzen.

8.) flah- oder andere multimedia-elemente am besten vermeiden. diese formate sind nur schwer behindertengerecht zu programmieren.

9.) pop-up-fenster weglassen: die werbefenster sind für blinde noch nerviger als für sehende.

10.) internet-verweise mit abstand platzieren. dann können auch motorisch behinderte mit einer speziell für sie entwickelten riesen-maus den link treffen.

jedes weitere komentar ist hier fehl am platze, ausser vielleicht noch das es der tagesspiegel war, der so etwas abgedruckt hat.

werden hier direkt als Copy/Paste-Vorlage geliefert. Und (zu größter Verwunderung) angeblich sogar Netscape 4.x kompatibel; aber so zugemüllt ist mein Rechner dann doch nicht, als dass ich das hätte überprüfen können.

Look Ma, No Tables - CSS Techniken und Basics, darunter verschiedene tabellenfreie Spaltenlaylouts zum Klauen.

Noch was:

CSS Panic Guide
Styleguide der N.Y. Public Library

Ein nettes Gimmick ist das Ruler Bookmarklet. (Bookmarklet/Favlet = ein kleines Skript, dass man sich als Lesezeichen/Favorit/Bookmark speichert, und es dann auf jeder Seite einsetzen kann.) Das o.g. Ruler Favelet verwandelt den Mauscursor in ein Fadenkreuz mit dem man auf dem Bildschirm Abstände und Positionen messen kann. Praktisch.
Damit kann man auch ganz einfach herausfinden, warum das da oben genau 97200 Pixel sind, die auf eine Berufung warten.
Für mich: unbedingt lesen: Making an RSS Feed. [beide News via Mr. Zeldman]

Achtung: Der Ruler funktioniert nicht in jedem Browser, aber in den Guten… *ahem*