naden.de/blog » Linkperlen

Javascript lernen

naden — Tue, 23 Aug 2011 14:06:52 +0000

Ein nettes, interaktives Lernprogramm für Javascript-Neulinge haben die Jungs und Mädels von Codecademy.com ins Netz gestellt.

Die Webseite wendet sich wirklich nur an absolute Programmierneulinge, die noch keine Ahnung von Variablen haben und denken, dass ein Array die neueste Pastasorte ist.

In acht, aufeinander aufbauenden Tutorials werden Kontrollstrukturen und Variablentypen gut erklärt. Abgesehen von alert und confirm ist es eine allgemeine Einführung in eine Programmiersprache.

Das ist auch der einzige Kritikpunkt, da eine Interaktion mit dem DOM nicht stattfindet. Ansonsten eine gelungene Webseite für Lernwillige, die etwas den Spiele-Karma-Character von Stackoverflow.com aufgreift.

zur Webseite

Screencast online erstellen

naden — Tue, 26 Jan 2010 15:25:12 +0000

Wer mal schnell einen Screencast erstellen will, ohne sich extra ein Programm zu installieren, dem kann ich “Screencast-O-Matic” wärmstens empfehlen.

Das Java-Applet funktioniert browserübergreifend und nimmt neben dem Bild auch Ton auf. Zusätzlich kann man Untertitel einfügen und das fertige Video als mp4 herunterladen oder auf Youtube veröffentlichen. Einfach vierlagig.

Screencast-O-Matic – Screencast ;)

Webseite: www.screencast-o-matic.com

Short Url und Dereferrer Service

naden — Tue, 31 Mar 2009 12:26:48 +0000

Der Shorturl Service unter i2h.de bringt ab heute zwei neue Funktionen mit. Diese möchte ich kurz vorstellen.

Für die Beispiele nutze ich die Basis-Url: http://i2h.de/l1

Dereferrer Hängt man an die Basis-Url /derefer an, so wird der Referrer der Seite von der aus der Link aufgerufen wird unterdrückt. Der Link sieht demnach wie folgt aus: http://i2h.de/l1/derefer
Statistiken Hängt man an die Basis-Url /stats an, so werden die Anzahl der aufgelaufenen Klicks angezeigt. Der Link sieht demnach wie folgt aus: http://i2h.de/l1/derefer

Über die REST-Api kann man die Statistiken zu einer Url ebenfalls abrufen.

Bei einem Aufruf über die Webseite werden die folgenden Link-Formate angeboten. Diese sind ebenfalls alle über die API verfügbar.

TEXT:	http://i2h.de/l1
HTML:	http://i2h.de/l1
BB-CODE:	[url='http://i2h.de/l1']http://i2h.de/l1[/url]
JSON:	{‘links’:['http://i2h.de/l1']}
XML:
Anonym	http://i2h.de/l1/derefer
Stats	http://i2h.de/l1/stats

Favicon Generator

naden — Sat, 09 Feb 2008 14:39:38 +0000

Der weg zu einem eigenen Favicon ist sehr einfach. Zuerst erstellt man sich mit diesem genialen Favicon Generator sein Wunschicon, lädt es herunter und baut es wie folgt in seinen Blog ein.

Das ein Favicon sozusagen zum Layout der Seite gehört, legt man es am besten im Verzeichnis des verwendeten Templates ab.

Unter WordPress liefert der Aufruf der Funktion bloginfo( ‘template_url’ ); die Url zum aktuellen Template.

Den folgenden HTML-Code anschließend in den Header des Templates einbauen ( dazu bietet sich das Code Editor Plugin für WordPress an ) und fertig.

Website Colormap extractor

naden — Fri, 08 Feb 2008 12:46:40 +0000

Owen Winkler hat ein nützliches Tool entwickelt, dass aus einer beliebigen Webseite alle verwendeten Farben extrahiert und in übersichtlichen Colormaps zusammenstellt.

Dazu durchsucht das Tool sämtliche verlinkten Stylesheets nach Farbwerten. Die Ergebnisse werden geordnet nach Stylesheet-Datei und Farbgruppe dargestellt.

Findet man eine Webseite, wo das Farbschema gefällt, kann man sich nun den Colorpicker sparen.

Klick hier für ein Demo mit diesem Blog.

Browserspiel mit Prototype und Scriptaculous

naden — Thu, 07 Feb 2008 10:51:20 +0000

Um zu sehen, wozu die Javascript-Bibliotheken Prototype und Scriptaculous im Stande sind, hat Gary Haran ein kleines Browserspiel namens SAME GAME geschrieben, was ein bisschen an Tetris erinnert.

Aufbauend auf Prototype und Scriptaculous schrieb Haran ca. 200 Zeilen eigenen Code. Es lohnt, den einmal genauer anzusehen.

Link: Same Game

Das Ziel des Spiels ist es, eine möglichst große Anzahl von Blöcken zu entfernen.

Eigener Skype Avatar mit Klonies oder WeeMee

naden — Tue, 05 Feb 2008 22:57:58 +0000

Für die VOIP Software Skype kann man sich simpel einen netten Avatar erstellen. Skype kooperiert dazu mit Klonies und WeeMee.

Beide Services sind gut gemacht und bieten eine Vielzahl von Optionen um seinen persönlichen Avatar zu gestalten. WeeMee setzt eher auf abstrakte Figuren und hat recht spaßige Motive und Elemente in der Auswahl. Großer Vorteil, WeeMee ist kostenlos.

Klonies kostet einen kleinen Betrag (ca. 1 Euro). Dafür kann man sich einen sehr netten Charakter mit vielen Elementen gestallten. Zusätzlich lassen sich verschiedene Themen wählen, wie z.B. Wintersport.

Die Webseiten findet ihr hier:
Klonies
WeeMee