WebDevTeam’s Blog

Web Development, JavaScript, CSS, Ajax, Web2.0, Usability, Interaction, Tools

Posts Tagged ‘tools

jQuery benutzt jetzt Google Compiler statt YUI Compressor

leave a comment »

Bei Twitter bin ich bei Steve Souders auf einen interessanten Tweet gestoßen:

Der Link im Tweet erläutert dies dann etwas genauer:

Das ganze hört sich interessant an, zumal wir den YUI Compressor auch bei uns in den Projekten benutzen.

Written by webdevteam

Januar 15, 2010 at 12:43 pm

Veröffentlicht in Uncategorized

Tagged with , , ,

Sprite Me!

leave a comment »

Wir haben schon etwas zu CSS Sprites geschrieben, es gibt auch einige Tools dazu. Aber jetzt gibt es ein viel Besseres! Bei Ajaxian habe ich gerade den Artikel dazu gelesen und die verlinkte Demo ausprobiert. Und ich muss schon sagen, dass ich ziemlich fasziniert bin, was so ein kleines Bookmarklet so machen kann 😉

Man kann damit aus den bestehenden Grafiken CSS Sprites zusammenstellen und die Änderungen werden sofort in der aktuellen Seite angewendet, so dass man „nur“ noch die fertige Grafik als auch die CSS Änderungen kopieren muss.

spriteme

Ich habe es allerdings nur in der Demo angetestet. Die Änderungen selbst und die neue Sprite Grafik habe ich noch nicht entnommen und die Änderungen in verschiedenen Browsern ausprobiert. Falls jemand die Zeit findet: ab in die Kommentare!

Written by webdevteam

September 15, 2009 at 10:52 am

Veröffentlicht in Uncategorized

Tagged with , , , ,

IxEdit – Interaction Design Tool for the Web

leave a comment »

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.

ixedit_safari

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.

Written by webdevteam

September 3, 2009 at 2:22 pm

Veröffentlicht in Uncategorized

Tagged with , , , , , ,

JavaScript Build Management (Sprockets, Ant)

leave a comment »

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>

Written by webdevteammember

August 28, 2009 at 9:55 am

Veröffentlicht in Uncategorized

Tagged with , ,

Der Browser im Browser – Xenocode Browser Sandbox

leave a comment »

Ich bin echt überrascht, dass dies so „einfach“ funktioniert. Mit der Xenocode Browser Sandbox kann man die folgenden Browser per Plugin direkt vom bzw. im Firefox starten:

  • Ie6 / 7 / 8
  • Firefox 2 / 3
  • Chrome
  • Opera
  • Safari

Es öffnet sich dann der entsprechende Browser als eigenständiges Fenster. Habe es gerade mit dem IE6 probiert und es geht wunderbar.

Allerdings kamen auf verschiedenen Seiten JavaScript-Fehler, die in anderen Browsern und auch in unserem „richtig“ installierten Test-IE6 nicht auftraten, selbst bei Google und die Message Box selbst hat auch Fehler, sodass der eigentliche Sinn des IE6 zum Testen wieder in Frage gestellt wird.

Das Plugin kann im Firefox auch einfach wieder deaktiviert werden (Extras / Addons / Plugins).

via

Written by webdevteam

August 14, 2009 at 2:43 pm

Veröffentlicht in Uncategorized

Tagged with , , , , , ,

Lesenswerte Seiten

leave a comment »

Written by webdevteam

August 7, 2009 at 2:02 pm

FireQuery – Firebug Erweiterung für jQuery!

leave a comment »

Das ist doch mal was FireQuery:

FireQuery is a Firefox addon integrated with Firebug

  • jQuery expressions are intelligently presented in Firebug Console and DOM inspector
  • attached jQuery datas are first class citizens
  • elements in jQuery collections are highlighted on hover
  • jQuerify: enables you to inject jQuery into any web page

Ich hoffe, dass dies noch weiter entwickelt wird. Man sieht zwar, dass events an DOM Elementen zugewiesen sind, aber die Funktionen werden dann nicht angezeigt 😦 Den Rest muss ich jetzt erstmal weiter ausprobieren.

Edit 11.08.09:

Ich nehme alles zurück, wenn man die zugewiesenen Funktion(en) sehen will, einfach da klicken:

FireQuery - zugewiesene Funktion anzeigen lassen

Written by webdevteam

August 6, 2009 at 3:41 pm

Veröffentlicht in Uncategorized

Tagged with , , ,