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 937715  =  59.02 OK
  • eeeeee 937715  =  57.89 OK
  • cccccc 937715  =  55.81 OK
  • 999999 937715  =  53.46 OK
  • 000000 937715  =  104.10 OK
  • 006699 937715  =  82.62 OK
  • 9f5b9b 937715  =  74.60 OK
Zufallsfarbe 2
  • ffffff 87c314  =  74.18 OK
  • eeeeee 87c314  =  73.70 OK
  • cccccc 87c314  =  72.99 OK
  • 999999 87c314  =  72.78 OK
  • 000000 87c314  =  124.66 OK
  • 006699 87c314  =  95.73 OK
  • 2ab040 87c314  =  39.52 OK
Zufallsfarbe 3
  • ffffff 575cdd  =  52.69 OK
  • eeeeee 575cdd  =  51.18 OK
  • cccccc 575cdd  =  48.26 OK
  • 999999 575cdd  =  44.48 OK
  • 000000 575cdd  =  95.05 OK
  • 006699 575cdd  =  42.75 OK
  • 50fe21 575cdd  =  126.94 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...