scriptwelt blog

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

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:
  • 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

Google vs Twitter und Facebook

Februar 9th, 2010

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.

Coole 404 JavaScript Seite

Februar 9th, 2010

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.

robo-404

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