F-LOG-GE » Ajax und Javascript

YUI3 ist draussen

Jens Grochtdreis — Wed, 30 Sep 2009 13:41:29 +0000

Heute wurde YUI3 veröffentlicht, das Javascript- und CSS-Framework von Yahoo!. Eric Miraglia beschreibt ausführlich die Neuerungen von YUI3. In der neuen Version ist die Syntax verändert. Sie ist zwar noch immer nicht so schön intuitiv begreifbar und simpel wie bei jQuery, sie sieht aber einfacher aus, als bisher.

Bislang hatte ich noch kein Projekt, in dem YUI gewünscht worden wäre oder es nützlich gewesen wäre. Bislang genügte immer jQuery. Sollte ich mal ein Projekt machen, in dem UI-Elemente eine große Bedeutung bekommen, wäre YUI meine erste Wahl. YUI hat den großen Vorteil, von einer großen Community getragen zu werden und mit den Yahoo!-Seiten hochfrequentierte Testcases zu besitzen. Was dort funkltioniert sollte überall funktionieren.

Firebug Working Group

Jens Grochtdreis — Mon, 21 Jul 2008 10:56:06 +0000

Seitdem Firebug existiert weiß ich überhaupt nicht mehr, wie ich die letzten Jahre ohne ihn habe Webseiten entwickeln können. Diese Firefox-Extension ist schlicht genial. Beim Debugging im IE fehlt jedesmal ein solches Tool. Die IE Developer Toolbar ist nicht einmal halb so gut.
Deshalb ist es interessant zu sehen, daß sich zur Weiterentwicklung von Firebug echte Größen zusammengefunden haben. Joe Hewitt – der Erfinder – wird u.a. von Douglas Crockfort (Yahoo!) unterstützt, einem der besten Gehirne in Sachen Javascript. Weitere Unterstützer kommen von Google, IBM, Aptana und Mozilla. Eine illustre Runde, die Hoffnung auf eine richtig gute Weiterentwicklung macht.

Nachtrag: Es steht noch nicht auf der Webseite von Firebug, aber John Resig – der Erfinder von jQuery – wird das Firebug-Team unterstützen. Das wird ja immer besser!

Lightbox-Matrix

Jens Grochtdreis — Sat, 24 May 2008 16:00:10 +0000

Lightboxen sind ein immer wieder gesehenes Stilmittel bei der Erstellung von Webseiten. Der anfängliche Hype scheint sich gelegt zu haben. Trotzdem werden immer wieder neue Skripte veröffentlicht, für die unterschiedlichen Frameworks oder auch ohne diese. Die “Lightbox Clones Matrix” listet derzeit 38 unterschiedliche Varianten auf, die nach Framework (oder nicht) und nach Fähigleiten selektiert werden können. So gewinnt man einen prima Überblick. Der Autor wird noch viel arbeit damit haben, bei der Liste immer auf dem neuesten Stand zu bleiben. Das Skript von Michael Leigeber fehlt in der Liste. Diese Matrix ist jedenfalls als Ausgangspunkt für die eigene Recherche sehr hilfreich.

Das erste Buch zur YUI ist draussen

Jens Grochtdreis — Fri, 21 Mar 2008 00:16:16 +0000

Der Markt für Computerbücher scheint mir heiß umkämpft. Das große Problem für die Verlage ist, daß die Gegenstände ihrer Bücher ein meist sehr kurze Existenzzeit haben. Internettechniken entwickeln sich teilweise recht schnell fort, so daß die Planung für die Verlage schwer wird. Und trotz der schnellen Veränderungen schreiben sich die Bücher erstens nicht von allein und zweitens liegen die guten Autoren auch nicht auf der Straße.

Umso erstaunlicher finde ich, daß sich mittlerweile neue Verlage mit einer hohen Aktualität und einem breiten Spektrum etablieren. Nur nicht in Deutschland. Sitepoint schickt sich derzeit immer mehr an, hochwertige Bücher zu veröffentlichen, aber vor allem Manning und Packt machen immer mehr von sich reden. Die zwei ersten Bücher über jQuery erscheinen bei Packt, das dritte bei Manning. Weder O’Reilly noch Galileo in Deutschland haben Bücher zu diesem Thema im Programm. Ich habe auch nicht den Eindruck, daß sie sie in naher Zukunft im Programm haben werden. Entweder sind die Verlage zu einfallslos oder aber der Markt der Autoren ist zu dünn. Ich denke, es ist beides.

Ich bin immer mehr von Packt Publishing begeistert. Auch wenn mich das Design der Bücher enttäuscht, es kommt ein wenig lieblos daher. Packt publiziert nun das erste Buch zur YUI von Yahoo. Es ist klasse, daß es endlich auch zu diesem wichtigen und unheimlich umfangreichen Framework – das zu einem wichtigen Teil auch Javascript beinhaltet – ein Buch geben wird. Es soll wohl in Kürze erscheinen. Auf der Verlagsseite kann man das Buch sowohl gedruckt, als auch als PDF bestellen.

Ich hatte mir damals das erste jQuery-Buch als PDF und gedruckt gekauft und bin bis heute mit der Entscheidung sehr zufrieden. Ich finde es sehr charmant, einige PDFs auf meinem EeePC zu lesen. Deshalb habe ich in letzter Zeit ein paar Bücher direkt als PDF gekauft. Ich mag aber immer noch am liebsten Bücher gedruckt lesen.

Codeschnipsel verwalten

Jens Grochtdreis — Tue, 18 Mar 2008 12:36:08 +0000

Ein nette AIR-Applikation kommt aus dem Hause mootools: Snippely. Mit Hilfe dieser kleinen Anwendung kann man Codeschnipsel verwalten und dokumentieren. Bedienung und Optik sind schonmal ganz ansprechend, jetzt braucht die Applikation noch ein paar Features. Dezeit weiss ich nicht, wo die Snippets gespiechert werden und kann sie leider weder exportieren noch zusammen mit anderen nutzen. Aber ich denke, das sind alles noch Features, die hinzugefügt werden können. Man kann die Applikation natürlich auch dazu nutzen, sich mit AIR auseinanderzusetzen.

Mal was zu Prototype

Jens Grochtdreis — Wed, 21 Nov 2007 06:56:06 +0000

Meine bevorzugte Javascript-Bibliothek ist jQuery, wie ich schon mehrfach betonte. Es ist aber trotzdem nicht schlecht, die anderen Frameworks im Blick zu behalten. Speziell “die Urmutter” Prototype finde ich interessant. Mein Problem mit Prototype ist die äußerst schmale Doku, es gibt nur ganz wenige Tutorials und die Plugins muss man sich mühsam zusammensuchen. Offenbar tut sich auf diesen Feldern – bis auf die Doku – ein wenig.

Juiry Zaytsev zeigt uns in zwei Posts die richtige und die immer wieder falsche Anwendung von Prototype (Teil1, Teil2). Für alle Interessierten sind diese Artikel in meinen Augen ein Muss.

Andrew Dupont kümmert sich in einem Artikel um Pseudo-custom events in Prototype 1.6 und oben erwähnter Juiry Zaytsev baut mit Scripteka eine Seite auf, die als Plugin-Sammelstelle für Prototype dienen soll. Eine prima Idee, das fehlt bislang komplett.
Ansonsten hilft natürlich immer auch ein bißchen Stöbern bei Ajaxian, die immer sehr frische Links wie die obigen bieten. [Wobei ich persönlich ja die Artikel über jQuery interessanter finde. ]

Vergleich zwischen jQuery und Prototype

Jens Grochtdreis — Fri, 26 Oct 2007 18:45:44 +0000

Je mehr ich mich damit beschäftige und damit arbeite, umso mehr gefällt mir jQuery. Ich bin kein leidenschaftlicher Javascripter und so gefällt mir der etwas JS-ferne Ansatz von jQuery sehr gut. Mein Freund Johannes Gamperl hingegen bevorzugt entschieden Prototype. Aus seiner Sicht ist das verständlich, schließlich ist er ein absoluter Profi auf dem Gebiet von Skript- und Programmiersprachen. Und Prototype “riecht” einfach viel mehr nach Javascript als es jQuery tut.

Beide Frameworks haben unterschiedliche Philosophien und bedienen unterschiedliche Anwendertypen. Gemein ist ihnen der Verdienst, Javascript wieder aus der Schmuddelecke geholt zu haben und nun auch moderne Anwendungen zu erleichtern. Wer sich für einen genaueren Vergleich der beiden Frameworks interessiert, dem kann mit dieser interessanten Präsentation geholfen werden, die es auch bei Slideshare als PDF zum Download gibt.

| Diese Slideshow auf SlideShare anschauen

CSS-Framework mit Javascript

Jens Grochtdreis — Fri, 12 Oct 2007 11:21:25 +0000

Frontend-Frameworks sind mittlerweile vermehrt Gegenstand der Fachdiskussion. Ein Umstand, den ich nur begrüßen kann. Meine Befürchtung hingegen ist, daß auch im Frontend nun fast jeder sein eigenes Framework haben will, wie bei den PHP-Frameworks. Nur mit dem Unterschied, daß XHTML und CSS in meinen Augen nicht so viele Variationen erlauben wie PHP. Daß ich mit meiner Befürchtung nicht falsch liege zeigt jetzt “Mr. Prototype” (a.k.a. Sébastien Gruhier) mit seinem “Simple Layout Manager“.

Für einen Kunden hatte er auf Basis von Prototype 1.6 eine Applikation gebaut, mit deren Hilfe man sich ein Layout einfach und schnell zusammenschieben kann. Er zeigt dazu auch ein Beispiel. Mein erster Gedanke ging in Richtung YAML-Builder, doch das war leider weit gefehlt. Wenn man auf der Beispielseite Javascript deaktiviert und dann einen Reload macht stellt man verblüfft fest, daß das Layout auseinandergefallen ist. Das Layout benötigt Javscript! Da hat jemand den Sinn von CSS und Javascript nicht verstanden. Umso unverständlicher sind mir die teilweise begeisterten Kommentare. Offenbar haben wir Webkrauts noch eine Menge zu tun, Entwickler auf den Zug moderner und intelligenter Webentwicklung zu heben.

SWFObject war tot, es lebe SWFObject

Jens Grochtdreis — Mon, 01 Oct 2007 20:53:58 +0000

Vor einiger Zeit taten sich die Entwickler des SWFObject und UFO zusammen, um die optimale Flasheinbindung via Javascript zu programmieren. Das Kind wurde SWFFix getauft und dümpelte uner Ausschluss der interessierten Öffentlichkeit lange vor sich hin. Nun wurde eine erste Alpha veröffentlicht und verständlicherweise der Weg wieder zurück zum Anfang gesucht: SWFFix heißt jetzt wieder SWFObject. Na, super, dann kann es jetzt ja losgehen.

Es gbt eine erste Alphaversion bei GoogleCode und ein paar interessante Testseiten. Ich muss mir das bei Gelgenheit mal genauer anschauen. Ich möchte mal wisssen, wofür die 11 KB sinnvoll sind. Ich habe bisher auch recht gerne Robert Nymans “FlashReplace” genutzt, das gerade mal um die 2 KB hat.

Auf alle Fälle haben mir meine Experimente mit javascriptfreier Einbettung von Flash gezeigt, daß diese sowohl immer ein separates Javascript für den IE (Stichwort: Eolas) benötigen und daß der Alternativinhalt leider immer mitgeladen wurde. Deshalb kommt für mich nur eine Einbindung von Flash mittels Javascript in Frage.

Mehrteiliges Firebug-Tutorial

Jens Grochtdreis — Tue, 11 Sep 2007 11:25:24 +0000

Michael Sync schreibt an einem mehrteiligen Firebug-Tutorial. Derzeit sind neben einer Einleitung zwei weiteren Teilen online. Wenn ich seine thematische Überischt richtig interpretiere, so folgen noch mindestens vier weitere Teile.