Thema: Ausgewählte Artikel

Handverlesene Auswahl von speziellen, aktuell beliebten oder häufig gesuchten Beiträgen. Zeitlich sortiert von neueren zu älteren.

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 float: Bilder und Text jeweils in einer Flucht ausrichten

Freitag, 22 Januar 2010 08:24 MET

Thema:
Webgestaltung, Ausgewählte Artikel  
Stichworte:
,  
dieser Artikel
Schattenriss einer männlichen Büste (Seitenansicht)
CSS float: Bilder und Text jeweils in einer Flucht ausrichten [hyperkontext | Weblog]
Kommentare 3

Mit der CSS-Anweisung float können wir ein Bild aus dem Textfluss nehmen. Oft wollen wir aber nicht, dass Text das Bild umfließt, sondern daneben in einer Flucht steht. Nachfolgend eine kurze Einführung.

Manche webgestaltende »Professionisten« verwenden noch immer HTML-Tabellen, um Bilder und Text nebeneinander in einer Flucht auszurichten.

Alles lesen: CSS float: Bilder und Text jeweils in einer Flucht ausrichten


CSS line-height: Mit Zeilenabstand auf Webseiten die Lesbarkeit erhöhen

Dienstag, 25 August 2009 13:45 MET

Thema:
Webgestaltung, Ausgewählte Artikel  
Stichworte:
,  
dieser Artikel
CSS line-height: Mit Zeilenabstand auf Webseiten die Lesbarkeit erhöhen [hyperkontext | Weblog]
Kommentare 4

Laut einer Aussendung des BITKOM klagen 47 Prozent der Anwender über schlechte Lesbarkeit von Texten auf Websites. Vermutlich auch auf der des BITKOM. Geeigneter Zeilenabstand in Fließtexten ist dabei eine wichtige Komponente.

Ich habe Erkenntnisse und Beiträge der letzten Jahre zusammengetragen und geordnet. Die Zeilenhöhe (Zeilenabstand) in Fließtexten auf Webseiten sollte 140 bis 160 Prozent der Schriftgröße betragen. Die Spannbreite bewegt sich zwischen 120 und 200 Prozent.

Alles lesen: CSS line-height: Mit Zeilenabstand auf Webseiten die Lesbarkeit erhöhen


Silbentrennung und bedingter Zeilenumbruch in HTML-Dokumenten

Mittwoch, 20 Mai 2009 16:28 MET

Thema:
Webgestaltung, Ausgewählte Artikel  
Stichworte:
, , ,  
dieser Artikel
Silbentrennung und bedingter Zeilenumbruch in HTML-Dokumenten [hyperkontext | Weblog]
Kommentare 2, Bezugnahme 1

Worttrennung oder Silbentrennung (Hyphenation) erfährt im Web eine stiefmütterliche Behandlung. Es ist aber auch nicht Sache der Textauszeichnung, wie ich folgend noch argumentiere.

Es gibt zwar Scripte, letztendlich wären aber Ausgabegeräte für die automatische Silbentrennung verantwortlich. Redakteure müssen allerdings mit konsequenter Sprachauszeichnung die Basis zur Möglicheit der korrekten Ausführung liefern.

Alles lesen: Silbentrennung und bedingter Zeilenumbruch in HTML-Dokumenten


Open-Books: Kostenlos Bücher im Web lesen

Freitag, 23 Januar 2009 22:03 MET

Thema:
Kommunikation, Ausgewählte Artikel  
Stichworte:
, ,  
dieser Artikel
Frau sitzt auf einem Bücherstapel und bedient Laptop auf dem Schoß
Open-Books: Kostenlos Bücher im Web lesen [hyperkontext | Weblog]

Nicht nur im Bereich Webdesign und Webentwicklung existieren mittlerweile komplette Bücher als kostenlose HTML-Versionen im Netz. Neben dem Druckwerk erscheinen vor allem für Fachbücher zu Internet und Programmierung zeitgleich Online-Versionen.

Es werden aber zunehmend auch mehr Online-Texte später zu Büchern verarbeitet. Ein Weg, der meiner Ansicht nach früher oder später der normale Entwicklungsprozess sein wird.

Hier finden Sie eine kleine Liste zu derzeitigen Angeboten vor allem für deutschsprachige Open-Books.

Alles lesen: Open-Books: Kostenlos Bücher im Web lesen


Prefetch im Firefox: Mythos und Wahrheit

Montag, 21 Juli 2008 18:24 MET

Thema:
Kommunikation, Ausgewählte Artikel  
Stichworte:
, , ,  
dieser Artikel
Button with text: Wink, I'll do the rest
Prefetch im Firefox: Mythos und Wahrheit [hyperkontext | Weblog]
Kommentare 1, Bezugnahme 8

Halbwahrheiten und Mythen um die Funktion Prefetch im Firefox-Browser werden langsam inflationär. Ich gehe der Sache hier etwas tiefgreifender auf den Grund. Ich stieß im Test auf Ungereimtheiten mit der offiziellen Dokumentation.

Und ja: Ich bin auch für das Abschalten dieser Funktion. Konsequenterweise aber bitteschön im Gleichklang mit abgeschaltetem Javascript.

Alles lesen: Prefetch im Firefox: Mythos und Wahrheit


CSS-Klassen kombinieren

Montag, 03 September 2007 00:41 MET

Thema:
Webgestaltung, Ausgewählte Artikel  
Stichworte:
, , ,  
dieser Artikel
#foo.foo.bar
CSS-Klassen kombinieren [hyperkontext | Weblog]

Die Möglicheit der Kombination von Klassen hatte ich vor Jahren ad acta gelegt, weil der damals weitverbreitete IE6 dies nicht ausreichend unterstützt.

Mittlerweile ist es Zeit, fast vergessene Optionen wieder in das CSS-Repertoire aufzunehmen und auf praktische Tauglichkeit zu überprüfen.

Alles lesen: CSS-Klassen kombinieren