FE-Tests

meine Spielwiese

hier teste ich nur die verschiedenen Frontend-Bausteine meiner Homepage auf einen Blick.
Absätze | Listen | Menüs | Modulbox | faltbare Modulbox | rotierendes Farbschema | Farbabstand des Farbschemas zu Weiß | slidebare Modulbox | selbst definiertes Farbschema

selbst definiertes Farbschema

{Testbeschreibung}

Color Picker

slidebare Modulbox

hier klicken

Inhalt:
Lorem ipsum vel ad rebum atomorum assentior, at kasd mediocrem persequeris per, natum maiorum definitiones sed cu. Aliquyam electram iudicabit ius ea, unum suscipit no usu. At epicuri deleniti praesent est, qui soleat fastidii evertitur cu, per ad vidit latine facilisi. Vim saperet reprehendunt ad, modus nobis aliquip eam at.

Lorem ipsum ius te impedit meliore lucilius, est cu ubique impedit albucius, inciderint dissentiunt theophrastus vis id. Tota meis nulla sea eu, putant epicuri consulatu quo an, amet virtute blandit eam te. Postulant imperdiet mediocritatem vix an, ne sumo mediocrem mnesarchum has! His ut tantas platonem intellegebat, ius decore nonummy.

Farbabstand des Farbschemas zu Weiß

Ziel ist es, dass das Farbschema vom angemeldeten User selbst frei gewählt werden kann.
Um eine gute Lesbarkeit zu gewährleisten, muss der Farbabstand der gewählten Farbe zum weißen Hintergrund und anderen FE-System-Farben automatisch bewertet werden.

Zu diesem Zweck habe ich einige Farbschemas entworfen und eine Klasse zur Messung des Abstandes zweier Farben geschrieben. Vorlage und Theorie kommt von Wikipedia und Bruce Lindbloom

Abstände zwischen und zu Systemfarben auf Basis von EN D65 (sRGB/6500K normierte Bezugsgrößen), Schwelle=30:

Systemfarben
  • ffffff 000000  =  116.00 OK
  • ffffff 999999  =  18.16 !
  • eeeeee 999999  =  15.52 !
  • ffffff 666666  =  30.53 OK
  • eeeeee 666666  =  27.89 !
  • cccccc 666666  =  22.22 !
  • 000000 666666  =  85.47 OK
Zufallsfarbe 1
  • ffffff 0e143e  =  73.76 OK
  • eeeeee 0e143e  =  71.45 OK
  • cccccc 0e143e  =  66.55 OK
  • 999999 0e143e  =  58.41 OK
  • 000000 0e143e  =  61.90 OK
  • 666666 0e143e  =  49.06 OK
  • 05286d 0e143e  =  16.60 !
Zufallsfarbe 2
  • ffffff 95d1ca  =  15.05 !
  • eeeeee 95d1ca  =  13.48 !
  • cccccc 95d1ca  =  11.52 !
  • 999999 95d1ca  =  14.16 !
  • 000000 95d1ca  =  106.82 OK
  • 666666 95d1ca  =  23.68 !
  • 2cb5ce 95d1ca  =  22.27 !
Zufallsfarbe 3
  • ffffff 4b8a96  =  29.28 !
  • eeeeee 4b8a96  =  27.11 !
  • cccccc 4b8a96  =  22.80 !
  • 999999 4b8a96  =  17.31 !
  • 000000 4b8a96  =  92.99 OK
  • 666666 4b8a96  =  17.26 !
  • a144f6 4b8a96  =  69.11 OK

rotierendes Farbschema

Das Farbschema der Seite wechselt täglich:
  • Sunday = 'ff8000'
  • Monday = '666666'
  • Tuesday = 'cc8033'
  • Wednesday = '339933'
  • Thursday = '660099'
  • Friday = '006699'
  • Saturday = 'ff8000'

faltbare Modulbox

hier klicken

Inhalt:
Lorem ipsum vel ad rebum atomorum assentior, at kasd mediocrem persequeris per, natum maiorum definitiones sed cu. Aliquyam electram iudicabit ius ea, unum suscipit no usu. At epicuri deleniti praesent est, qui soleat fastidii evertitur cu, per ad vidit latine facilisi. Vim saperet reprehendunt ad, modus nobis aliquip eam at.

Lorem ipsum ius te impedit meliore lucilius, est cu ubique impedit albucius, inciderint dissentiunt theophrastus vis id. Tota meis nulla sea eu, putant epicuri consulatu quo an, amet virtute blandit eam te. Postulant imperdiet mediocritatem vix an, ne sumo mediocrem mnesarchum has! His ut tantas platonem intellegebat, ius decore nonummy.

Modulbox

Legende Inhalt.

Menüs

Listen

nächste Liste:

Absätze

Absatz 1

Absatz 2 Lorem ipsum vel ad rebum atomorum assentior, at kasd mediocrem persequeris per, natum maiorum definitiones sed cu. Aliquyam electram iudicabit ius ea, unum suscipit no usu. At epicuri deleniti praesent est, qui soleat fastidii evertitur cu, per ad vidit latine facilisi. Vim saperet reprehendunt ad, modus nobis aliquip eam at.

Absatz 3
Lorem ipsum ius te impedit meliore lucilius, est cu ubique impedit albucius, inciderint dissentiunt theophrastus vis id. Tota meis nulla sea eu, putant epicuri consulatu quo an, amet virtute blandit eam te. Postulant imperdiet mediocritatem vix an, ne sumo mediocrem mnesarchum has! His ut tantas platonem intellegebat, ius decore nonummy.

aktuelle Tests
  • wählbares Farbschema
  • Farbabstand ΔE zu Weiß:30.53
  • tägl. rotierendes Farbschema
  • faltbare Modulboxen
  • mehr...