Maschinendenk

Archiv der ‘Javascript’ Kategorien

JSTree - JQuery tree

0 Kommentare

JS Tree ist eine für die Bibliothek JQuery entwickelte Tree view Komponente.
Sie ermöglicht es Ordnerstrukturen und Ähnliches ansprechend und einfach zu visualisieren.

Features:

  • Vorgebenes HTML, JSON und XML als Datenquelle möglich
  • Asynchrones Laden von Inhalten
  • Öffnen, schliessen, hinzufügen, bearbeiten, entfernen von Knoten
  • Drag and drop Support

Die Komponente ist unter einer Open Source Lizenz verfügbar.

Weiterlesen »

Geschrieben von Philipp

November 25th, 2008 at 6:50

Veröffentlicht in Bibliotheken, Javascript

Browser Performance: Firefox 3.1 nightly schneller als Chrome

2 Kommentare

Viel wurde in den letzten Tagen über Googles neuen Chrome Browser gesagt und geschrieben. In einigen (Mainstream-) Medien wurde er regelrecht gefeiert.

Besonders hervorgehoben wurde immer Chromes neue Javascript-Engine namens V8, die ihn deutlich schneller als seinen ebenfalls Webkit-basierten Kontrahenten Safari machen soll. Chrome wurde und wird als die ideale Plattform für Webanwendungen, gar als “operating system for the web” gepriesen.

Da ich selbst an der Entwicklung von Webanwendungen beteiligt bin, habe ich mich entschlossen einen umfassenden Test der aktuellen Browserlandschaft durchzuführen um herauszufinden, wie schnell Chrome wirklich ist und wie er sich im Vergleich mit anderen Browsern schlägt.

Das Testfeld

Weiterlesen »

Geschrieben von Philipp

September 13th, 2008 at 11:10

Veröffentlicht in Allgemein, Javascript, Software

Super Mario in Javascript

0 Kommentare

Super Mario, der Klempner aus Brooklyn und Vater aller jump’n'run Games, erlebt eine Wiedergeburt in Javascript !
Es ist komplett in Javascript umgesetzt, und nutzt Sprites für die Darstellung.

Da werden nostalgische Gefühle wach ;)

Jacob Seidelin hat in seinem Blog eine Super Mario Implementierung in nur 14KB Javascript erstellt.

Das Spiel lässt sich gut spielen, und ist optisch eine gelungene Umsetzung des Originals.

Weiterlesen »

Geschrieben von Philipp

April 12th, 2008 at 9:09

Veröffentlicht in Fun, Javascript

Gmapper 1.2 veröffentlicht

0 Kommentare

Heute habe ich Version 1.2 meiner Google Maps PHP Klasse Gmapper veröffentlicht.
Sie bringt einige neues Features, und einige Aufräumarbeiten im Quellcode mit.

Neu in diesem Release:

  • Streetview Unterstützung
  • Code Verbesserungen / kleinere Bugs behoben
  • Neuer Kartentyp: “physical” (topographische Karten)
  • Neue Methode showPhysicalControl (Zeigt “Gelände” Button an)

Weiterlesen »

Geschrieben von Philipp

April 6th, 2008 at 4:31

Veröffentlicht in Bibliotheken, Javascript, PHP

IE8 - der Browser mit den 3 Gesichtern

2 Kommentare

Gestern stand es im IE Blog zu lesen:
Internet Explorer 8 wird nicht einen, nicht zwei, sondern drei Rendermodi besitzen:

  • Quirks Mode
  • Standards Mode
  • “Super” Standards Mode

Der Quirks Mode soll das Verhalten von IE6 beibehalten und so für Abwärtskompatibilität sorgen.
Der Standards Mode soll dem Standards Mode von IE7 entsprechen (Wow!).
Die Umschaltung zwischen Quirks und Standards Mode erfolgt nach wie vor über die DOCTYPE Deklaration, bzw. deren Vorhandensein.

Weiterlesen »

Geschrieben von Philipp

Januar 23rd, 2008 at 12:40

Veröffentlicht in CSS, Javascript, Software

Entstehung der Collabtive Projektseite

0 Kommentare

Nachdem wir nun das erste Release geschafft haben, arbeiten wir derzeit auch an einer eigenen Projektseite. Die Projektwebsite wird ein Forum, weitere Infos und Hilfe rund um das Collabtive Projekt bieten.

Ich denke die Projektseite wird in den nächsten 3 Wochen online gehen.
Eventuell zusammen mit dem Release von Collabtive 0.2 :)

Hier mal ein Screenshot des aktuellen Entwurfs:
collab09_03.jpg
Feedback zum Entwurf ist natürlich willkommen.

Weiterlesen »

Geschrieben von Philipp

Dezember 26th, 2007 at 7:12

Veröffentlicht in Collabtive, Javascript, PHP, Software

Gmapper 1.1 veröffentlicht

0 Kommentare

Nach längerer Zeit gibt es nun auch mal wieder ein neues Release meiner Google Maps Klasse Gmapper.

Unter anderem unterstützt die Maps API nun auch ausseridische Planeten ;)
Deshalb gibt es nun bei Gmapper die neuen Maptypes “moon” , “moon_elevation” , “mars”, “mars_elevation”.

Ausserdem gibt es nun auch Bildmaterial für den Nachthimmel :

Die wichtigsten Neuerungen im Überblick: Weiterlesen »

Geschrieben von Philipp

Dezember 16th, 2007 at 11:52

Veröffentlicht in Code, Javascript, PHP

Enstehung einer Web Projektverwaltung

2 Kommentare

Ich habe lange Zeit die OpenSource Projektverwaltung “Active Collab” verwendet.
Dieses Projekt hatte es sich zum Ziel gesetzt, eine Alternative zu Basecamp mit seinem kostenpflichtigen Hostingdienst zu sein.

Da ich oft an mehreren Projekten gleichzeitig arbeite, ist ein Projektverwaltungstool mit Milestones, Nachrichten und Aufgabenverwaltung eine sehr praktische Sache. :)

Leider stand Active Collab von Anfang an unter einer “selbstgebastelten” , mit der GPL und anderen freien Lizenzen inkompatiblen, Lizenz. Der “honest public license”.
Nach Erscheinen der Version 0.7 dieses Tools, hat sich der Entwickler allerdings entschieden die Entwicklung der freien Version zugunsten einer kommerziellen Version einzustellen.
Active Collab ist seitdem nurnoch als kommerzielles Produkt , für ca 400 Dollar zu haben.
Im englischen spricht man hier glaube ich von “Bait and Switch;)

Weiterlesen »

Geschrieben von Philipp

Dezember 12th, 2007 at 1:53

Veröffentlicht in Javascript, PHP, Software

Prototip - einfache Tooltips mit Prototype

3 Kommentare

Für ein Projekt an dem ich derzeit arbeite, benötigte ich dynamische DHTML Tooltips an verschiedenen Stellen.
Da ich bereits die Prototype.js Bibliothek in dem Projekt verwende, lag es nahe mich nach Tooltips für Prototype umzuschauen.

Mit Prototip von Nick Stakenburg bin ich fündig geworden :)
Prototip ist eine kleine , einfache JS Bibliothek die die Erzeugung solcher Tooltips ermöglicht.

Hier ein Beispiel:

prototip

Zur Verwendung von Prototip muss man lediglich eine zusätzliche JS Datei im HEAD Bereich einbinden.
Diese Datei umfasst nur ca 9KB. Ausserdem kann man die Tooltips beliebig mit CSS stylen, indem man das Prototip.css Stylesheet einbindet.

Weiterlesen »

Geschrieben von Philipp

Oktober 21st, 2007 at 6:17

Veröffentlicht in Code, Javascript, Tutorials

Prototype Tutorial erweitert

0 Kommentare

Ich habe, wie angekündigt, mein Prototype Tutorial um ein Kapitel erweitert: Ajax

Das Kapitel erläutert die wesentlichen Methoden von Prototype JS für Ajax Requests.
Ausserdem werden 2 praktische Beispiele gegeben.

Viel Spass.

Geschrieben von Philipp

Juli 19th, 2007 at 7:49

Veröffentlicht in Javascript, Tutorials