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 339933  =  57.51 OK
  • eeeeee 339933  =  56.42 OK
  • cccccc 339933  =  54.44 OK
  • 000000 339933  =  104.93 OK
Zufallsfarbe 1
  • ffffff 1f5a88  =  44.93 OK
  • eeeeee 1f5a88  =  42.79 OK
  • cccccc 1f5a88  =  38.39 OK
  • 999999 1f5a88  =  31.74 OK
  • 000000 1f5a88  =  83.11 OK
  • 339933 1f5a88  =  63.90 OK
  • c8ba94 1f5a88  =  43.96 OK
Zufallsfarbe 2
  • ffffff 1b2408  =  66.46 OK
  • eeeeee 1b2408  =  64.18 OK
  • cccccc 1b2408  =  59.36 OK
  • 999999 1b2408  =  51.42 OK
  • 000000 1b2408  =  66.66 OK
  • 339933 1b2408  =  42.20 OK
  • 6f00a6 1b2408  =  131.84 OK
Zufallsfarbe 3
  • ffffff e3aa5a  =  32.87 OK
  • eeeeee e3aa5a  =  31.89 OK
  • cccccc e3aa5a  =  30.44 OK
  • 999999 e3aa5a  =  30.38 OK
  • 000000 e3aa5a  =  106.88 OK
  • 339933 e3aa5a  =  44.80 OK
  • 2d508d e3aa5a  =  61.86 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ß:57.51
  • tägl. rotierendes Farbschema
  • faltbare Modulboxen
  • mehr...