scriptwelt blog

Die neue Version des beliebten JavaScript Frameworks Mootools ist released. Mit der neuen Version 1.2.4.3 wurde etwa 50 Bugs behoben

Keyboard:

• Added some support for just pressing ‘shift’, ‘control’, or ‘alt’
• Added a bunch of keycodes for Mac compatibility

Keyboard.Extras:

• Support for “shortcuts” which are keyboard entries that have names and descriptions.
• Also provides methods for listing all the active shortcuts as well as allowing a shortcut to be rebound (for instance, if you were to allow the user to choose a key for a shortcut).
• Added a change event to Keyboard.manager whenever any keyboard is activated.

Tips:

• They work again (I know, that’s not really a feature).
• NEW Tips option “windowPadding” allows you to reduce or expand the virtual size of the window for tip positioning. Defaults to {x:0, y:0}. You can use that is a workaround for the scrollbars not being considered when calculating tip positions.

HtmlTable:

• fixed numerous bugs filed in Lighthouse
• HtmlTable can no longer apply it’s click behavior more than once.
• HtmlTable now pushes headers defined in the options.
• Reworked HtmlTable’s DOM a bit to allow for positioning of the sort icon
• Added new set method for headers and footers.
• Fixed error in HtmlTable.Parsers when sorting by date. format(‘db’) was being applied to the text and not the date object.

Array:

• Added Array.shuffle

Request.JSONP:

• Made JSONP pass all arguments, not just the first, to its complete/success methods; see this discussion on the google group.

Fx.Slide:

• Added an option to specify the wrapper element for Fx.Slide. Was already present in the docs but could not be passed as an option.

Mask:

Added options for the IframeShim for Mask

Hier geht es zum offiziellen Mootools Beitrag inkl. Download

Heute auf dem Google Watchblog gefunden:

“Berichten zufolge wird Google heute Abend deutscher Zeit einen neuen Service vorstellen. Mit diesem soll es möglich sein wie bei Facebook und Twitter kleine Nachrichten an seine Kontakte zu schicken und deren beobachten zu können.

So soll Google zu einer Pressekonferenz in Mountain View geladen haben. Google will auf dieser einige Produkt-Innovationen vorstellen. Vermutlich wird auch Picasa Web und YouTube in den neuen Service integriert werden.”

Mal abwarten was kommt. Wäre mal interessant was wie sich dann der Markt teilt.

Auf http://robo.to gibt es eine mittels JavaScript animierte 404 Seite. Die Idee ist wirklich Klasse und erinnert mich daran, mal meine zu bearbeiten.

Um die Animation zu sehen einfach auf das Bild ( Link) klicken.

Das jQuery Plugin Inline Label wurd heute ins JavaScript Archiv aufgenommen.

Unter dem Motto

Gimp Tutorials – Wo gibt es die beiden besten Ressourcen?

gibtes auf  zoom-ads einen kleinen Beitrag für alle Gimpfeunde. Beschrieben werden die deutsche Seite Gimpuser und die amerikanische Seite gimp-tutorials.net. Ausserdem gibt es noch einen Link zu einem Online Buch.

Hier geht es zu dem Artikel.

Typografie ist heute ein wichtiger Design- und  Gestaltungspunkt geworden. Schon die Auswahl der geeigneten Schriftarten für ein Dokument kann die Erscheinung stark beeinflussen. Dabei ermöglicht Typographie, Design mit Kommunikation zu vereinen, um einer Webseite oder einem Blog ein individuelles Aussehen zu geben. Im Artikel werden einige JavaScript Libraries und Tools vorgestellt, die Ihnen bei der typographischen Gestaltung Ihrer Webseite helfen können.

Ein wesentlicher Bestandteil der Webseiten Typographie ist die Schriftart oder Font. Doch wie binde ich als Webmaster meine eigenen Fonts in meine Webseite ein? In den meisten Fällen werden Texte mit eigenen Fonts als Grafik oder als Flash dargestellt. Doch gerade diese werden von den meisten Suchmaschinen nicht als Content gewertet oder der Besucher der Seite muss einen Flash Player Plugin auf seinem Browser installert haben. Abhilfe schafft JavaScript

Cufón

Bei Cufón wird die gewünschte Schriftart über ein Web-Interface umgewandelt und anschließend per JavaScript eingebettet.  Sollte Javascript beim Webseiten Besucher ausgeschalten sein, wird der entsprechende Tag im definierten Zeichensatz dargestellt. Bei Cufón können ttf- bzw otf-Fonts verwendet werden.

Nachteile:  Es lassen sich nur drei Schriftstile (normal, fett, kursiv) hochladen und auch die Anzahl der einzubettenden Zeichen ist begrenzt. Ausserdem wird für jedes Wort ein eigenes Span Element generiert, welches den Code aufbläht.

Ein weiterer Vertreter dieser Sparte ist

typeface

Auch mit typeface lassen sich eigene  Schriftarten in einer Webseite verwenden. Die Konvertierung erfolgt wie bei Cufón, über ein Webinterface. Typeface.js rendert die konvertierte Schrift ohne Verwendung von Grafiken und Flash. Ist Javascript inaktiv, wird die Schrift wie im CSS festgelegt dargestellt.

Cufón vs Typeface

Der Unterschied zwischen beiden ist sehr gering. Cufón unterstützt mehr Filetypen, Typeface mehr CSS-Eigenschaften. Typeface.js ist einfacher zu verwenden, Cufón ist etwa 40kb kleiner. Bei Typeface.js  können transformierte Texte nicht markiert und kopiert werden. Bei beiden kann es zu Problemen bei der Lizenz der verwendeten Truetype-Fonts kommen.

Hyphenator

Mit Hyphenator.js wird eine automatische Silbentrennung erzeugt. Sollte ein langer Text, zum Beispiel durch verkleinern der Auflösung, zu einem Zeilenumbruch gezwungen werden, übernimmt Hyphenator die Silbentrennung. So kann es nicht zu unschönen Blogsätzen führen.

Momentan werden folgende Sprachen unterstützt:

• Englisch
• Deutsch
• Französisch
• Niederländisch
• Schwedisch
• Spanisch
• Malayalam, Tamil, Hindi, Oriya, Kannda, Telugu, Bengali, Gujarati und Panjabi
• Italienisch

Fazit

Wie man sieht, ist die Lösung vom Traum einer Schriftenvielfalt im Netz noch weit entfernt. Auch ältere Lösungen wie das Flash/ JavaScript Tool sIFR, können die Probleme der WebDesigner nur bedingt lösen und schaffen gleich wieder neue.

Im IBM Developerwork gibt es einen interesannten Vergleich der fünf JavaScript Frameworks Prototype, jQuery, YUI, ExtJS und MooTools. Der Autor Joe Lennon vergleicht grundlegende Features der Frameworks in einer Tabelle miteinander. Verglichen werden

• Browser Compatibility
• Core Features
  • Ajax Support
  • DOM Manipulation
  • DOM Traversal
  • Event Handling
  • JSON
  • Selectors
• UX/UI Enhancements
  • Accordion
  • Animation
  • Auto Completion
  • Browser History
  • Calendar
  • Charting
  • Drag and Drop
  • Grids
  • Progress Bar
  • Resizing
  • Rich Text Editor
  • Slider
  • Tabs
  • Themes
  • Tree Views

Dem Autor sind zwar ein paar kleiner Schnipser, wie bei der Versionsnummer von jQuery unterlaufen, aber die Tabelle ist eine mögliche Entscheidungsshilfe bei der Auswahl des richtigen Frameworks.

Beklemmend finde ich nur, der Artikel ist unter dem Verzeichnis JAVA abgelegt.

..m/developerworks/java/library/w..

Link Framework comparison

Bei Davis Welsh gibt es ein kleines Tutorial, wie man eine besondere Animation mit Mootools für seine Tabs Leiste erstellen kann. Einfach auf das Demobild drücken.

Laut Heise Developer kündigt Microsoft wieder ein Projekt zur  Unterstützung von JavaScript für .Net an. Verantwortlich zeichnend sich der  schwedische Softwareentwickler Fredrik Holmstrom, der inseinem Blog schon einmal die Performance seines IronJS mit der Impementierung Jint (Jint – Javascript Interpreter for .NET, läuft nicht auf der Dynamic Language Runtime)  vergleicht. Auch die Compilierung von jQuery 1.4 scheint komplett zu funktionieren, wie sein letzter Blogeintag

“I’m happy to say that IronJS now compiles jQuery 1.4″

vermuten lässt. Weitere Informationen zu IronJS gibt es bei github.

Auf der Seite von Andrew Hoyer gibt es eine hervorragende Simulation eines Stofftuches. Es ist möglich das Tuch zu ziehen und dann seine Bewegung zu beobachten. Umgesetzt ist das ganze in JavaScript und HTML/Canvas.

Hier der Link zur Demo