Eine WordPress-Datenbank für Zwei

Zwei WordPress, eine Datenbank

Wofür könnte man zwei WordPress-Installationen brauchen, die beide auf dieselbe Datenbank zugreifen? z.B. für eine App, die nicht auf dasselbe Template zugreift, sondern ein eigenes Template bekommt.

SVG image-Tag

SVG und Rasterbild / Bitmap in SVG image-Element

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.

Genauso wie beim Einbetten von Bildern in HTML bleibt beim Einbetten von PNG und GIF die Transparenz im Bild erhalten.

CSS organisieren und aufräumen

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?

Bad Bots oder wie man Bots fern hält

Bad Bots, Hacker, Spammer

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.

Chrome zieht MathML ab

MATH ML Formeln in HTML-Seiten

Vor gut einem Jahr habe ich mich noch gefreut, dass HTML5 MathMl so einfach integriert war und ich mir endlich die Bitmaps für Formeln sparen konnte.

Aber IE will keine Formeln und Chrome zieht MathML ab.

Gleich mittenrein

CSS vh und vw für Breite, Höhe und Schriftgrößen

CSS Größen schöpfen aus einem großen Fundus: Pixel oder Point, EM oder EX oder REM, Prozent, larger oder smaller. vw und vh ähneln den Prozentangaben, aber sie beziehen sich auf den Viewport und nicht auf das umfassende Element.

HTML-Dokumente einbinden: object oder iframe

HTML iframe oder object

In XHTML gehörte das iframe-Tag zu den eher unerwünschten Elemente und wurde in einen eigenen Dokumententyp verbannt. Anstelle dessen bevorzugte XHTML das object-Tag. Mit HTML5 hat sich das Blatt zugunsten des iframe-Tags gewendet.

Responsive Formulare

Responsive Formulare

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 aus SVG erstellen

Sonderzeichen werden heute dank der Webfonts zuverlässig angezeigt, selbst exotische Symbole wie Yin Yang und ein Schneemann kommen mit so umfangreichen Fonts wie Droid (sehen wir einmal von IE8 ab) auf den Monitor. Icons lassen sich z.B. mit Photoshop erzeugen, als SVG speichern und in Icon-Fonts umwandeln.

Anstandsregeln für PDFs in Webseiten

PDF für Webseiten richtig vorbereiten

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?

Sieben Wege, SVG in HTML-Seiten zu setzen

SVG als Standalone ist klasse. Der Clou von SVG ist, dass es sich als Komponente in die wohlbekannten Techniken des Webdesigns integrieren läßt. Früher habe ich die Grafiken für Vorlesungen und Webseiten mit Photoshop angelegt und als PNG exportiert.