Javascript ist Toll!

30. October 2012 - 18:22

Firefox Screenshots

Update 19.8.2013: Die Syntax dieses Features hat sich mittlerweile geändert, leider wird dies im Hilfetext in der aktuellen Version (22.0) nicht erwähnt. Um den hier beschriebenen Screenshot zu machen, muss der Befehle so lautet:

screenshot jstruebig.de --fullpage

Mit dem neuen Firefox 16 lassen sich nun Screenshots von Internetseiten anfertigen, ohne das dafür ein AddOn nötig wäre. Egal ob die komplette Seite oder auch nur Teilbereiche davon. Dieses neue sehr nützliche Werkzeug versteckt sich in der Entwicklerkonsole.

Geöffnet wird die Konsole entweder über das Menü Extras > Web-Entwickler > Entwickler Symbolleiste (komische Übersetzung) oder mittels Shortcut ([Umsch]+[F2]). Daraufhin öffnet sich eine Eingabekonsole am unteren Fensterrand.

Wenn dort help eingegeben wird, werden alle Befehle aufgelistet, die die Konsole momentan beherrscht. Ich möchte hier an dieser Stelle nur auf den Befehl screenshot eingehen.

Die Eingabe von:

screenshot test

speichert direkt den sichtbaren Teil dieser Seite mit dem Namen test.png im aktuellen Download Verzeichnis ab. Die Schnappschüsse werden also png Datei gespeichert.

Wenn die komplette Seite gespeichert werden soll, müssen noch zwei weitere Parameter übergeben werden:

screenshot jstruebig.de 0 true

Die Null ist die Dauer der Verzögerung, bis der Screenshot erstellt wird und true gibt an, dass die komplette Seite gespeichert werden soll. Weitere optionen können mit help screenshot angeziegt werden:


Die Hilfeseite des Befehls screenshot

Kategorie: Browser / Comments (0) / 935 mal gelesen
27. October 2012 - 20:54

Tween Beispiele

Das Tween Objekt

Ich vertiefe hier noch einmal die Verwendung meines Tween Objektes. Hier zeigt sich, wie einfach und effektiv es sich nutzen lässt. Der Code um eine Animations zu erzeugen ist sehr kurz und wie ich finde auch übersichtlich.

Auf der Seite ist ein Animationsobjekt, das mit zwei Animation erzeugt wurde. Mit Hilfe eines Formulares können einige Parameter verändert und diese Animationen in unterschieldichster Weise gestartet werden.

Beispielcode

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (0) / 661 mal gelesen
22. June 2012 - 11:13

Tween(2)

Die Technik um mit Javascript eine Bewegung zu animieren hatte ich in einem älteren Artikel bereits beschrieben und kündigte dort eine Fortsetzung an. Doch das Skript, was ich dort verwendet habe, hat sich im Umgang als etwas sperrig erwiesen, daher habe ich es nun komplett neu geschrieben.

Die neue Tween-Klasse kann nun deutlich mehr.
Mit ihr ist es möglich mehrere Elemente gleichzeitig oder auch mehrere Animationen parallel oder hintereinader zu benutzen. Der Animationsablauf läßt sich mit Events steuern. Dazu habe ich in das Skript eine kleine Event Klasse integriert.

Und das Tween Objekt läßt sich auch als Basisklasse für eigene Tweenobjekte benutzen. Es ist aber nicht auf Geschwindigkeit optimiert, trotzdem ist die Animationsgeschwindigkeit (gefühlt) ganz passabel.

[12.10.2012] Das Skript wurde mittlerweile mehrfach überarbeitet und ist dadurch was Funktionalität und Geschwindigkeit angeht deutlich besser geworden.

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (0) / 887 mal gelesen
15. June 2012 - 17:35

WordPress und Javascript

In der letzten Zeit durfte ich mich etwas intensiver mit WordPress beschäftigen und bin dabei einer Lösung eines alten Problems auf die Spur gekommen.

Seit anbeginn hat mich WordPress hier im Blog genervt, weil es Javascript Code der innerhalb von Artikeltext eingebaut ist, mit internen Funktionen vor der Ausgabe so verändert, dass er nicht mehr lauffähig ist. Ich hatte schon 2008 darüber gebloggt und konnte zwischenzeitlich zumindest den Aufwand bei Updates deutlich verringern

Das Problem war, dass eine Funktion mit den Namen convert_chars() doppelte && Zeichen umwandelt. Da diese in JS das logische-Und sind funktioniert Javascript Code nicht mehr. Denn diese Funktion wird auf jeden Artikel Text angewandt. So wurde bei in Artikel eingebetteten Javascript Quellcode aus && immer && und folglich für den Browser fehlerhaft. Bisher habe ich bei jedem update die Funktion im Code von WordPress geändert. Was lästig ist.

Dabei wäre das Problem einfach zu lösen gewesen nur ich wußte bisher nicht wie. Im Template Verzeichnis kann in der Datei functions.php Einfluss auf das Verhalten von WordPress ausgeübt werden. Unter anderem können bestimmte Events verhindern werden. Um zu verhindern, dass z.b. die oben gennante Funktion aufgerufen wird, muss lediglich folgende Zeile in die Datei eingefügt werden:

remove_action('the_content', 'convert_chars');

Und auch das Plugin Text Control, das ich bisher benutzt habe, läßt sich komplett einsparen, mit den folgenden drei Zeilen:

remove_action('the_content', 'convert_chars'); 
remove_action('the_content', 'wptexturize'); 
remove_action('the_content', 'wpautop');

Schon kann problemlos auch JS Code in die Artikel eingefügt werden.

Kategorie: Wordpress / Comments (2) / 734 mal gelesen
16. February 2012 - 12:07

GoodBye Google

Es macht ja nun schon einige Zeit die Runde, dass Google sich eine neue Datenschutzbestimmung zulegt. Hauptsächlich wird dies damit begründet, dass die vielen Dienste, die Google anbietet, damit alle Vereinheitlicht werden, bzw. deren AGB.

Die sogenannte Datenschutzerklärung ist online in einer Vorschau einsehbar. Was ich mich beim durchlesen zuerst gefragt habe, worin besteht hier der Schutz? [... weiterlesen]

Kategorie: Internet, Meinung / Comments (2) / 512 mal gelesen
Powered by WordPress Stop Spam Harvesters, Join Project Honey Pot kostenloser Counter Browser-Statistiken
rats-wonderful
rats-wonderful
rats-wonderful
rats-wonderful