Kategorie

Gecodet

2010

Geolocation im Browser erkennen

Heute wollte mir jemand weissmachen, zum Nutzen der Geolocation-Informationen des iPhones bräuchte man eine App. Quatsch. Seit iPhone 3.0 geht im Safari: navigator.geolocation.getCurrentPosition(foundLocation(position){ var lat = position.coords.latitude; var long = position.coords.longitude; alert('Found location: ' + lat + ', ' + long); }, noLocation(){ alert('Could not find location'); }); Weil ich die veraltete Information aber auch... 

jQuery 1.4: Funktionen übergeben beim Setting

Was offenbar (also an mir ist das irgendwie vorrüber gegangen) für .attr() schon länger funktioniert, wurde beim neuen jQuery 1.4 nun für alle Settingfunktion möglich gemacht: das Übergeben von Funktionen zum Setzen eines Wertes. Namentlich funktioniert das nun also bei: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass()... 

2009

Kurz gecodet: Farbverläufe und Animationen

Eine kleine Spielerei mit diversen CSS3-Eigenschaften und CSS3-Funktionen. <style type="text/css"> .quadrat { color: #fff; height: 300px; width: 300px; font-size: 24px; line-height: 300px; text-align: center; background: blue; /* css3 magic from here on */ /* Gradient Background mit Hintergrundbild, zunächst Webkit */ background-image: url(img/twitter.png), -webkit-gradient(linear, left top, right bottom, from(blue), to(#fff)); /* Dann der etwas andere... 

Kurz gecodet: Multiple Backgrounds

Es hat sich vielleicht schon ein wenig herumgesprochen: Safari, Google Chrome und demnächst auch Firefox unterstützen multiple backgrounds. Ein kleines Snippet aus dem CSS zu 9: html body { background: url(img/9-freigestellt-666633.jpg) #666633 no-repeat 100% 107%; background: url('img/juteverlauf.jpg') repeat-x 0 0, url(img/9-freigestellt-666633.jpg) #666633 no-repeat 100% 107%; -moz-background-size: 300px 645px, contain; } Die einzeln gesetzte background ist... 

@font-face considered harmful?

Nachdem sich die Kunde von den Möglichkeiten des Fontembedding nun reichlich verbreitet hat, tauchen leider die ersten Problme auf. Steve Sounders hat einige Quellen zu Problemen beim Fontembedding zusammengefasst und eigene Untersuchungen angestellt, unbedingt lesen bitte, auch wenn ich hier kurz die unliebsamen Fakten zusammenfasse: im Bereich high performance websites muss man wohl von @font-face... 

Kein einheitlicher Codec für HTML5 Video und Audio

Mit der Einführung des Videotags <video> in HTML5 hatte ich (und sicherlich viele andere auch) die Hoffnung verbunden, dass es einen einheitlichen Videocodec bzw. Audiocodec geben wird, den alle Browser unterstützen. Dies hätte letztendlich der Produktion von Video im Netz und seiner Verbreitung einen weiteren Schub, hinaus über Seiten wie youtube.com und die Nutzung proprietärer... 

Embedden Sie jetzt!

Embedded Font im Firefox 3.5rc3 Mit @font-face lassen sich Schriften in Webseiten einbetten. Machen Sie das! Ok, es ist soweit, mit dem neuen Firefox 3.5 (und Safari 4 und Opera 10beta), steht immer mehr Nutzern unserer Websites Fontembeddingdownloading[1] zur Verfügung. Damit widerum steht der flächendeckenden Umsetzung typographisch ordentlich gestylter Websites nicht mehr viel im Weg,... 

Rezepte gegen die DIVterie

Diphterie aka. Corynnbacterium Diphtheria (Foto: CDC) Wir wissen ja schon lange, dass valides HTML noch kein gutes HTML ist. Kalter Kaffee. Sehen wir dabei einmal vom durchaus validem Tabellenlayout ab, sind die größten Feinde mangelnde semantische Auszeichnung und in deren Schlepptau immer wieder DIVterie, soll heissen: übermäßige Benutzung von DIV-Containern, wo andere Elemente angebrachter wären.... 

No use for a name

Beim herumspielen mit HTML5 ist mir bzw. dem W3C-Validator jüngst aufgefallen, dass es in HTML5 kein name-Attribut u.a. für Links mehr gibt. Use id instead, ist die knappe Aussage. Das name-Attribut vermisst natürlich kein Mensch. Nun ja, bis auf ein paar Leute, die nunmal unbelehrbar <a name="marke"></a> schreiben. Das sind die gleichen Kandidaten, die auch...