h1 a {
	-webkit-animation-name: colorChange;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 7s;
}
@-webkit-keyframes colorChange {
	0% { color:#911; }
	33% { color:#1a1; }
	66% { color:#09e; }
	100% { color:#911; }
}

Klein, aber fein.

Weiß jemand wie man Animationen für den :hover quasi pausieren kann und dafür eine feste Farbe nehmen? Ein einfaches color:wieauchimmer scheint nämlich nicht zu reagieren und man muss auf andere visuelle Mittel zurückgreifen um das Mouse-Over zu signalisieren. Oder man erstellt quasi eine neue Animation, ohne Animation eben. Aber das gefällt mir so garnicht. Vorschläge erwünscht.

Man stößt ja des öfteren auf so kleine Macken bei der Nutzung von CSS3. Der animation-Shorthand will noch nicht so recht wie ich will. Und border-color in Verbindung mit border-radius, gradient und box-shadow auf einem Haufen (hat jetzt nichts mit diesem Beispiel zu tun) sieht echt unschön aus. Bei mir jedenfalls. Ich würde mir außerdem wünschen gradient auf Text anwenden zu können, ohne irgendwelche Workarounds. Aber das ist ja alles noch nicht fertig und wird sicher noch behoben.

Merke: Nur weil es CSS3 ist, werden Animationen nicht unbedingt besser. Rumschwirrendes Bling-Bling bleibt auch weiterhin nervig, wenn es falsch angewendet wird. Wir kennen das aus GIF-Zeiten.

input[type=submit] {
	width:auto;
	text-shadow:0 1px 0 #fff;
	padding:.2em .7em;
	border:1px solid #ddd;
	border-bottom-color:#ccc;
	border-top-color:#eee;
	border-radius:1em/2em;
	-moz-border-radius:1em/2em;
	-webkit-border-radius:1em 2em;
	background:#fff;
	background:-moz-linear-gradient(top,#fff,#ddd);
	background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#ddd));
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);
}
input[type=submit]:hover, input[type=submit]:focus {
	cursor:default;
	color:#911;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
}
input[type=submit]:active {
	box-shadow:0 1px 3px rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);
}

Hier können wir so einen Button bei der Nahrungssuche beobachten:

Und hier eine Großaufnahme, wie ihn Chrome 5 unter Windows sieht:

Es macht Spaß so zu arbeiten. IE6 bekommt durch die Nicht-Unterstützung von Attribut-Selektoren einen Standardbutton hingerotzt. IE7 und 8 ein eckiges weißes Ding. Opera fehlt nur noch die gradient-Unterstützung. Die Syntax des -webkit-gradient ist total unausgereift und lang. Mozillas Version gefällt mir als Minimalist und Code-Komprimierer dagegen außerordentlich gut.

Vielleicht schreibe ich ab jetzt weiter über solche Dinge. Da kenne ich mich wenigstens mit aus und kann öfter mal was bringen. Eventuell packe ich das irgendwann auch in eine Extra-Kategorie. Aber auch meine 2-3 Stammgäste, die mit solchen Themen nichts anfangen können, bekommen noch was zu lesen. Dieses Jahr noch, versprochen.

„Toll“, dachte ich mir dann, „hab ich endlich mal was entdeckt“ (man stelle sich die Eingangsszene aus „2001″ vor), aber eben lese ich zufällig den Post auf CreativityDen, über sein neues Blog-Theme, der diese Methode so ganz flapsig nebenbei in einem Satz erwähnt und ich war wieder nur zweiter (oder dritter oder vierter).

Was soll’s. Wichtig ist, dass ich sie alleine entdeckt habe und mein Blog dadurch für uns Windows-User ein kleines Optik-Update bekommen hat. Und wer das nicht sieht, hat wohl ClearType im System deaktiviert.

Update: War ja klar, Firefox interessiert das nicht die Bohne. Dann müsst ihr halt auf Chrome wechseln. Ist sowieso besser.

So, jetzt aber zum Thema. Derzeit sitze ich zuhause, warte auf Antwort von Bewerbungen. Mir fliegen Gedanken durch den Kopf, die sich mit Selbstständigkeit beschäftigen. Deshalb habe ich auch im Moment viel Zeit und je mehr Zeit ich habe, desto weniger produktiv bin ich. Aber immerhin bastel ich ja gerade eifrig an einem neuen Blogdesign, das ich dann eventuell auch unter GNU GPL in die offizielle WordPress Theme-Datenbank einspeisen werde. Soviel schon mal: Es wird minimalistisch, so wie der Inhalt damit der Inhalt in den Vordergrund rückt.

Das Design ist diesmal von Grund auf selbst gemacht, nicht wie im aktuelle Theme nur etwas verändert. Einzig das „Fahrgestell“ basiert auf dem Basis-Theme von Frank Bültge. Das macht die Sache etwas einfacher für mich, da ich PHP gerade erst lerne und so. Ist schon erstaunlich, wie lange ich das vor mir hergeschoben habe. Aber genau dadurch lerne ich sogar noch viel schneller. Vielleicht wird das Ganze auch in HTML5 geschrieben, also für ältere Browser und unser aller Sorgenkind nur mit einem kleinen JavaScript-Hack korrekt darstellbar. Mal schauen.

Ansonsten passiert nicht viel in meinem Leben. Ich war jetzt seit 3 Monaten nicht mehr geocachen, aber zur Weihnachtszeit mit der Familie wird da sicher noch was draus. Wie bereits irgendwo hier gesagt, alleine macht mir das nicht mehr soviel Spaß. Beim Travelbug-Rennen bin ich übrigens derzeit Dritter und sofern kein Wunder geschieht, wird das auch so bleiben, da das Rennen bereits am 25. Dezember endet. Immerhin kann ich behaupten in den meisten Ländern und Bundesländern gewesen zu sein. Derzeit befindet sich mein Coin in Schweden.

Kürzlich hatte ich einen Rohrbruch. Gut ist, dass ich alles am selben Tag schon wieder nutzen konnte. Schlecht ist, dass die Wand seitdem offen steht und ich jetzt jeden Morgen früh aufstehen muss, um dem Mann – möglichst nicht im Halbschlaf – die Tür zu öffnen, falls er denn mal endlich kommt. Fliesen müssten noch bestellt werden, sagte man mir. Wie lange das dauert sagt man mir nicht.

Ingesamt ist meine Stimmung aber sehr gut. Ich bin nicht arm, falle also nicht in die sonst übliche Winterdepression. Und weil ich so gut drauf bin, könnt ihr mir hochinteressante Fragen über meine hochinteressante Person bei formspring.me stellen, die ich höchstpersönlich mit hochinteressanten Antworten versehen werde. So. Twittern tu ich übrigens auch wieder etwas häufiger.

–

Der praktische Teil unserer Abschlussprüfung besteht aus einer Promotionstheke und einem 4-seitigen Folder. pff…

–

Zusammen mit meinem Geocaching-Kollege Manibo versuche ich nebenbei den legendären Enigma #1 Mystery-Cache zu lösen. Daran sollen manche echt jahrelang gerätselt haben. Ein Rätsel habe ich kürzlich gelöst, mal sehen wie es weiter geht. Und wo wir dann am Ende überhaupt hin müssen! Der kann überall in Deutschland sein.

–

Heute kam mein persönlicher Beta-Key für Battlefield Heroes an. Läuft alles recht gut und ist auch ganz spaßig, wobei ich mehr erwartet hätte. Wenn man schon Comic-Optik nimmt, sollte auch mal irgend etwas lustiges oder abgefahrenes passieren. IMHO. Aber was mich besonders ärgert: Ein Kopfschuss mit der Sniper führt nicht direkt zum Tode! Pah! Kissenschlacht oder was!? Nun ja.
Mit hoher Auflösung stürzt das Spiel bei mir leider ab, deshalb spiele ich mit 800×600 px. Keine Ahnung woran es liegt, an der Leistung meines Rechners bestimmt nicht.

–

Das Wetter stinkt mir langsam. Bitte langsam mal entscheiden. Sommer oder Herbst oder was?

Ziel dabei ist es, bei guter Programmierung des (x)HTML Codes trotzdem noch eine ordentlich les- und navigierbare Seite darzustellen, die Tags richtig zu setzen und so. Denn es gilt ja, den Content vollständig vom Layout zu trennen. Und ich habe das Gefühl bei mir sieht das alles ganz ordentlich aus. Soviel musste ich zwar nicht selbst dazu beitragen, denn im Grunde war  der Theme von Blog oh Blog recht gut programmiert*, nur die Tags waren nicht so perfekt gesetzt, was z.B. die Headlineprioritäten anging.

Einziger Punkt der mir persönlich jetzt nicht so gefällt, ist, dass der Blogtitel die gleiche Priorität wie ein Blogpost-Titel hat, was evtl. zu Verwechslungen führen könnte.

*für XHTML 1.0 Transitional-Verhältnisse. Ich habe es noch 1.1 valide gemacht und das Design ein wenig angepasst (was man ja jetzt nicht sieht).