JavaScript

Es scheint es geht im neuen Jahr auch gleich wieder richtig los mit Entwicklungen. Die Höhepunkte im Januar waren einige Pläne für Verbesserungen von CSSOM, der Implementierung von CSS-Variablen und die Integration von Interactive Validation in WebKit. Ich werde mich nicht mit H.264 befassen. Darüber haben sich schon genügend andere Personen Gedanken gemacht.

Falls du an Neuerungen im Bereich HTML interessiert bist, empfehle ich dir den Artikel  von Anne van Kesteren über die neuesten Änderungen rum um WHATWG. Der Beitrag befasst sich hauptsächlich mit Diskussionen aus der Verteilerliste whatwg@whatwg.org und ist recht interessant!
Tab Atkins, Mitglied der CSS-Arbeitsgruppe und des Google-Chrome-Teams, hat die Präsentation, die er gehalten hat, veröffentlicht. Darin kommt CSSOM - die Schnittstelle zwischen Javascript und CSS – nicht gerade gut weg. Die Präsentation stellt vier relativ neue Konzepte vor:

Wie in meinem vorherigen Beitrag "Gültige id-Attribute der HTML-Elemente" ausgeführt, beschränkt HTML 4.01 das erlaubte Format für id-Attribute recht stark:

ID- und NAME-Attribut muss mit einem Buchstaben ([A-Z, a-z]) beginnen, dem eine beliebige Anzahl von Buchstaben, Ziffern ([0-9]), Bindestrichen („-“), Grundstrichen („_“), Doppelpunkten („:“) und Punkten („.“) folgen kann.

Nun, HTML5 lässt jetzt nahezu jeden Wert für id-Attribute zu:

Auszug aus HTML5 3.2.3.1 das id-Attribut:

Der Wert muss eindeutig unter allen IDs im Unterbaum des Elements sein und mindestens aus einem Zeichen bestehen. Der Wert darf keine Leerzeichen enthalten.

Mindestens ein Zeichen, keine Leerzeichen.

Damit ist es nun auch möglich z.B. Akzentbuchstaben zu verwenden. Natürlich erhöht sich damit auch die Chance, dass du dir selber in den Fuss schiesst, da nun auch id-Werte möglich sind, die Probleme mit CSS sowie JavaScript verursachen könnten, wenn du damit nicht vorsichtig bist.

Vor ein paar Tagen erschien die neue Beta-Version Nr. 7 des beliebten Internet-Browsers Firefox. Größte Neuerung ist die verbesserte Javascript-Engine "Jägermonkey", die den Fuchs laut Mozilla 3-mal schneller als die Vorgängerversionen macht. Da das WWW eh in Richtung aufwendiger Animationen mittels Javascript geht, kommt eine derartige Neuerung gerade recht.                                                 Zudem können 3D-Inhalte ohne Plugin dargestellt werden. Voraussetzung dafür, ist eine passende OpenGL-Grafikkarte. Außerdem hat Mozilla erweiterte HTML5-Formular-Funktionen in die neue Beta-Version gesteckt. Addon-Entwickler können sich auch noch über eine finale Addon-API freuen. Man hoffe, dass dadurch mehr Erweiterungen mit Firefox 4 kompatibel werden.

Download Firefox 4 Beta 7

Fazit

Muss sagen, dass die Beta 7 meiner Meinung nach fühlbar schneller geworden ist. Finde es gut, dass Mozilla auch Schnelligkeit mag. Werde aber vorerst noch bei Opera/Chrome bleiben, da diese noch stabiler wirken, als die 4er-Version.

Holländische Firma TIOBE hat ihr aktuelles Rating der Programmiersprachen (auch bekannt als Tiobe-Index) veröffentlicht. Die Bewertung basiert auf den Daten aus verschiedenen  Suchmaschinen, Stellenanzeigen, Kursangeboten, die bestimmte Programmiersprachen betreffen.


Bemerkenswert bei der diesmaligen Aktualisierung ist das starke Wachstum der von Apple entwickelten Programmiersprache Objective-C (2,54% in einem Jahr, auf dem direkten Weg zur Programmiersprache des Jahres 2010). Auch die neue Sprache von Google Go ist  unter den Top 20 (vorher wurde Go von TIOBE zur Programmiersprache des Jahres 2009 ernannt), ist aber vom Platz 13 (Januar 2010) auf Platz 20 gerückt.

Feste oder flexible Breite? Diese Frage stellen sich Webdesigner wieder und wieder. Die einen befürworten Webseiten mit festen, fixierten Designs. Die anderen schwören auf flexible Layouts. Doch man kann auch den Benutzer entscheiden lassen was ihm persönlich gefällt. Ich habe versucht dieses Problem mit einem JavaScript zu lösen und möchte meine Lösung vorstellen.

Ganz klar — es gibt mindestens 2 Ansätze:

1. zwei getrennte Layouts (HTML + CSS) erstellen und zwischen den beiden umschalten
2. Seitenbreite dynamisch über JS ändern ohne die Seite neu zu laden

Ich habe mich für den zweiten Ansatz entschieden. Das Ergebnis kann man hier anschauen.

Na, überlegt ihr euch den ganzen Tag wie man die Zeit totschlägt? Versucht mal damit:


Dieses Bookmarklet startet ein kleines Asteroids-Spiel und man kann dann die ganze Seite zerballern!

Anleitung: mit Pfeiltasten bewegen und mit Leertaste schießen!

Übrigens: Ihr könnt dieses Bookmarklet in eure Lesezeichenleitste oder auf einen Browser-Tab ziehen und auf einer beliebigen Seite eine Menge Unfug anrichten ;)

Viel Spass damit!

Die Auswahl der Programmiersprachen und der Frameworks, die in den modernen Web-Applikationen zum Einsatz kommen, wird immer größer. Waren es noch vor wenigen Jahren fast nur PHP, Perl und Java, so kommen heutzutageRuby, Python und sogar Exoten wie Lua und Erlang immer häufiger vor.

Doch nach wie vor ist PHP unumstritten eine der verbreitetsten Sprachen für die Erstellung von dynamischen Webseiten. Und praktisch jeder PHP-Entwickler kennt Smarty, mächtige und beliebte Template-Engine.

Für meinen ersten Beitrag habe ich mir das Thema JQuery vs. Mootools ausgesucht. Beides sind sogenannte Javascript-Frameworks, also eine Ansammlung von Funktionen aus Javascript.

Warum sollte man ein Framework verwenden?
Die Vorteil von Frameworks, sind speziell, dass man für bestimmte Funktionen, die immer wieder gebraucht werden, keine 1000 Zeilen Code braucht, sondern diese Funktionen werden mit wenigen Zeilen aus dem Framework aufgerufen. Somit spart man sich Zeit und man ist um einiges komfortabler unterwegs. Außerdem besteht eine gewisse Browserkompatibilität.

Jetzt kommen wir aber mal zum eigentlich Thema. Dem Vergleich von JQuery und Mootools. Ich muss hinzugeben, dass ich Anhänger von JQuery bin und mich deswegen besser darin auskenne. Mootools sollte aber auch zum Zuge kommen.

Auf der Konferenz OSCON sagte Rob Pike, dass die industriellen Programmiersprachen, so wie C++ und Java, zu kompliziert sind und nicht mehr zeitgemäßen Rechner-Standards entsprechen.

Sie sind zu wortreich, kompliziert und verwirrend, was mit der Zeit eher schlimmer als besser wird. Zur Illustration wie verwirrend diese Sprachen sind, hat Pike einige Beispielcodes von C++ gezeigt.