Thema: Webgestaltung

Seite 2 von 8

Seiten navigieren
Eine Seite weiter >
< Eine Seite zurück
 <  1 2 3 4 > Letzte »

Der Hyperlink - so alt und doch so unbekannt

Sonntag, 19 September 2010 17:59 MET

Thema:
Webgestaltung, Kommunikation  
Stichworte:
, , ,  
dieser Artikel
zusammengelegte Eisenkette
Der Hyperlink - so alt und doch so unbekannt [hyperkontext | Weblog]

Hyperlinks im Text stören angeblich die Konzentration und verleiten zum ständigen Klicken. Diese Meinungen sind fast so alt wie das Web. Manche meinen jedoch, die Diskussion immer wieder neu erfinden zu müssen.

Ein Web ohne Hyperlinks wäre nicht das Web, sondern eine elektronische Dokumentenablage.

Textlinks geben Struktur und Kontext. Unser Denken und unsere Lebensweisen verändern sich zweifelsohne dadurch.

Alles lesen: Der Hyperlink - so alt und doch so unbekannt


HTML-Element samp im Beispiel

Freitag, 27 August 2010 18:17 MET

Thema:
Webgestaltung  
Stichworte:
, ,  
dieser Artikel
Screenshot HTML-Code mit samp
HTML-Element samp im Beispiel [hyperkontext | Weblog]
Kommentare 5

In den gängigen Dokumentationen wird diese HTML-Textauszeichnung in einem Satz abgehandelt. In der »Wildnis« ist samp dementsprechend selten anzutreffen.

Suchmaschinen oder etwa Screenreader ordnen diesem Element in der Praxis wohl keinerlei Bedeutung zu.

Doch Gelegenheit provoziert Einsatz. Nachfolgend ein Beispiel.

Alles lesen: HTML-Element samp im Beispiel


Nur Screenreader verarbeiten Sprachauszeichnung in HTML

Freitag, 23 Juli 2010 15:40 MET

Thema:
Webgestaltung  
Stichworte:
, ,  
dieser Artikel
zweisprachige Aufschrift in Französisch und Englisch: privates Eigentum
Nur Screenreader verarbeiten Sprachauszeichnung in HTML [hyperkontext | Weblog]
Kommentare 3, Bezugnahme 2

Weder Suchmaschinen, noch Übersetzungsprogramme verarbeiten offenbar in irgend einer Weise gesetzte Sprachattribute in HTML. Verabschieden wir uns von diesen Märchen.

Übrig bleibt der Screenreader. Aber sogar mindestens die Hälfte dieser Benutzer empfindet es als lästig, wenn jeder Wald- und Wiesen-Anglizismus extra ausgezeichnet wird.

Fazit: Sprachauszeichnung nur für anderssprachige Textpassagen und dort, wo es der Verständlichkeit dient.

Alles lesen: Nur Screenreader verarbeiten Sprachauszeichnung in HTML


Römische Zahlen im Web mit HTML und CSS - ein Überblick

Donnerstag, 15 Juli 2010 21:59 MET

Thema:
Webgestaltung  
Stichworte:
, , ,  
dieser Artikel
Römisches Ziffernblatt einer Uhr
Römische Zahlen im Web mit HTML und CSS - ein Überblick [hyperkontext | Weblog]

Im Web sollte die römische Zahl auch von Programmen sinnvoll zugeordnet, verstanden oder zumindest angezeigt werden. Ich versuche einen Überblick, wie wir das umsetzen können.

Optionen: Römische Zahl aus Buchstaben generieren, Unicode und Sonderzeichen schreiben oder mit CSS darstellen.

Fazit: Römische Zahlen können aus Buchstaben zusammen gesetzt sein. Die Unicode-Zeichen sind hierfür in der Praxis ziemlich unbrauchbar. Wenn eine Zahl wichtig ist, sollte sie zusätzlich in gebräuchlicher Art geschrieben sein.

Alles lesen: Römische Zahlen im Web mit HTML und CSS - ein Überblick


Safari Reader: Lesemodus entblößt

Samstag, 19 Juni 2010 18:42 MET

Thema:
Webgestaltung, Ausgewählte Artikel  
Stichworte:
, ,  
dieser Artikel
Gesicht eines Mädchens, davor ein Schild mit dem Safari-Reader-Symbol
Safari Reader: Lesemodus entblößt [hyperkontext | Weblog]
Kommentare 6

Safari 5 beinhaltet nun einen eingebauten Lesemodus. Die Idee dieses Features ist allerdings weder revolutionär, noch neu. Die Innovation ist viel mehr, dass das Prinzip des Webs, Trennung von Inhalt und Form, nun für Laien mit einem Klick sichtbar wird.

Dieser Lesemodus entblößt nicht nur das Web. Marketender schreien Zeter und Mordio.

Das eigentlich Interessante ist die Beobachtung des unterschiedlichen Zuganges zur Bedeutung und Funktion des Webs.

Alles lesen: Safari Reader: Lesemodus entblößt


CSS :visited - Einschränkung der Gestaltung nach gestopftem Sicherheitsleck

Freitag, 11 Juni 2010 17:31 MET

Thema:
Webgestaltung  
Stichworte:
, ,  
dieser Artikel
Road sign: Give Way Markings Erased
CSS :visited - Einschränkung der Gestaltung nach gestopftem Sicherheitsleck [hyperkontext | Weblog]
Kommentare 5

Ab Safari 5, Firefox 3.7, wahrscheinlich auch bald für Opera und Chrome und vielleicht auf für IE9, wird die CSS-Pseudoklasse :visited nur mehr eingeschränkt gestaltbar sein.

Der Grund dafür ist ein seit Jahren bekanntes Leck im Zusammenhang mit der Browser-History, das von Herstellern in kommenden Versionen nun gestopft wird.

Irritationen verzweifelter Webgestalter werden nicht ausbleiben. Es ist kein Bug, es ist ein Sicherheitsfix der Programmhersteller!

Alles lesen: CSS :visited - Einschränkung der Gestaltung nach gestopftem Sicherheitsleck


Web-Usability: Nur erkennbare Funktionen werden benutzt

Samstag, 29 Mai 2010 18:55 MET

Thema:
Webgestaltung  
Stichworte:
 
dieser Artikel
Gesicht einer nachdenklichen jungen Frau mit ihren Fingern an den Lippen
Web-Usability: Nur erkennbare Funktionen werden benutzt [hyperkontext | Weblog]
Kommentare 2, Bezugnahme 1

Ob es sich nun um Bildvergrößerung, Sortieren einer Tabelle oder Hyperlinks handelt, auch im Web haben viele Menschen tagtäglich ihr Aha-Erlebnis.

Ein Ärgernis sind auch enttäuschte Erwartungen. Aus der Navigationsleiste zum PDF verlinken, ist wie Schienenersatzverkehr während einer Bahnreise.

Wie auch immer: Erkenntnis braucht Information. Und diese am besten schon vor Benutzung.

Alles lesen: Web-Usability: Nur erkennbare Funktionen werden benutzt


CSS-Pseudoklasse :not – Kraft der Negation

Montag, 26 April 2010 09:16 MET

Thema:
Webgestaltung  
Stichworte:
 
dieser Artikel
Foto: Mann mit entrüstetem Gesichtsausdruck zeigt in die Kamera
CSS-Pseudoklasse :not – Kraft der Negation [hyperkontext | Weblog]
Kommentare 1, Bezugnahme 1

CSS3 bietet mit der Pseudoklasse :not() die Möglichkeit der Negation. Leider bleibt der Internet Explorer – derzeit bis einschließlich der aktuellen Version 8 – damit außen vor.

Eine Anwendungsart besteht noch als Hack. Programme, die nicht auf Höhe der Zeit sind, werden gezielt ausgeschlossen.

Auch zur Fehlersuche eignet sich die Pseudoklasse :not() gut.

Alles lesen: CSS-Pseudoklasse :not – Kraft der Negation


CSS3 text-overflow und word-wrap: Text beschneiden oder Wörter umbrechen

Mittwoch, 31 März 2010 23:44 MET

Thema:
Webgestaltung, Ausgewählte Artikel  
Stichworte:
,  
dieser Artikel
Donaudampfschifffahrtsgesellschaftskapitän (Beispiel als Screenshot)
CSS3 text-overflow und word-wrap: Text beschneiden oder Wörter umbrechen [hyperkontext | Weblog]
Bezugnahme 1

Word-Wrap stammt ursprünglich vom IE (Internet Explorer). Mittlerweile unterstützen ausnahmslos alle gängigen Browser diese einfache Anweisung, die zu lange Wörter in die nächste Zeile umbricht.

Auch eine ehemals proprietäre CSS-Anweisung des IE seit Version 5.5 ist text-overflow:ellipsis. Damit kann die Fortsetzung eines abgeschnittenen Textes mit einem Auslassungszeichen signalisiert werden. Die Übernahme in den CSS3-Standard scheint allerdings nicht so sicher.

Alles lesen: CSS3 text-overflow und word-wrap: Text beschneiden oder Wörter umbrechen


CSS :target – Tab-Navigation aus Sprunglinks in Überschriften

Mittwoch, 24 März 2010 11:52 MET

Thema:
Webgestaltung  
Stichworte:
 
dieser Artikel
Screenshot vom Ausschnitt einer Tab-Navigation der Beispielseite
CSS :target – Tab-Navigation aus Sprunglinks in Überschriften [hyperkontext | Weblog]
Kommentare 2

Es ist mit praktischen Einschränkungen machbar, mit purem CSS und ohne gesonderte Navigationsliste eine horizontale Navigation für seiteninterne Sprunglinks aus Überschriften oder Listenpunkten zu kreieren.

Auf den ersten Blick sieht die Sache nicht spektakulär aus. Der Sinn erschließt sich vermutlich nur erfahreneren CSS-Fricklern.

Zwei Beispiele mit CSS-Pseudoklasse :target.

Alles lesen: CSS :target – Tab-Navigation aus Sprunglinks in Überschriften


Seite 2 von 8

Seiten navigieren
Eine Seite weiter >
< Eine Seite zurück
 <  1 2 3 4 > Letzte »