HTML und Spieleentwicklung ist etwas was vor ein paar Jahren nicht wirklich zusammenpasste. Mittlerweile ist dies dank HTML5, Javascript und Co. möglich und es gibt auch schon einige Spiele welche dies eindrucksvoll zeigen. Ein interessanter Blog der sich rund um dieses Thema dreht, findet sich unter http://www.html5gamedevs.com/. Dort werden neue HTML5 Spiele und interessante Neuerungen aus diesem Bereich vorgestellt.
Weitere Informationen gibt es unter:
http://de.wikipedia.org/wiki/HTML5
Es ist immer wieder schön zu sehen, was mit Blender alles möglich ist:
Im Zuge meiner Designänderung mussten einige Bilder angepasst werden. Konkret ging es darum die passende CSS Klasse für das Bild zu ändern (von „alignleft“ zu „alignnone“). Da ich dies nun nicht für hunderte Artikeln von Hand machen wollte, musste eine andere Lösung her. Dazu öffnet man die entsprechende Datenbank (z.B. in „phpMyAdmin“) und führt dort folgende SQL Zeile aus:
UPDATE wp_posts SET post_content = replace(post_content, 'alignleft', 'alignnone')
Damit wird in jedem Artikel die entsprechende Ersetzung vorgenommen, allerdings sollte man wissen was man tut ;)
Das alte Design der Webseite war doch schon etwas angestaubt, was jemand mal so umschrieb:
Es hat mehr etwas von einem Outdoor Handy, als von einem iPhone, zweckmäßig halt.
Da mich sowieso einige Kleinigkeiten an dem Design störten, dachte ich mir das eine Renovierung ganz interessant wäre. Es stellte sich bloß die Frage ob man ein Theme komplett neu schreibt oder eine bereits vorhandene Basis nutzt.
Das alte Design "Ocean"
In meinem Fall überlegte ich auf Bootstrap oder der HTML Boilerplate aufzusetzen. Auch gibt es einige schöne WordPress „Starter Themes„, allerdings traf nichts wirklich meinen Nerv. Also ging die Suche weiter. Fündig wurde ich dann beim GPL Theme „Picochic“ (http://picomol.de/picochic/), welches mir doch recht gut gefiel. Dieses wurde als Grundlage genommen und daraus das neue Design gebaut welches man hier nun sehen kann.
Unter anderem mag ich feste Seitenbreiten nicht wirklich, was dann natürlich als erstes geändert werden musste. An der Typografie (Schriftarten etc.) wurde anschließend geschraubt, Stylesheets für den Druck wurden hinzugefügt und am Social Media Widget wurde gewerkelt, so das dieses nun auch Youtube unterstützt. Ansonsten wurden noch andere Dinge wie das Menü minimal angepasst. Jetzt müssen nur noch Fehler gefunden und beseitigt werden ;)
Beim bearbeiten einer CSS Datei viel mir folgendes Stück Quellcode ins Auge:
a {
padding: 5px;
#margin-left: -12px;
}
Die Eigenschaft „#margin-left“ ist nicht standardkonform und sollte nicht interpretiert werden, was zur Frage führte was sie in der CSS Datei zu suchen hatte. Nach einiger Suche ergab sich die Lösung, es handelt sich dabei um eine Form der Browserweiche welche nur vom Internet Explorer ausgewertet wird.
Weitere Informationen gibt es unter:
http://de.selfhtml.org/css/layouts/browserweichen.htm