CSS, HTML und Javascript mit {stil}

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.

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?

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

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.

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.

Drupal 7 Installation – nie ohne kleine Tücken

Drupal installieren und Drupal Update
Drupal 7 als CMS zu installieren ist nicht so einfach wie die Installation von WordPress. Das liegt nicht zuletzt am größeren Funktionsumfang. Drupal ist eher ein komplettes Ökosystem als ein Content Management System.