Page 1 of 2
I have found again - Sommerschule (2005)
Posted: Wed 11. Jun 2008, 21:31
by Oliver Georgi
Hi, while migrating more of
www.bauhaus-dessau.de I have found another "sub"-project made in 2005 - website of the
International Summer School Halle 2005
http://www.bauhaus-dessau.de/is-halle
Oliver
Re: I have found again - Sommerschule (2005)
Posted: Thu 12. Jun 2008, 00:02
by pepe
Zu kleine Schrift (Ich habe da so meine Schwierigkeiten)
Zu wenig Kontrast (Sieht zwar edel aus, kann das aber ein Mensch mit Sehschwächen lesen?)
Zu wenig Abstände zwischen Zeilen und Absätzen (Man muß sich schon sehr anstrengen, wer wird das also lesen?)
Abschreckendes Beispiel:
http://www.bauhaus-dessau.de/is-halle/i ... geschichte
..... aber sonst, schön sauber und wenig Firlefanz... ganz in alter Bauhaustradition
Re: I have found again - Sommerschule (2005)
Posted: Thu 12. Jun 2008, 08:07
by Oliver Georgi
Oh Pepe, hey - it is 3 years old
. Why not buy a 30" TV and use it under 1024x768 px?
Small font - is this an argument - slide nearer to your display
Oliver
Re: I have found again - Sommerschule (2005)
Posted: Thu 12. Jun 2008, 08:45
by pepe
Hi Oliver,
Ja, vor 3 Jahren hätte ich es auch noch lesen können, wahrscheinlich sind die Schriften seitdem etwas eingelaufen
Seit ich vor 2 Wochen auf einen iMAC umgestiegen bin, ist mein Bildschirm schon "beachtlich" groß... aber vielleicht wäre 30 Zoll doch die RICHTIGE Lösung
OK, der MAC hat Schriften, die kleiner wirken, als beim PC... aber den hatte ich auch bemüht, bevor ich meine Kritik geschrieben habe!
Zu kleine Schriften "ist ein wichtiges Argument".
Seitdem ich die Gelegenheit hatte, mal einen ganze Tag an einer Schule für Sehbehinderte zu sein und die riesigen Probleme dieser Mitmenschen "von der Nähe" zu erleben...
kann ich dir versichern, das ein "Näherrücken" nicht die Lösung ist!
Deine phpwcms-Lösung der Schriftgrößen-Umschaltung zeigt aber, daß du das Problem tatsächlich nicht so sehr als unwichtig ansiehst, wie es hier vielleicht rüberkommen mag. Ich jedenfalls, habe dieses Feature bei jeder neuen Site, die online ging, mit eingebaut. Eine wunderbar leicht umzusetzende und nutzreiche Hilfe, die aber - zugegeben - vor 3 Jahren noch nicht existierte
Aber... bis auf die Schwierigkeiten der "Lesbarkeit"... gefällt mir deine "straight forward" Site ja sehr gut
PS
Im Moment war ich gerade dabei, eine CSS-Datei zusammenzustellen, die komplett auf px-Angaben verzichtet und rein mit %-Werten arbeitet.
Damit ich das angesprochene Feature von phpwcms NOCH LEICHTER variieren kann.
Vielleicht bin ich ja deshalb so "sensibilisiert" gewesen
Re: I have found again - Sommerschule (2005)
Posted: Thu 12. Jun 2008, 15:00
by nameless1
wie hießt dieses angesprochene feature bzgl. der schriftgrößen variablität den?
hab da nix finden können.
Re: I have found again - Sommerschule (2005)
Posted: Thu 12. Jun 2008, 15:25
by pepe
switchFontSize.php
diese Datei ist im Ordner .
../frontend_render/disabled/switchFontSize.php
Die schiebst du
einen Ordner nach oben... und siehst dir die gründlich von innen an!!!
Dann suchst du hier im Forum nach diesem Stichwort....
Da sollte einuges zu finden sein!
Noch ein Hinweis auf Elemente, die du in deinem Template einbinden mußt...:
Code: Select all
<a href="[FontSize-]">smaller font size</a>
<a href="[FontSize=]">default font size</a>
<a href="[FontSize+]">larger font size</a>
Ausserdem sind auch in .../inc_css/fontSize - Ordner einige Klassen einzubinden....
Du brauchst da schon ein paar Stunden, um das alles zu finden und zu verstehe... aber dann gehts wie Brötchen Backen
Re: I have found again - Sommerschule (2005)
Posted: Thu 12. Jun 2008, 17:59
by nameless1
merci beaucoup.
wenn man[n] weiß wonach man suchen muß gehts, als ich es vor ein paar wochen jedoch versucht habe bin ich nicht fündig geworden...
nimm das doch mal in dein super glosar auf - oder is das gar nicht von dir, pepe?
Re: I have found again - Sommerschule (2005)
Posted: Fri 13. Jun 2008, 00:30
by Oliver Georgi
ich würde Schriften nicht mit Prozentangaben nutzen, sondern nur die em-Werte. Dabei wird im <body> die Basisgröße gesetzt. Gutes Beispiel ist die
http://www.iba-stadtumbau.de bei der nachfolgende Technik zum Einsatz kommt:
- fontsizer.zip
- Dynamische Schriftgrößenänderung (JavaScript, Mootools)
- (12.93 KiB) Downloaded 615 times
Oliver
Re: I have found again - Sommerschule (2005)
Posted: Fri 13. Jun 2008, 01:08
by pepe
Hi Oliver,
danke für die Infos...
Das sieht prima aus, da sich in der URL-Bezeichnung nichts ändert, wie bei der "alten" phpwcms-Lösung!
Da muß man nun natürlich erstmal durch...
Kann man vielleicht irgendwo was nachlesen, über die Einsatzfunktion
Re: I have found again - Sommerschule (2005)
Posted: Fri 13. Jun 2008, 08:09
by Oliver Georgi
Ähm? Ist nicht weiter dokumentiert - habe das selbst entwickelt. Letzlich muss man sich nur die Settings ansehen und in etwa verstehen, was passiert.
Einfach mal das Beispiel vergleichen mit IBA Stadtumbau und den Quellcode anschauen - aber mit Firebug, da die größer/kleiner/gleich "Tasten" erst zur Laufzeit "injiziert" werden. Kein JavaScript = keine Tasten.
Oliver
Re: I have found again - Sommerschule (2005)
Posted: Sun 15. Jun 2008, 12:01
by nameless1
hallo oliver,
geile sache - vielen dank.
jetzt muß ich aber auch mal etwas spenden...
nml1
Re: I have found again - Sommerschule (2005)
Posted: Mon 16. Jun 2008, 01:51
by pepe
So, ich hab's nun auch hinbekommen...
In der css-Datei habe ich dazu folgendes eingetragen:
Code: Select all
/* Basisschriftgroesse fuer alle "gaengigen" Browsern auf 16px einstellen */
* { font-size: 100%; }
/* Standard-Schrifgroesse einstellen auf: 16px x 62.5% = 10px */
body { font-size: 62.5%;
....
}
Anschließend habe ich alle Schriften-Größen der verwendeten CSS-Datei mit %-Werten versehen.
So wird z.B. eine benötigte Schriftgröße von
14px erzeugt mit dem Eintrag:
h3 { font-size: 140%; /* 14px = 140% ... Das ist schön leicht umzurechnen, oder? */ }
Das Umschaltungsscript von OG funktioniert damit tadellos.
(Auch da habe ich natürlich die
em gegen
% getauscht)
Wenn mir jetzt noch jemand sagt, was an der Variante mit
em-Werten
besser ist als bei
%-Werten, wäre ich sehr dankbar.
Denn ich möchte es "ein für allemal" RICHTIG machen....
Re: I have found again - Sommerschule (2005)
Posted: Mon 16. Jun 2008, 08:57
by Oliver Georgi
pepe wrote:So, ich hab's nun auch hinbekommen...
In der css-Datei habe ich dazu folgendes eingetragen:
Code: Select all
/* Basisschriftgroesse fuer alle "gaengigen" Browsern auf 16px einstellen */
* { font-size: 100%; }
/* Standard-Schrifgroesse einstellen auf: 16px x 62.5% = 10px */
body { font-size: 62.5%;
....
}
Anschließend habe ich alle Schriften-Größen der verwendeten CSS-Datei mit %-Werten versehen.
So wird z.B. eine benötigte Schriftgröße von
14px erzeugt mit dem Eintrag:
h3 { font-size: 140%; /* 14px = 140% ... Das ist schön leicht umzurechnen, oder? */ }
Das Umschaltungsscript von OG funktioniert damit tadellos.
(Auch da habe ich natürlich die
em gegen
% getauscht)
Wenn mir jetzt noch jemand sagt, was an der Variante mit
em-Werten
besser ist als bei
%-Werten, wäre ich sehr dankbar.
Denn ich möchte es "ein für allemal" RICHTIG machen....
Das mit den 100% kannst Du Dir sicher sparen. Ist dort kein Wert gesetzt ist der Default Wert immer 100%. Und die 16px stimmen so auch nicht. Das ist abhängig von der Browser-Voreinstellung. Hast Du als User einen anderen Wert definiert, sieht es auch anders aus. In aller Regel ändert kein User etwas daran - könnte er aber.
Zum
em Thema:
http://www.thestyleworks.de/basics/lengthvalues.shtml
Für Schriftgrößen macht es kaum keinen Unterschied.
Oliver
Re: I have found again - Sommerschule (2005)
Posted: Mon 16. Jun 2008, 09:15
by update
naja, soweit ich das verstanden habe, beziehen sich %-Werte auf % von irgendwas (in Deinem feinen Beispiel unter Anderem auf die 62.5% = 100% (komische Rechnung, nicht wahr? Bezieht sich dann aber auf die body-Anweisung...)), oder eben % von Breite (die vorher absolut oder eben auch in % (oder em) festgelegt werden sollte...huch!)
Wobei die 100% = 16px eher standardmässige 13px sein dürften, oder je nach Browservoreinstellung anders (genau kontrollieren kannst Du das nicht, nur
innerhalb Deiner em / % Arie)...
em bezieht sich immer auf den Buchstaben "M" (und da die Höhe)....
Ich persönlich bevorzuge eher eine Mischung aus Beidem: ich beziehe die em-Werte auf die 62.5% (oder was auch immer), sowohl bei Breiten als auch schriftgrößen, arbeite dann aber weiter mit %-Aufteilungen innerhalb der vorher festgelegten Werte (und auch in Höhenangaben - falls die sich zB auf den Viewport beziehen sollen)
Aber vielleicht gibt's bessere Verfahren... oder genauere... oder einfach andere...
Oha, jetzt ist mir OG zuvorgekommen
- aber der Link erklärt das natürlich besser / richtiger...
Re: I have found again - Sommerschule (2005)
Posted: Mon 16. Jun 2008, 11:32
by pepe
Danke für die Infos... jetzt bin ich im Moment noch mehr verwirrt als zuvor
Das Thema scheint komplexer zu sein, als ich dachte und ein genaues Einlesen ist jetzt wohl unumgänglich.
Mit dem angegebenen Link hat man ja einen ganz guten Startpunkt.
Mit den "Verstehen" und "Verinnerlichen" klappt es aber erst - so glaube ich - wenn man das experimentell selber nachvollzieht.
Ich habe mir deshalb mal eine 2. CSS-Datei mit EMs vorbereitet und werde jetz in verschiedenen Browsern, mit unterschiedlichen Einstellungen der Schriftröße und mit WIN und OS X vergleichend experimentieren.... vielleicht verstehe ich ja dann die komplizierten Zusammenhänge
Anstatt einfacher, scheint es mir immer komplizierter zu werden, mit dem ganzen CSS-Gerödel....
Vielleicht muß man aber ja auch nur damit "GROSS geworden" sein