Das SVG image-Element bettet Bilder in ähnlicher Weise wie das HTML-img-Tag in eine SVG-Grafik ein. Das Bild kann eine Bitmap (jpg, png, gif) oder eine weitere SVG-Grafik sein.
Wie beim Einbetten von Bildern in HTML bleibt bei PNG bzw. GIF die Transparenz im Bild erhalten.
CSS-Dateien entwickeln sich schnell zu einem brodelnden Hexenkessel. Sie wachsen, werden unüberschaubar und versanden in Redundanz. Wie behalten wir die Übersicht und wie finden wir das CSS above the fold?
Gibt es ein Gegenteil von Suchmaschinen-Optimierung? Bad Bots und Spider machen auf vielen Webseiten mehr als die Hälfte des Traffics aus und belasten einen Server in Stoßzeiten zusätzlich.
Seit HTML5 ist das iframe-Tag zum bevorzugten Element für das Einbinden von HTML-Dokumenten in die eigene Webseite geworden. Das object-Tag kommt quasi nicht mehr vor.
Formulare machen dem Benutzer mit mobilen Geräten das Ausfüllen schwer. Ohne besondere Auszeichnung durch angepasstes CSS sind die Eingabefelder mikroskopisch klein. placeholder und label sind die wichtigsten Elemente bei der Gestaltung von Formularen, die dem Benutzer auf mobilen Geräten entgegenkommen.
Icon-Fonts funktionieren wie jeder ladbare Font, sie hören auf CSS color genauso wie auf font-size. Sie wirken auf dem großen Desktop-Monitor genauso glatt wie auf den kleinen Monitoren der mobilen Geräte.
Eingebettete PDFs sind beliebte Downloads in Webseiten – in erster Linie beliebt in Marketing und Kommunikationsabteilungen und den Kollegen, die für die Redaktion des Internetauftritts zuständig sind. Meine Kunden hingegen flehe ich auf Knien an: Lasset ab vom PDF auf der Homepage oder behandelt es besser. Aber wie bindet man ein PDF richtig ein und was muss ein PDF mitbringen?
SVG als Standalone ist klasse. Der Clou von SVG ist, dass es sich als Komponente in die wohlbekannten Techniken des Webdesigns integrieren läßt.
Wenn Formulare auf mobilen Geräten landen, sind die wiederspenstigen Eingabefelder eine Bremse:
Immer wieder umschalten zur numerischen Tastatur, weil Ziffern, Sonderzeichen oder Emailadressen eingegeben werden. Mit neuen Input Types bringt HTML5 Komfort in HTML-Formulare.
Seitdem die modernen Browser @font-face in wunderbarer Harmonie unterstützen, können ladbare Fonts mit ausreichender Sicherheit in Webseiten eingebettet werden.
MathML ist die Markup-Spache für mathematische Formeln und Ausdrücke. MathML gibt es seit 1997, aber für die nächsten 15 Jahre unterstützte kein Browser das Markup für Formeln. So verkümmerten das Formel-Markup im besucherfreien N-Raum.
Positionieren mit float ist der Standard im Webdesign. float ist aber auch die häufigste Ursache für Kopfschmerzen und Schwindelgefühl.
Natürlich wäre es schön, wenn der Newsletter genauso elegant wirkt wie die Webseite. Aber ein Emailprogramm ist kein Browser und Email ist keine Webseite.
