gk: Spielzeug: interaktiv Farb- und Schriftkombinationen testen

SELF-Forum

Spielzeug: interaktiv Farb- und Schriftkombinationen testen

gk
– Informationen zu den Bewertungsregeln

Auf der Seite

http://free.pages.at/krauss/computer/xml/daten/cssdesigner.html

(für InternetExplorer: http://free.pages.at/krauss/computer/xml/daten/cssdesignerie.html)

kann man interaktiv verschiedene Farb-, Rahmen- und Schriftkombinationen ausprobieren und sich die daraus resultierenden Muster-CSS-Anweisungen anschauen.

Zwar mehr Spielzeug als nützliches Tool, aber für CSS-Anfänger vielleicht interessant, um einige einfache CSS-Formatierungsmöglichkeiten kennenzulernen.

Anregung und Kritik ist erwünscht.

Vielen Dank und Gruß,

gk

PS: Da für die Interaktivität mittels JavaScript realisiert wird, sollte dieses eingeschaltet sein. Wer sich über die Größe und Anordnung der Bedienelemente wundert: die Seite ist so gestaltet, daß sie sich auch als Panel/Sidebar benutzen läßt.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Spielzeug: interaktiv Farb- und Schriftkombinationen testen

    Cheatah
    – Informationen zu den Bewertungsregeln

    Hi,

    Auf der Seite
    http://free.pages.at/krauss/computer/xml/daten/cssdesigner.html
    kann man interaktiv verschiedene Farb-, Rahmen- und Schriftkombinationen ausprobieren und sich die daraus resultierenden Muster-CSS-Anweisungen anschauen.

    nett. Ein paar Verbesserungsvorschläge:

    • Die Bereiche sollten am Anfang aufgeklappt sein.
    • Die Reihenfolge ist "Top, Right, Bottom, Left", nicht "Left, Right, Top, Bottom".
    • Der Default-Wert für die Border-Color ist "Textfarbe", nicht "inherit".
    • Du könntest die Farben bei _allen_ entsprechenden Dropdowns aufnehmen.
    • Ich habe erst durch Ausprobieren gemerkt, dass die Werte aus dem Color Selector per Klick auf das kleine Kästchen neben (Background-/Border-)Color übernommen werden; bis dahin habe ich mich über die fehlende Funktion gewundert. Die Hilfe ist quasi unlesbar.
    • Der CSS-Code sollte in einer größeren Textarea stehen, und der Apply-Button dort untergebracht sein.

    Anregung und Kritik ist erwünscht.

    Done :-) Prima Idee btw!

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Spielzeug: interaktiv Farb- und Schriftkombinationen testen

      gk
      – Informationen zu den Bewertungsregeln
      • Die Bereiche sollten am Anfang aufgeklappt sein.

      nicht geändert (besser für Panel/Sidebar - Modus)

      • Die Reihenfolge ist "Top, Right, Bottom, Left", nicht "Left, Right, Top, Bottom".

      geändert

      • Der Default-Wert für die Border-Color ist "Textfarbe", nicht "inherit".

      geändert

      • Du könntest die Farben bei _allen_ entsprechenden Dropdowns aufnehmen.

      nicht geändert, Liste sonst zu lang

      • Ich habe erst durch Ausprobieren gemerkt, dass die Werte aus dem Color Selector per Klick auf das kleine Kästchen neben (Background-/Border-)Color übernommen werden; bis dahin habe ich mich über die fehlende Funktion gewundert. Die Hilfe ist quasi unlesbar.

      knappen Hinweis zu Nano-Hilfe hinzugefügt ;-)

      • Der CSS-Code sollte in einer größeren Textarea stehen, und der Apply-Button dort untergebracht sein.

      teilweise geändert

      Anregung und Kritik ist erwünscht.

      Done :-) Prima Idee btw!

      Cheatah

      Danke für die Hinweise

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln