Dies ist das persönliche Blog von Johan Prawiro. Er arbeitet als Webentwickler vorwiegend im Bereich Webstandards und Barrierefreiheit.

This is the personal blog of Johan Prawiro. He works as a webdeveloper mostly in the field of webstandards and accessibility.

Archiv der Kategorie 'XHTML/CSS'

Von Prototypen und ‘button’-Werten

Das interessanteste mal vorab:
Das beliebte JavaScript-Framework Prototype ist in der Version 1.5 erschienen und ist nun auf einer eigenen Homepage zu finden. Endlich gibt es auch eine Dokumentation und Beispiele zur Anwendung. Wer häufiger mit Prototype arbeitet könnte vielleicht auch etwas mit dem “Prototype 1.5.0 Cheat Sheet” anfangen. Für Anfänger sicherlich nicht so gut geeignet… aber man sollte es doch mal ausprobieren.

Ein anderes Thema sind Formularwerte des “button“-Elements. Das “button“-Element!? Ja. Das “button“-Element. Eine wohl unterschätzte Möglichkeit ein Formular abzuschicken, ohne die hässliche “submit”-Schaltfläche bzw. ohne Hilfe von JavaScript. Mehr (und detailliertere) Informationen gibt es in dem etwas älteren englischen Artikel “Push my button” (von September 2006).

In einer perfekten Welt wäre mit dem Artikel schon so ziemlich alles gesagt. Leider gibt es da noch den IE. Zwar schließt der IE7 (nicht ganz) mit den aktuellen Browsern auf… jedoch kann man den IE6 immernoch nicht vernachlässigen (und man wird es bestimmt auch noch in den nächsten paar Monaten nicht können). In den meisten Fällen hat man eine einzige Schaltfläche, um das Formular abzuschicken. Es gibt aber auch Fälle, die zwei oder mehr Schaltflächen benötigen, um bestimmte Optionen zu ermöglichen (wie auch in dem vorher erwähnten Artikel beschrieben)… eigentlich perfekt für das “button”-Element. Dort kann man schließlich mit dem Attribut “value” einen individuellen Wert übermitteln… zumindest sollte es so sein. Meine Erfahrung mit dem IE ist aber leider eine andere: der IE schickt das Formular zwar ordentlich ab, jedoch wird als (”POST”-)Wert nicht die “value” übertragen, sondern der Inhalt der zwischen dem Anfangs- und End-Tag steht. Das ist insbesondere dann ärgerlich, wenn man aufgrund dieses Wertes Berechnungen durchführt oder andere Inhalte anzeigen lassen will.
Eine saubere Lösung habe ich dafür noch nicht, also werde ich dafür entweder den “button”-Text abfragen müssen (was bei mehreren Sprachen bzw. dynamischen Beschriftungen wirklich undankbar ist) oder aber wieder für jede Auswahlmöglichkeit ein eigenes Formular erzeugen. Blödblödblöd.

Wenn jemand eine Lösung weiß: immer her damit!

Neue Version des Webseiten-Debugging-Tools ‘Firebug’!

FireBugDiese Extension für den Firefox habe ich ja schon einmal hier erwähnt und seit ein paar Tagen gibt es die Betaversion des Debugging-Tools Firebug 1.0!
Es is schon wieder ein großer Sprung gemacht (meine letzte Version war mit ‘0.4′ nummeriert) und man sieht auch den Fortschritt. Für mich die Beste Neuerung unter den vielen Großartigkeiten: man kann nun den Firebug in einem eigenen Fenster öffnen (ähnlich wie der Firefox-eigene DOM-Inspector).

Sehr schön finde ich auch das bequeme Editieren vom HTML- bzw. CSS-Code, bei dem man dann direkt das Ergebnis sieht. Das kann schon lästiges wiederholtes Hochladen per FTP überflüssig machen, wenn man mal etwas ausprobieren will oder auf Fehlersuche ist.

Neu ist auch die Analyse der Ladezeiten einer Webseite: welches Skript verbraucht die meiste Zeit? Welches Element braucht zu lange zum Laden?

Es würde wohl zu lange dauern, alle neuen und alten Features hier aufzulisten und zu beschreiben… also hier mal der direkte Link zur (englischen) Homepage: Get Firebug!

Kann ich jedem Hobby- und Berufs-Webentwickler nur empfehlen.

Adventskalender für Web-Entwickler: ‘24 ways’ und ‘Adventskalender 2006′ von den webkrauts

Oh du fröhliche Weihnachtszeit… es ist schon wieder fast soweit. Die ersten Weihnachtsmärkte sind auch schon eröffnet worden und so bleibt es denn nicht aus, dass übermorgen das erste Türchen vom Adventskalender geöffnet wird.

Im Bereich der Webstandards wird es wie letztes Jahr auch “24 ways” geben. Jeden Tag ein neuer Artikel über neue Webtechniken, Standards, usw. von bekannten Größen auf den Gebieten. Letztes Jahr war es zumindest sehr lesenswert und die Erwartungen sind dementsprechend hoch.
Es wird auch einen RSS-Feed von “24 ways” geben, damit man auch ja kein Türchen verpasst.

Da “24 ways” in englischer Sprache verfasst ist, gibt es von den webkrauts auch einen Adventskalender nach dem gleichen Prinzip. Letztes Jahr gab es das auch schon… ich muss aber zugeben… ich hab den nicht verfolgt.

Auf jeden Fall bin ich schon gespannt und freue mich auf die kleine Lektüre am Morgen.

Unicorn und Design-Wallpapers

Das W3C ist zwar mit einigen Sachen in die Kritik geraten (zB WCAG2), aber es tut sich dennoch was bei dem großen Konsortium: Unicorn.
Unicorn ist ein neues Projekt, die verschiedenen (HTML, CSS, usw.) Validator in ein einziges Tool zu verpacken. Dabei soll es die generelle Konformität mit geltenden/verwendeten Standards überprüfen (sofern dies möglich ist).

via: pixelgraphix/pixelgangster/Dr. Web Weblog

Und wieder etwas völlig anderes:

“Design is…”
Jon Hicks hat damit eine Art Welle ausgelöst. Es gibt mittlerweile nun schon eine eigene Flickr-Group (Designer Wallpaper) mit über 80 Mitgliedern. Es sind (meiner Meinung nach) ein paar wirklich gute Sachen dabei… und ein paar wirklich schlechte. ;)
Einfach mal durchgucken.

Übersicht über CSS-Änderungen im IE7 [update]

Nur ein kurzer Link.
Im IE-Blog gibt es nun ein (derzeit) aktuelles Posting zu dem geänderten/aktualisiertem CSS-Verhalten: Details on our CSS changes for IE7.

Das ganze wird ja für Web Developer recht schnell interessant, da der IE7 über das automatische Update ausgeliefert werden soll.

Alles in Allem muss ich wirklich sagen, dass das IE-Team recht gute Arbeit geleistet hat. Auch, wenn ich wohl noch lange auf den IE6 schimpfen werde, sehe ich doch ein Licht am Ende des Tunnels. ;)

[UPDATE]

Microsoft hat den RC1 des IE7 freigegeben. Dort sind wohl schon alle CSS-Änderungen eingepflegt. Zu bekommen ist der RC1 wie immer hier: http://www.microsoft.com/ie

Die entsprechenden Einträge im IEBlog sind hier:
Internet Explorer 7 Release Candidate Now Available
Installation Changes in IE7 Release Candidate

Weiterhin steht der Plan, die finale Version des IE7 noch im 4. Quartal diesen Jahres auszuliefern. (Es wird wohl wirklich ernst…)

Creative Commons License