scriptwelt blog

The short story

Here’s the recipe: MooTools modules Native, Class, and Class.Extras (24k uncompressed); jQuery; and Class.Mutatotors.jQuery. Write a MooTools Class and use jQuery for the DOM.

Class.Mutatotors.jQuery

This mutator automatically extends the jQuery object with the class, so you can use conventional jQuery syntax to instantiate and control the class.

Object Oriented jQuery with MooTools

Object Oriented jQuery with MooTools

Ein schönes jQuerry Plugin gibt es bei workshop.rs. Mit dem jqIsoText lassen sich Texte mit einem pseudo-isometrischen Effekt darstellen. Das Plugin funktionier mit Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

jqIsoText ein jQuery plugin für pseudo-isometric Texteffekt

jQuery 1.4.2 Released

Februar 25th, 2010

jQuery 1.4.2 is now out! This is the second minor release on top of jQuery 1.4, fixing some outstanding bugs from the 1.4 release and landing some nice improvements.

I would like to thank the following people that provided patches for this release: Ben Alman, Justin Meyer, Neeraj Singh, and Noah Sloan.

Downloading

As usual, we provide two copies of jQuery, one minified (we now use the Google Closure Compiler as the default minifier) and one uncompressed (for debugging or reading).

You can feel free to include the above URLs directly into your site and you will get the full performance benefits of a quickly-loading jQuery.

Additionally you can also load the URLs directly from either Google or Microsoft’s CDNs:

zum ganzen Artikel

Unter der Rubrik gibt es auf dem Rubyinside -Blog ein interesannte´n Artikel:

Harmony, from Martin Aumont, is a new Ruby DSL for executing JavaScript and DOM-using code from within Ruby apps. Why’s that cool? Well, it enables you to build your own Ruby-level unit tests for JavaScript code within your Web applications – everything can be under one set of test suites!

Auf der Seite von dottoro.com gibt es einen Syntax Highlighter für CSS, HTML, JavaScript uns XML. Einfach den gewünschten Code eingeben und schon bekommt der Anwender den Code mit gewünschten Highlight.

Als Beispiel ein kleines JavaScript

<script type=”text/javascript”>
function uDial (frage, verweis) {
if (confirm(frage)) location.href=verweis;
return false;
}
</script>

und das Script nach dem Highlighter

Syntax Highlighter für CSS, HTML, JavaScript uns XML

Farben-Kontrast-Tool

Februar 17th, 2010

Tolles Tool zur Farbfindung:

Mit diesem Werkzeug kann der Anwender die mögliche Vordergrund und die Hintergrundfarbe spezifizieren, dadurch ist es sehr einfach möglich das Kontrastverhalten von verschiedenen Farbtönen zu testen oder zu überprüfen. So lassen sich Farbendefizite einfach festellen. Ausserdem lassen sich die Farben wie auf  Schwarzweiss-Schirmem darstellen. Es lassen sich mit dem Colour Contrast Check auch feststellen, ob die Farben der WCAG 2.0 Kontrast-Verhältnisformel entsprechen.

Color Contrast Check

MooTools Roundup January 2010

Februar 15th, 2010

diesmal von David Walsh mit den Themen:

  • Moodit
  • Moodoco
  • MultiSelect
  • Mif.Tree

Hier geht es zum Artikel

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

Yahoo! UI Rich Text Editor

Yahoo! UI Rich Text Editor

TinyMCE

TinyMCE

NicEdit

NicEdit WYSIWYG editor

CKEditor WYSIWYG editor

CKEditor WYSIWYG editor

openWYSIWYG 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

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.”

sleek-feed-widget

Proudly powered by WordPress
Copyright © scriptwelt blog. All rights reserved.