scriptwelt blog

Auf dem Blog stellt Antonio Lupetti eine Übersicht der 5 gängisten  Rich Text Editoren vor.

Yahoo! UI Rich Text Editor

TinyMCE

NicEdit WYSIWYG editor

CKEditor WYSIWYG editor

openWYSIWYG WYSIWYG editor

Er beschreibt in seinem Artikel die Vorzüge eines jeden WYSIWYG editors Editor für den Web Einsatz.

Das jQuery MultiSelect Plugin von Developed by Eric Hynds ist ein Multi Select Plugin für jQuery mit unterschiedlichen Design-Themen. Das Plugin ist Multi – Browser Fähig und unterstüzt sogar den Internet Explorer 6 von Microsoft.

jQuery MultiSelect Plugin

Features

• Full ThemeRoller support.
• Optgroup support with clickable labels.
• Optional header with check all / uncheck all / close links.
• Degrades gracefully.
• Keyboard support (albeit, somewhat shaky at this point).
• Ability to hook into 5 different event callbacks.
• Display the checked options in a list with a configurable maximum.
• Easily change the position, fade speed, scroll container height, links text, and input text.
• The widget width inherits from the original element, but is also configurable as a parameter.
• bgiframe support.
• Only 6kb minified.

Compatibility

MultiSelect is compatible with jQuery 1.4.0+ and all themes from jQuery UI 1.7+.  This plugin is known to work in (but not limited to):

• Firefox 2 – 3.6
• IE 6 – 8
• Chrome Beta/4
• Safari 4
• Opera 10

jQuery MultiSelect Plugin ist lizensiert unter Open Source MIT und GPL Lizenz.

Das Projekt ist auch bei GitHub vertreten.

gibt es auf  tutorialzine. Einfach den Link ankliecken.

“You will be surprised at how much data is made available on the web through RSS or ATOM feeds – twitter searches, your latest diggs, Google Search alerts, your own blog categories and so much more. You just have to look for that orange icon and you’ll surely find a lot more precious data, just waiting to be put into use.”

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