Nach Lange Zeit habe ich es auch mal wieder geschafft eine Homepage für mich zu basteln.

http://mywindow.semipol.de

Schreibt einfach mal wie sie euch gefällt und was besser gemacht werden sollte. Besonders wichtig war mir Validität und Semantik. Also hier bitte besonderes Augemerk drauf richt.

Gruß
Johannes

hey hallo,

also die seite gefällt mir,
richtig gut gewurden, nur die Bilder funktionieren nicht ....

aber die Farben sind schön!
die Schrift gefällt mir auch nicht so, aber ansonsten kann ich nicht meckern,
naja doch vllt. bei dem Fenster was man immer links sieht, das sieht irgendwie ein bissel komisch aus, oder besser gesagt unpassend ,
ich würde ein schöneres aussuchen.

ansonsten Top, also die Gestaltung, der Aufbau und so weiter und so fort

jupp, sehr schön...

kann mich maxx nur anschließen, allerdings finde ich dieses lachs-rosa nicht soo schön.

allerdings finde ich - wie immer - die namen deiner menüpunkte sehr schön.

welche bilder gehen nicht?

die wurden alle nicht angezeit, allerdings funktioniert das jetzt

Hallo languitar!

Sehr schöne Seite, gibts nix von mir aus zu zu sagen.
Schön wärs allerdings, wenn bei den unterschiedlichen Links auch unterschiedliche Fensterbilder kommen würde. Hängt aber wahrscheinlich einfach daranb, das es daran mangelt, oder?

gruss Tomi

---
'''''''''''''''''''''''''''''''''''''''''
http://www.triedel.de

Ich hab ne Ewigkeit nach diesem einen Fenster gesucht und das ist ja auch extra eingefärbt.

nach einer längeren pause bin ich nun hoffentlich wieder öfters hier... jedenfalls hab ich erstmal wieder ein bisschen luft..

und da kan nich mir nicht entgehen den languitar seite seite zu "bewerten"... also erstmal sehr schick.. hattest du nicht mal früher diese hellblaue? naja, jedenfalls ist diese bei weitem schicker.. ;)

über den sinn, müssen wir ja zum glück nicht diskutieren ,da ja eigentlich schno alles gesagt ist..


und wie so oft gibt es anstatt alles positives aufzuzählen lieber alles negative..

-bin kein fan der image-replace technicken im menu... probleme tauchen dann nämlich auf, wenn die browser / screenreader css interpretieren, und aberk eine bilder anzeigen... -das passiertl eider bei so manche screenreadern... und das selbe passiert auch wenn man mit opera ohne bilder surft... -die ideale lösung habe ich aber auch noch nicht gefunden.. aber da gibt es ja nun sschon haufende.. am besten funktioniert immer noch ein normales bild mit alt text, auch wenn das nicht die lösung ist die man haben will...
-der pfeil neben der frage auf der einblick seite, sollte nen höheren margin-right wert haben.. bzw. der text nen margin-left ..
-"Klick mich" naja, diese "link techniken" sind ja schon sehr veraltet... aber ist vielleicht auch absicht.. jedenfalls wäre "wetter.de" oder "fürs wetter klick hier" besser..
-"1.*" <-- leerzeichen bei * vergessen..
-"anschaun", "is", "ausm", "
-der erste große buchstabe kann für meinen geschmack auch nen bissl kleiner sein.. ~2/3 - 3/4 -aber das ist wohl geschmackssache..
-die blog beiträge sind ja nicht gerade die längsten ;) (aber eigentlich auch ganz gut.. das erspart auch viel zeit..)
-das "durchgestrichen" finde ich immer zu "krass".. dann lieber dunkler oder so... ist halt so schwerer zu erkennen, was was war...
-bei den bildern wäre cool, wenn du noch was kurzes (oder längeres) dazu schreiben würdest...
-bei gästebuch wäre ein datum ganz schick...
-die schrift von my window ist nicht gerade sehr schön.. wirkt zu verspielt... und passt nicht zum menu..

ansonsten.. ja.. halt sehr schick, schicke farben, außer dem header schöne typo... eigentlich genau mein ding



nisita

---
"Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi

Ok, danke!

zum Menü: Schalte mal alle Styles ab. Dann siehst du, dass Screenreader eigentlich keine Probleme damit haben dürften! Siehe dazu auch der neuste Artikel im Webwork-Magazin

zum Pfeil: Das ist das Icon von der Liste und ich bei bestem Willen keine Möglichkeit gefunden das irgendwie weiter vom Text weg zu platzieren! (jednefalls in IE und Opera, Firefox machts schön)

zu 1.*: Doch da ist ein Leerzeichen!

zu mywindow: haben schon mehrere gesagt. Ich guck die Tage mal ob mir was schöneres einfällt

Datum beim Gästebuch kann ich einfügen, aber fand ich jetzt nicht so wichtig...

Zur Initiale: Die Größe musste ich so wählen, damit er die Zeilen passend umbricht. Das ist eh ein doofes Gefrickel. Weißt du wieso er in IE oben was abschneidet von dem Buchstaben?

Tach!

Was mir auf Anhieb auffällt, weil es aussieht, als wäre es nicht so geplant, ist der gestreifte Balken unterhalb des Fensters (#bottomrow), der breiter ist als die Box mit dem Fenster und in den Textcontainer rechts daneben rein reicht (aber zum Glück nicht in den Text).
Auch zum Thema Optik: Ich finde die Farben sehr blaß und wenig kontrastreich.

Ob "Outro" von Gerichten als gültiger Text zum Verstecken des Impressums akzeptiert wird? Ich meine, ich finde das ganze Hickhack ja auch doof, aber es wurde schon ein Urteil gesprochen, dass das Impressum nicht erst durch 3 Seiten Scrollen erreichbar sein darf. Sinn mal dahingestellt...

Zur Nutzbarkeit:
Ohne Grafiken und JavaScript gibt es kein Menü mehr, weil dann das Hintergrundbild nicht mehr dargestellt wird. Zudem kann man bei Hintergrundbildern keinen Alternativtext angeben. Man kann zwar trotzdem auf den Bereich klicken, aber zumutbar ist das nicht wirklich. Hier würde ich glasklar s den Vorzug geben. Es handelt sich - auch semantisch gesehen - hier schließlich bei dem Menü um Content, und nicht um ausschmückendes Beiwerk (wie Hintergrundgrafiken).

Schön finde ich, dass die Site auch wunderbar in meinen 772x970px großen Browser passt
Dafür siehts bei Vollbild 1280x1024px etwas leer aus.

Durchgestrichene Links zur Verdeutlichung von besuchten Links halte ich für schlecht. Man kriegt den Eindruck, dass man da nicht mehr draufklicken darf. Vor allem fällt einem der Sinn des durchgestrichenen Textes erst auf, wenn man auf einer Seite mehrere besuchte Links hat. Die übliche Vorgehensweise im WWW ist, den Link andersfarbig, blasser darzustellen. Warum das, was der WWW-Nutzer gewohnt ist, völlig umkrempeln?

Namen für IDs wie "leftframe" und "rightframe" sind eher schlecht gewählt. Nicht nur wegen verständlicher Antipathie gegenüber Frames ;) sondern vor allem, weil Du alle Seiten ändern musst, wenn Du die Elemente mal vertauschen willst. Oder heisst dann "leftframe", was auf der rechten Seite steht?

Ich habe nicht herausfinden können, welchen Sinn #pretext auf der Startseite macht. Etwas wird als Textabsatz ausgezeichnet, das keinen Text enthält.

Es gibt Leute, die sagen, dass
ein Mittel zum Layout ist, und nichts mehr im HTML-Code zu suchen hat. Ich finde darüber kann man streiten. Aber z.B. auf Deiner Startseite verwendest Du es sehr häufig. Zu häufig auch für meinen Geschmack.
Was rein gar nicht machbar ist, sind zwei
s hintereinander. Das ist ein eindeutiges Zeichen dafür, dass ein Absatz geschaffen werden soll. Und das geht mit margin.
Dabei fällt mir auf, dass Dein Text gar nicht als solcher markiert ist. Da ist kein

drumrum!
So, wie der Code jetzt ist, wäre anstelle eines divs (#content) ein

sinnvoller, wenn Du allerdings mehrere Absätze draus machst (und es ist ja auch optisch deutlich erkennbar, dass es sich um mehrere Absätze handelt), dann macht das div außen rum wieder Sinn, denn es gruppiert ja die Textabsätze (für die gemeinsame Hintergrundfarbe, Größe, etc).

#spacer finde ich ist ein haarsträubender Name (wegen spacer-gifs), aber das ist wohl nicht so wichtig.

Ich finde zwar, dass da sehr viele divs drin sind (ich verteidige schließlich immer die Semantik und sage, dass für ein CSS-Layout kein

Nur kurz was, weil den ganzen morgen das Netz platt war hier.

Bottomrow: Ist extra etwas breiter, da die Seite sonst sehr gerade aussieht und zu konstruiert.

Outro: Sollte bie so einer kleinen Seite hoffentlich keinen stören.

Menü: Javascript wird nicht verwendet! Der Hoovereffekt wird nur via CSS gemacht. Guck dir den Code noch mal genauer an. Ohne CSS wird statt der Bilder einfach ein Text angezeigt, das einzige wo es etwas eingeschrenkt ist, ist wenn man Bilder ausschaltet, aber CSS an hat. Dann gibt es aber immer noch Title-Tags. Bei dem Menü hab ich mir sehr viele Gedanken gemacht, wie man das am besten ohne JavaScript löst.

Links: Ist wohl Geschmackssache, ich wollte mal was anderes haben.

IDs: Ja gut, aber is ja im Grunde egal welcher Name da steht. Solange ich noch durchblicke was bei dme Umfangs des Projekts wohl kaum ein Problem ist.

Pretext und die BRs sind durch das CMS etwas vorgeschrieben und ich hatte irgendwann keine Lust mehr da alles neu zu Coden.

Muss um jeden Text zwangsläufig ein P?

Ansonsten bin ich glücklich über diene Meinung ;) Die DIV-Suppe kommt sicherlich dadurch zustande, dass ich schon noch ein paar grafische LEckerbissen haben wollte, die anders wirklich einfach nicht realisierbar waren.

languitar schrieb am 07.06.2005 16:19 Outro: Sollte bie so einer kleinen Seite hoffentlich keinen stören.

Die Größe der Site wäre einem Anwalt sicher egal. Andererseits darf ja auch nur ein Konkurrent abmahnen, und eine private Site findet wohl schwerlich einen Konkurrenten.

das einzige wo es etwas eingeschrenkt ist, ist wenn man Bilder ausschaltet, aber CSS an hat.

Ja, das war bei mir der Fall. Dass ich zusätzlich JS ausgeschaltet hatte, hatte eigentlich keinen Einfluss.

Dann gibt es aber immer noch Title-Tags.

Gesehen habe ich davon nichts.

Bei dem Menü hab ich mir sehr viele Gedanken gemacht, wie man das am besten ohne JavaScript löst.

Ohne JS ist kein Problem, aber ohne Bilder bei Dir sehr wohl. Da würde ich was ändern. Wie gesagt, statt background-image, auch vom Gesichtspunkt der Semantik. Ein Menüitem ist kein Beiwerk, sondern handfester Content.

IDs: Ja gut, aber is ja im Grunde egal welcher Name da steht. Solange ich noch durchblicke was bei dme Umfangs des Projekts wohl kaum ein Problem ist.

Ja, logisch. Betrifft ja auch nur Dich, schränkt weder die Nutzbarkeit ein, noch vermurckst es das Optische
Es ist halt leichter, sich sowas von Anfang an anzugewöhnen, als wenn man später bei größeren Projekten mal merkt, dass das Mist ist so.

Muss um jeden Text zwangsläufig ein P?

Naja, sonst ist es semantisch bedeutungslos. Es ist zwar syntaktisch korrekt, weil der Text ja innerhalb des Block-Elements

Nochmal zum Menü: Wie soll ich denn mit Bildern eine Hoover-Lösung ohne JS realisieren?

Hm, was die Ps betrifft weiß ich einfach nicht wie ich das dem CMS sinnvoll beibringen soll.

@languitar.. irgendwie habe ich einen monat lang übersehen ,dass du auf meinen beitrag geantwortet hast :(

-zum menu... sorry, bin davon ausgegangen, dass du das auf eine andere art machst... und da gibt es mehrere probleme in screanreadern... vorallem, wenn dislpay: none verwendet wird.. [1] ein naderes problem ist hier zu lesen [2]

sollte aber so nicht für dich zutreffen..

-zum pfeil.. also mit padding-left für das li sollte das kein problem sein.. das list-style-position: inside; muss dann aber für ul und #subnav li weg..

-warum wird das leerzeichen dann nicht angezeigt? seltsame sache.. sollte ich mir mal näher anschauen..


ach ja, zum menu nochmal.. eine hover lösung mittels bildern ohne js wird wohl nicht gehen..

@effchen.. "Ein Menüitem ist kein Beiwerk, sondern handfester Content."
aber das bild ist ja praktisch nur zur verschönerung.. handfester kontent ist ja schon der link mit dem text... ich persönlich würde dir aber zustimmen, ein img wäre besser.. aber dann mittels javascript, was aber ja kein problem ist, den "hover effekt" muss ja nicht jeder sehen...
und zur zeit, wäre es glaube auch ganz "praktisch", die bilder per java script vorzuladen.. mag sowas nicht so, wenn ich dbei drübergehen warten muss

mfg
nisita


[1] http://www.byteshift.de/alistapart/fir/
[2] http://www.einfach-fuer-alle.de/artikel/fir-nicht-barrierefrei/

---
"Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi

Also die Bilder sollte der FF eigentlich schon vorladen, aber irgendwie macht er das bei mir auch nicht, obwohl diese technik mit den links im Header gehen soll...

wegen des Pfeils: aber dann sind alle anderen Zeilen ja auch eingerückt?!

Das Leerzeichen wird angezeigt, kommt wahrscheinlich vom justify, dass das so komisch aussieht.