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 006699  =  51.35 OK
  • eeeeee 006699  =  49.55 OK
  • cccccc 006699  =  45.93 OK
  • 000000 006699  =  88.13 OK
Zufallsfarbe 1
  • ffffff 4f4a69  =  40.67 OK
  • eeeeee 4f4a69  =  38.21 OK
  • cccccc 4f4a69  =  33.01 OK
  • 999999 4f4a69  =  24.51 !
  • 000000 4f4a69  =  79.22 OK
  • 006699 4f4a69  =  34.57 OK
  • aa2d2a 4f4a69  =  43.98 OK
Zufallsfarbe 2
  • ffffff 231db1  =  89.20 OK
  • eeeeee 231db1  =  87.66 OK
  • cccccc 231db1  =  84.53 OK
  • 999999 231db1  =  79.77 OK
  • 000000 231db1  =  95.54 OK
  • 006699 231db1  =  71.89 OK
  • a02e31 231db1  =  76.50 OK
Zufallsfarbe 3
  • ffffff 504dd6  =  59.45 OK
  • eeeeee 504dd6  =  57.95 OK
  • cccccc 504dd6  =  55.00 OK
  • 999999 504dd6  =  51.00 OK
  • 000000 504dd6  =  94.45 OK
  • 006699 504dd6  =  48.19 OK
  • e6c348 504dd6  =  92.70 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ß:51.35
  • tägl. rotierendes Farbschema
  • faltbare Modulboxen
  • mehr...