WebDevTeam’s Blog

Eine nette Übersicht ist hier zu finden.

Die Matrix soll lediglich die unterschiedlichen API-Stile sowie die Funktionsweisen der JavaScript-Bibliotheken veranschaulichen.

Schaut euch einfach mal das Video an. Fetzt oder?

Ich habe das ganze mal probiert, für Firefox braucht man Google Gears, im portablen Google Chrome ging es auch nicht. ABER im (Windows) Safari ging es sofort und genauso einfach wie im Video gezeigt.

Die Samples bietet eine ganze Menge von Beispielen. Die Gründe für Gears, die allgemeine Benutzung und die Weiterverwendung nach den ganzen Änderungen (Deploying) ist sehr gut beschrieben.

Da ich mich gerade ein wenig zum Thema Build-Management für JavaScript informiert habe und bevor ich die Links wieder vergesse und erneut suchen muss, werde ich sie also hier publizieren.

Sprockets

JavaScript dependency management and concatenation
Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files. It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation.

Sprockets stammt von Sam Stephenson dem Erfinder von Prototype und wird u.a. für die Entwicklung von Prototype benutzt.

Ajaxian Artikel zu Sprockets

js-build-tools

Collection of Ant tasks for a JavaScript build process.

Ein erläuternder Artikel dazu: JavaScript build process using Ant

manchmal reicht aber vielleicht auch ein einfaches concat im Ant

<concat destfile=”/javascript/onebig.js” fixlastline=”yes”>
<filelist dir=”/javascript/” files=”one.min.js,two.min.js,three.min.js”/>
</concat>

Hier mal ein paar Links, die ich in den letzten Wochen gefunden habe und durchaus lesenswert finde:

Browser

• Definitive Guide to Taming the IE6 Beast
• ie6nomore

CSS

• CSS Tip #2: Structural Naming Convention in CSS
• CSS Filter Hacks
• 5 Important CSS Hacks for IE That You Should Know
• The Definitive Guide to Using Negative Margins

E-Commerce

• 13 Tips For A Better E-Commerce Website

JavaScript

• What You Need To Know About JavaScript Scope
• Event Driven Programming with jQuery Tutorial

Wireframes

• Using Wireframes to Streamline Your Development Process
• The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes
• Better Perspective in WireFraming

Da wir ständig mit diesem Problem konfrontiert sind: Best way to load your JavaScript.

A collection of utilities for text escaping and unescaping in JavaScript: http://0xcc.net/jsescape/

Wer im Browser entwickeln möchte, sollte sich dies mal anschauen. Die Benutzung ist im Firefox allerdings sehr zäh.

Wenn man sich an der URL mit Hilfe des Hashs Sachen für die Ajax History merken möchte, hat mir der IE den gesamten Hash auch immer mit in den Seitentitel des Browserfensters geschrieben. Dies ist ein bekannter IE Bug. Auf der Seite http://bugs.adobe.com/jira/browse/FP-240 wurde dies in Bezug auf Flash gelöst. Dies hat mir leider nicht geholfen. Nach ewigem Rumprobieren, kam ich auf die Idee, den Hash einfach mit ganz vielen Leerzeichen aus dem sichtbaren Bereich im Browserfenster “herauszudrücken”.

Schreibt man einen Seitentitel im HTML selbst, kann man dies mit dem HTML Entity &nbsp; machen. Dies geht zwar im  JavaScript auch, funktioniert aber nicht. Ebenso führt decodeURIComponent(‘%20%20%20%20%20′) nicht zum Erfolg.

Dann bin ich durch diese Seite auf den soft separator \u00a0 gestoßen und *Bing* schon gings.

1. Ich merke mir allgemein den Original Seitentitel.
2. Nachdem ich den Hash an die URL geschrieben habe rufe ich die Funktion (nur für den IE) auf.
3. Diese nimmt den Original Titel, ergänzt gaaaaanz viele Leerzeichen und verschiebt so den Hash im IE aus dem sichtbaren Bereich im Browserfenster. Einfach, aber effektiv.

document.originalTitle = document.title;

function setPageTitleForIE() {
 var title = document.originalTitle; // get the original title
title += '\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0';

title += '\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0';

title += '\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0';

document.title = title;

}

Sehr lesenswerter Artikel! More than 25 Excellent Tips to Improve jQuery

Schade, dass der Server wegen Überlastung scheinbar down ist, das hätte ich mir doch zugern mal angesehen. Und zwar haben koreanische Entwickler einen Generator für Mashups komplett mit YUI gebaut. Den Artikel dazu findet man bei Ajaxian: Uizard – a web mashup generator written in YUI.