Kategorien
Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

Bild-Formularelemente: „Probleme“ im Firefox 4 durch HTML5

Abbildung einer Schaltfäche

Wie im vurve-Blog steht, gibt es – durch eine Anpassung in der HTML5-Spezifikation – im aktuellen Firefox 4 ein Problem mit  <input type="image" />-Feldern und JavaScripten, die auf onSubmit und onClick reagieren. Firefox sendet nämlich nicht, wenn vorhanden, den value-Wert des Feldes, sondern die x- und y-Koordinaten auf die geklickt wurde. Ich kann ehrlicherweise nicht genau sagen, ob das vorher anders war, halte es aber auf jeden Fall für erwähnenswert.

Schnelle Abhilfe schafft laut vurve das umändern des Typs von image auf submit und ein entsprechendes CSS-Styling mit einer Klasse. Nun denn. Das Problem wird in Zukunft wohl auch Chrome, Safari und sogar den IE treffen. (Firefox 5 soll übrigens nächste Woche schon veröffentlicht werden.)

Im übrigen wirds hier jetzt öfter solche Beiträge geben, womit auch ein Konzeptwechsel im Blog vonstatten geht, über den ich mich demnächst nochmal auslassen werde. :)

Kategorien
Frontend: HTML5, CSS3, jQuery

Googlebot und Sprachweiterleitungen – SEO-Kram

So, ihr SEOs, kleine Kniffelaufgabe:

Angenommen ich möchte wie Apple folgende URL-Struktur aufbauen: example.com/products/productname. für die verschiedenen Sprachen möchte ich eine automatische Weiterleitung auf die die entsprechende Seite, also /de/products/productname, auch wenn ich die Sprachoption nicht eingebe, die bevorzugte Sprache soll dann aus dem User-Agent-String rausgesucht werden, Fallback-Sprache ist meinetwegen Englisch.

Was muss ich da SEOmäßig beachten? Google sendet ja wahrscheinlich auch seine bevorzugte Sprache mit, je nachdem für welchen Sprachvariante der Googlebot gerade unterwegs ist. Könnte der Googlebot denken ich verarsche ihn, weil ich jeweils auf ’ne andere Website umleite? Ist ihm das egal?

Kategorien
Frontend: HTML5, CSS3, jQuery

Frontend-Entwicklung heute

modernizr, html5, css3, progressive enhancement, boilerplate

Kategorien
Frontend: HTML5, CSS3, jQuery

Facebook, Like/gefällt mir, iframe, object

Mal schauen ob man den Facebook-Like-Button nicht auch mit <object> einbinden kann, wenn man es wollen würde. Aber erst morgen. Entschuldigt diese dumme Überschrift.

Update: hab mal folgendes aus diesem iframe-Gedöns gemacht:

<object data="http://www.facebook.com/widgets/like.php?href=http://example.com" style="border:none; width:450px; height:80px" type="text/html"></object>

War das eigentlich so gedacht, dass man statt der Domain die Unterseite angibt? So hab ich’s nämlich bei mir eingebaut.

Kategorien
Frontend: HTML5, CSS3, jQuery Webstandards

24 Türchen voller Tipps uns Tricks – Der Webkrauts-Adventskalender

Webkrauts-Adventskalender 2009

Auch dieses Jahr wird es wieder einen Adventskalender von den Webkrauts geben:

Jede Menge Webkrauts füllen den Kalender mit Themen über Barrierefreiheit, Print-CSS, Bildbearbeitung oder Projektmanagement. Außerdem stellen wir einige kleinere Tools vor.

Den Adventskalender startet, wie sollte es anders sein, auf der Website der Webkrauts.

Kategorien
Browser Frontend: HTML5, CSS3, jQuery Webstandards

Bookmarklet-Wahn

Bookmarklet

Und da wird es noch einige mehr geben, die ihren Weg in meine Browserleiste finden.

Kategorien
Frontend: HTML5, CSS3, jQuery Typographie Webstandards

Gerrits Meinung zu Webfonts …

… kann ich mich eigentlich nur anschließen. Lesebefehl: Webfonts – nun doch eine Meinung

Kategorien
Frontend: HTML5, CSS3, jQuery Intern Webdesign/Gestaltung

Es tut sich was …