Abonnieren
Lisardo Multimedia GmbH
Herrenbachstr. 19
86161 Augsburg
Tel.: 0821-150565
Fax: 0821-150595
sIFR3: Dynamische Schriftersetzung auf Webseiten mit Flash
sIFR3 ist eine Bibliothek aus JavaScripts, mit deren Hilfe auf Webseiten Text in beliebigen Tags oder CSS-Containern durch Flashfilme ersetzt werden kann. Dadurch ist eine typografisch einwandfreie Darstellung von beliebigen Schriften möglich. Im Gegensatz zu anderen Schriftersetzungstechniken ist sIFR3 suchmaschinenfreundlich, auch in CMS-Systemen einfach zu implementieren, flexibel und sogar halbwegs barrierefrei. Die Technik hat allerdings auch einige Nachteile; eine genauere Diskussion finden Sie in diesem Artikel, ein Beispiel hier.
Kategorie: Webworking | Webtypografie | CSS und HTML | Text und Typo
Typografie im Internet
Eine schön gestaltete Einführung in Typografie von Matthias Kammerer mit Schwerpunkt auf der Anwendung im Internet. Themen sind Schriftauszeichnungen, Anführungszeichen und typische Fehler bei der Anwendung.
Kategorie: Webworking | Webtypografie | CSS und HTML | Text und Typo
Typografie auf Webseiten
Michael Jendryscheck fasst ein seinem Artikel eine Vielzahl von Imformationen zum Thema Typografie im Web zusammen: korrekte Umsetzung von Leerzeichen, Abständen, Strichen, Anführungszeichen, Apostroph, Zahlen und Währungszeichen, mathematische Symbole und Formeln.
Kategorie: Webworking | Webtypografie | CSS und HTML | Text und Typo
csstypeset - die richtige Formatierung finden
Ähnlich wie mit dem Typetester von maratz.com können Sie mit csstypeset einen eigenen Text nach Belieben formatieren und anschließend das CSS auskopieren. Beide Tools unterscheiden sich weniger vom Funktionsumfang als hinsichtlich der Bedienung: csstypeset setzt auf elegante Gleitregler, man kann aber im Gegensatz zum Typetester immer nur einen Textblock formatieren. Einfach testen ... [via drweb.de]
Kategorie: Webworking | Webdesign | Webtypografie
HTML Entity Character Lookup
Hier können Sie für Sonderzeichen sehr bequem die passenden Entities suchen: in das Suchfeld einfach das gewünschte Zeichen eingeben und sofort erscheinen (via AJAX) die passenden Entities. Sehr praktisch. Für Mac-Anwender bietet leftlogic auch ein Dashboard Widget zum Download. (via pixelgraphix - dort sind in den Kommentaren noch weitere Tools für Mac-Anwender zu finden. )
Kategorie: Webworking | Webtypografie | CSS und HTML | HTML und XHTML | Text und Typo
Das Problem mit dem Zeilenumbruch im HTML
Tom Stich beschreibt in diesem Artikel verschiedene Lösungen, um ungewollte Zeilenumbrüche zum Beispiel zwischen Abkürzungen wie »z. B.« oder bei Maßangaben wie »10°« zu vermeiden. Auch auf das Gegenteil geht er ausführlich ein: wie kann man erreichen, dass Donau-
Kategorie: Webworking | Webtypografie | CSS und HTML | Text und Typo
Online Generatoren zu buchstäblich allem.
Sven Lennartz hat für das Dr. Web Weblog eine unglaublich umfangreiche Liste von Online-Generatoren zusammengestellt: zu CSS, Farben, Email, Favicon, Formularen, php, robots.txt, Popups, RSS und noch viele Themen mehr.
Kategorie: Webworking | Webdesign | Webtypografie | PHP | CSS und HTML | HTML und XHTML | Barrierefreiheit
XHTML Character Entity Reference
Eine Referenz von Jim Rutherford mit den wichtigsten XHTML-Entities (Sonderzeichen). Jeweils mit einer Darstellung des Zeichen und dem entsprechenden Entity.
Kategorie: Webworking | Webtypografie | CSS und HTML | HTML und XHTML | Text und Typo
praegnanz.de
Gerrit bietet in seinem Weblog regelmäßig neue Schriften und interessante Essays rund um Webtypografie. Zum Beispiel »HTML-Schriften unter der Lupe«. Tipp: auch die Kommentare lesen – sie bringen oft das Salz in die Suppe.
Kategorie: Webworking | Webtypografie
Schriftgrößenvergleiche auf Windows, Mac und Linux
Grasseger vergleicht die Standard-Schriftgrößen, formatiert mit em, px und % in Dutzenden von Browsern. Da Screenshots mit eingebauten Linealen präsentiert werden, lassen sich Schriftgrößen verschiedener Browser und Plattformen direkt vergleichen.
Kategorie: Webworking | Webtypografie
TypoWiki
Begriffe aus der Typografie, in einem kleinen Wiki gesammelt. Ein Glossar der wichtigsten Begriffe ist ebenfalls vorhanden.
Kategorie: Webworking | Webtypografie
Typographie für Webautoren
Christoph Päper beschreibt in einem umfassenden Artikel, wie typografische Feinheiten im Internet umgesetzt werden können: Anführungszeichen, Apostrophe, Striche, Formatierung von Zahlen und so weiter. Hinweis für Safari-Anwender: Päper verwendet für » und « eine Technik, die nicht kompatibel ist zu Safari. In Firefox stimmt die Anzeige.
Kategorie: Webworking | Webtypografie
Silkscreen type family
Silkscreen von kottke.org ist eine Schriftfamilie mit vier Schnitten, Truetype für Mac, Windows und Linux. Sie hat einen speziellen Computer-Look und ist in extrem kleinen Schriftgraden noch lesbar. Sie wird eingesetzt, wenn eine sehr kleine Schrift in Bildern verwendet werden muss.
Kategorie: Webworking | Webtypografie
Testseite zur Zeilenbreite
Eine Testseite zum Testen des Zusammenhangs zwischen Schriftgrößen und Zeilenbreiten in verschiedenen Maßsystemen (Pixel und ems).
Kategorie: Webworking | Webdesign | Webtypografie | CSS und HTML
korhoen typeviewer
Eine Testseite zum Testen von Schriftformatierungen und Zeilenbreiten.
Kategorie: Webworking | Webdesign | Webtypografie | CSS und HTML
Typetester: Typografie von Webschriften testen
Das Webtool von Marko Dugonjić bietet eine Fülle von Vergleichsmöglichkeiten für Webschriften. Einfach die gewünschten Formatierungen (Schriftart, Größe, Stil etc.) einstellen, abschicken und schon kann man seine Einstellungen in vielen Varianten vergleichen. Vorher am besten diese Beschreibung zur verwendeten Base-Font-Size lesen (Englisch), sonst wird das Verhalten der Schriftgrößen nicht ganz klar.
Kategorie: Webworking | Webdesign | Webtypografie | CSS und HTML
Seite 1 von 1 Seite(n)
Abonnieren
