WebTec - Blog

 

Webtypographie - Line-Height

Durchschuß und ZeilenabstandLeading - Durchschuss - Zeilenabstand - line-height

Um die Lesbarkeit von Texten zu steigern wird schon im Drucksatz mit beweglichen Lettern zwischen den Zeilen ein Abstandhalter aus Blei ( = lead) eingefügt ( = durchschossen). Beim heute üblichen Fotosatz wird diese Aufgabe durch den Zeilenabstand übernommen.

 

Css 3d - Transform mit Animation

HTML Elemente mit 'transform' rotieren

Fotolia 54425005 S

Per Mouse-Over wird der zweite div sichtbar:

css3 Eigenschaften sind:

Diese Animation kommt ohne zusätzliches Javascript aus und verwendet die neuen 3D Transformations Möglichkeiten. Das hier eingesetzte Hover muss für mobile Geräte mit Touchscreen allerdings noch zu einem Touch-Event gewandelt werden.

 

Webtypographie - Font-Size

optimale Schriftgröße auf allen Displays

Was hat Font-Size mit Html5 und CSS3 zu tun?

Die Schriftgröße ist fester Bestandteil der Darstellung von HTML ausgezeichneten Dokumenten ( = Webseiten ) und ist eine grundlegende CSS Eigenschaft. Sie kann in px, em, rem, pt und % angegeben werden - genau wie das Grafiker in ihren DTP Programmen tun.

Leider hat das eine mit dem anderen weniger gemein als man erwartet und ist Quell wiederholter Probleme zwischen Grafiker / Designer und Webentwickler.

 

Webtypographie - live tool

Testen Sie mit dem online tool das Zusammenspiel der wichtigsten Font Eigenschaften:

FacebookTwitterDiggGoogle BookmarksTechnoratiLinkedin