CSS, HTML und Javascript mit {stil}

SVG in WordPress laden

Für den Einsatz von SVG in WordPress muss der Media Upload überredet werden, SVG als zulässigen Mime-Type anzuerkennen. Das passiert mit zwei oder drei Zeilen in der Datei functions.php und ist schon lange bekannt.

CSS: Text mit Verlauf füllen

SVG Text mit Bild bzw. Verlauf / Gradient füllen

CSS color weist einem Text Farbe zu, aber keinen Verlauf, denn gradient ist ein Wert für die Eigenschaft background.

Open Source – Code-Editor Brackets

Brackets ist ein Code-Editor, programmiert in HTML und Javascript. Dennoch ist Brackets eine Desktop-Anwendung. Adobe hat das Projekt ins Leben gerufen und verwaltet es auf Github.

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.

Aus der Sammlung der Sprüche

Heute muss ein Webdesigner der MacGyver aus der TV-Serie der 80er sein, und aus einem Gummiband und drei Dosen ein flugtaugliches Flugzeug konstruieren können.

Tables: The Next Evolution in CSS Layout, Kevin Yank, 2008

SVG image-Tag – Grafik als PNG für alte Browser

SVG in einem image-Tag

Schöner Trick von Alexey Ten, der Bilder gleichzeitig als PNG für ältere Browser und als SVG für alle anderen in HTML einbindet: Eine SVG-Grafik wird innerhalb eines SVG-Elements mit dem SVG image-Tag geladen.

CSS organisieren und aufräumen

CSS-Dateien entwickeln sich schnell zu einem Hexenkessen, 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.

CSS font-size: immer ein Griff ins Wespennest

CSS font-size kann aus einem großen Fundus möglicher Maße schöpfen: Pixel oder Point, EM oder EX oder REM, Prozent, larger oder smaller. Jetzt kommt der Viewport mit vw und vh ins Spiel.

eBook: CSS, Javascript und HTML

Digitale Bücher gibt es seit 2002, aber wie einst Webseiten dümpelten digitale Bücher ein paar Jahre im Dämmerschlaf. Erst mit dem Erfolg des iPads begann das Interesse am eBook.

Code per Node: CSS on the fly für Drupal und WordPress

CSS und Javascript per Page, Post in Wordpress, per Node Block in Drupal

Code per Node ist eine Erweiterung für Drupal. Das Modul setzt individuelle CSS-Regeln, die nur auf einer Seite oder für einen Inhaltstyp gebraucht werden. Das spart Zeilen in der globalen CSS-Datei und hält das CSS übersichtlich.

Javascript Libraries für Canvas

Javascript Canvas: Pixel

Noch ist die Entwicklung rund um das Javascript Canvas Schneckenpost – langsam. Vor allem die Entwicklung von Apps mit Canvas ist Fleißarbeit ohne Ende. Aber nach und nach entstehen vielversprechende Libraries für das Canvas-Element.