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 ff8000  =  85.68 OK
  • eeeeee ff8000  =  85.11 OK
  • cccccc ff8000  =  84.16 OK
  • 000000 ff8000  =  127.36 OK
Zufallsfarbe 1
  • ffffff 629625  =  56.27 OK
  • eeeeee 629625  =  55.24 OK
  • cccccc 629625  =  53.39 OK
  • 999999 629625  =  51.53 OK
  • 000000 629625  =  106.08 OK
  • ff8000 629625  =  55.31 OK
  • 8f1237 629625  =  97.47 OK
Zufallsfarbe 2
  • ffffff 2e6090  =  41.39 OK
  • eeeeee 2e6090  =  39.23 OK
  • cccccc 2e6090  =  34.80 OK
  • 999999 2e6090  =  28.19 !
  • 000000 2e6090  =  84.81 OK
  • ff8000 2e6090  =  107.16 OK
  • d72654 2e6090  =  65.14 OK
Zufallsfarbe 3
  • ffffff 034123  =  62.92 OK
  • eeeeee 034123  =  60.89 OK
  • cccccc 034123  =  56.71 OK
  • 999999 034123  =  50.17 OK
  • 000000 034123  =  78.10 OK
  • ff8000 034123  =  92.87 OK
  • 0865b3 034123  =  51.54 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ß:85.68
  • tägl. rotierendes Farbschema
  • faltbare Modulboxen
  • mehr...