symlink.ch
Wissen Vernetzt - deutsche News für die Welt
 
symlink.ch
FAQ
Mission
Über uns
Richtlinien

Moderation
Einstellungen
Story einsenden

Suchen & Index
Ruhmeshalle
Statistiken
Umfragen

Redaktion
Themen
Partner
Planet

XML | RDF | RSS
PDA | WAP | IRC
Symbar für Opera
Symbar für Mozilla

Freunde
Benutzergruppen
LUG Switzerland
LUG Vorarlberg
LUGen in DE
SIUG
CCCZH
Organisationen
Wilhelm Tux
FSF Europe
Events
LinuxDay Dornbirn
BBA Schweiz
CoSin in Bremgarten AG
VCFe in München
Menschen
maol
Flupp
Ventilator
dawn
gumbo
krümelmonster
XTaran
maradong
tuxedo

 
Nettigkeiten mit CSS und JS
Veröffentlicht durch XTaran am Samstag 13. Dezember, 16:23
Aus der Nützliche-und-andere-Spielereien Abteilung
Programmieren In letzter Zeit sind bei BluePhod einige nette Kurzartikel zu den Themen CSS und JavaScript. Sicher, JavaScript ist böse™, aber manche Nettigkeiten kann man schon damit machen. Man muß ja schließlich nicht immer gleich Navigation oder Inhalt damit verhindern, Spielereien und unnötige Goodies sind manchmal auch ganz spaßig...

Zu den Spielereien gehört u.a. die Textlupe in JavaScript (fälschlicherweise auf der Seite als "CSS Fisheye" betitelt), die bei BluePhod vor kurzem unter dem Titel Geschwollener Text vorgestellt wurde.

Auch Fußnoten können mit JavaScript oder CSS nett gemacht werden, wobei man da das CSS bevorzugen sollte, denn Fußnoten sind ja schließlich Inhalt. BluePhod allerdings hatte nur die JavaScript-Variante entdeckt, Ermel hat aber netterweise noch die CSS-only-Variante gefunden. (Die Fußnote steht zwischen "volutpat" und "Ut" und wird bei CSS-fähigen Browsern angezeigt, wenn man mit der Maus über diese Stelle fährt. Bei anderen Browsern wie z.B. Dillo oder Lynx wird sie permanent angezeigt.)

Absoluter Hammer in Sachen "CSS pur" ist aber der CSS Zen Garden, über den BluePhod zurecht mit dem Titel Was alles mit CSS geht berichtet. CSS Zen Garden zeigt dies auf beeindruckend simple Art und Weise. Man wechselt per Klick auf einen Link einfach das eingebundene CSS und danach erkennt man die Seite nicht wieder, obwohl sie aus genau dem selben HTML besteht, nur halt mit einer anderen CSS-Datei kombiniert. Wirklich beeindruckend.

CSS ist aber nicht nur für hübsche Spielereien gut. Insbesondere ist CSS das Mittel schlechthin, um mit Tabellen und Frames verseuchte Webseiten für behinderte Menschen (und natürlich auch anderen, wie z.B. Lynx-, Dillo- und Netscape-4.x-Benutzern :-) barrierefrei umzugestalten und damit überhaupt erstmal zugänglich zu machen. Sowohl für Behinderte selbst als auch zum Testen von Seiten auf Behinderten-Freundlichkeit gut geeignet ist die Möglichkeit bei Opera, alle Seiten mit eigenen Style-Sheets anzuzeigen. Außerdem werden von Opera eine ganze Ladung nützlicher Style-Sheets bereits mitgeliefert, so z.B. ein Style-Sheet zum Tabellen deaktivieren, den Kontrast zu erhöhen, die Überschriften als solche auch herauszuheben (falls die Seite diese überhaupt als solche markiert hat), etc.

Wer sich näher mit dem (zumindest dank des Behinderten-Gleichstellungsgesetzes und der "Barrierefreie Informationstechnik-Verordnung" BITV in deutschen Amtsstuben) hochaktuellen Thema "Barrierefreiheit" beschäftigen möchte, dem seien folgende Webseiten empfohlen:

Auch wenn nicht direkt zum Thema gehörend, so dürfen bei diesem Thema natürlich nicht fehlen:

KDE OpenOffice.org Integrations-Projekt | Druckausgabe | SCO-Mitarbeiter hat am Linuxkernel gearbeitet  >

 

 
symlink.ch Login
Login:

Passwort:

extrahierte Links
  • W3C
  • Netscape
  • Java
  • Opera
  • Textlupe
  • Geschwollener Text
  • BluePhod allerdings
  • JavaScript-Variante
  • CSS-only-Variante
  • CSS Zen Garden
  • Was alles mit CSS geht
  • Möglichkeit bei Opera
  • nützlicher Style-Sheets
  • Behinderten-Gleichstellungsges etz
  • BITV
  • Barrierefreies Webdesign
  • AbI
  • Einfach für Alle
  • Aktion Mensch
  • Artikel-Serie über die Anforderungen
  • Web ohne Barrieren
  • Beispielen guter Umsetzung
  • Bobby Accessibility Test
  • Web Accessibility Initiative
  • Any Browser Campaign
  • W3C HTML Validator
  • W3C CSS Validator
  • HTML Tidy
  • JTidy
  • BluePhod
  • CSS
  • JavaScript
  • Mehr zu Programmieren
  • Auch von XTaran
  • Kolumnen
  • Geeks und ihre Weltanschauungen, Teil 19: Stromausfall
  • Seti-Client stabilisiert das Multimedia-System
  • SCO, Google und die streitsuechtigen Miststuecke
  • Adressbuch + LDAP + Mozilla = geht!
  • Raffzahn und die Distris - Teil 3: Gentoo Ebene 3 Diagnose
  • Geeks und ihre Weltanschauungen, Teil 18: Energiesparen
  • Raffzahn und die Distris - Teil 2: Bestellen will gelernt sein
  • Penguin-Bashing!
  • Geeks und ihre Weltanschauungen, Teil 17: Extremsportarten
  • Distri-Roulette? Russisch Roulette!
  • Diese Diskussion wurde archiviert. Es können keine neuen Kommentare abgegeben werden.
    Javascript (Score:1)
    Von Raffzahn am Saturday 13. December, 18:46 MET (#1)
    (User #345 Info) http://www.vcfe.org/
    Ich hab eigentlich nur ein einziges Javaschnipsel was ich wirklich je gebraucht habe/verwende:

    <!--
    if (parent.location != self.location) (parent.location = self.location.href)
    -->

    Gruss
    H.
    Re: Javascript (Score:2)
    Von XTaran (symlink /at/ deux chevaux /dot/ org) am Saturday 13. December, 20:15 MET (#2)
    (User #129 Info) http://abe.home.pages.de/
    Was ich noch recht nett finde ist, der automatische Fokus und anschließendes Komplettmarkieren des Eingabefeldes bei z.B. dict.leo.org. D.h. für eine neue Suche musst Du einfach nur lostippern und Enter drücken.

    Eine andere Sache ist, Formulare mit client- und server-seitiger Formular-Verifikation auszustatten um so ggfs. Zeit und Traffic zu sparen. Embperl::Form::Validate z.B. macht genau das: Du gibt's in der Konfiguration an, was welches Feld enthalten darf und was nicht und wie die Fehlermeldung dafür lauten soll. Embperl::Form::Validate baut daraus dann serverseitig Perl-Abfragen der Felder als auch JavaScript-Code, der in die Webseite eingesetzt werden kann und ein Großteil der serverseitigen Tests bereits vor Absenden per JavaScript durchführt. Somit muß ein fehlerhaft ausgefülltes Formular nicht mehrmals abgesendet und wieder angezeigt werden. Ist JavaScript ausgeschaltet oder ein Test nicht in JavaScript realisierbar, werden Fehler trotzdem auf dem Server abgefangen. (Kleiner Hint um mein Ego etwas zu stärken: Man beachte die Autoren dieses Perl-Moduls. ;-)

    --
    There is no place like $HOME
    Spielereien mit js (Score:1)
    Von fub am Monday 15. December, 01:50 MET (#3)
    (User #967 Info)
    Hallo zusammen

    Es stimmt, man kann ganz unnütze Spielereien mit JavaScript machen wie zum Beispiel auch diese hier: http://www.kometen.ch ... (und noch "intelligentere" Dinge, aber die sind auf meinem localhost, der z.z. etwa 12 Flugstunden von hier entfernt ist). Ich hasse zwar Eigenwerbeung, aber vielleicht hat ja jemand von euch auch Spass daran ...

    Gruss aus Battambang, Kambodscha. fubeh.

    Linux User Group Schweiz
    Durchsuche symlink.ch:  

    Never be led astray onto the path of virtue.
    trash.net

    Anfang | Story einsenden | ältere Features | alte Umfragen | FAQ | Autoren | Einstellungen