Netzkescher

10.01.2011

JavaScript-Tutorials für Beginner

Kleiner Tutorial-Tipp für Leute, die einen Einstieg in JavaScript finden möchten, aber zu faul zum Lesen sind. Voraussetzung ist allerdings, dass man englisch versteht.

Auf der Webseite learntoprogram.tv gibt es ein sechsteiliges Video-Tutorial für Einsteiger in die Programmiersprache. Ich habe ja selbst nicht viel Ahnung davon und verschaffe mir gern anhand solcher Angebote einen ersten Überblick über ein Thema, hier eben JavaScript. Jedes Video dauert um die 10 Minuten. Folgende Themen werden behandelt:

• Hello World
• Variables
• Branching and Conditionals
• Loops
• Arrays
• The String Object

Wenn es dann tiefer in die Materie gehen soll, stehe ich ja auf Bücher. Es müssen zum Einstieg ja nicht unbedingt die neuesten sein. Günstig gibt es etwas ältere Exemplare z.B. bei Terrashop.

04.01.2011

Flickr-Album als Widget in Flatpress integrieren

Dieser Blog dient ja auch dem sinnfreien persönlichen Spieltrieb. Der führte dazu, dass ich mich fragte, ob man zwischen Bildern, die bei Flickr liegen, und einem Flatpress-Blog eine Verbindung herstellen kann. Und zwar ohne Plugin-Programmierung, denn das kann ich ja nicht. Ein mögliches Ergebnis könnt ihr rechts unten in der Sidebar sehen. So wird es gemacht:

Flickr-Modul erstellen

Bei vorhandenem Flickr-Account kann ich mir ein eigenes Modul erstellen. Dazu rufe ich die entsprechende Seite auf. Hier habe ich die Wahl zwichen einem HTML und einem Flash-Modul.

Sie können Elemente aus Ihrer eigenen Sammlung, einer Ihrer Gruppen oder Uploads von allen Benutzern auswählen. Wenn Sie möchten, können Sie jede dieser Optionen nach einem Tag filtern.

Ich nehme das Flash-Modul.

Inhalte auswählen

Der Screenshot spricht für sich selbst. Meine Wahl: Album.

Farben bestimmen

Wenn ich möchte kann ich die Farbgebung noch beeinflussen oder Rahmen und Hintergrund entfernen, was meine Wahl ist.

Code erhalten

Im letzten Schritt bekomme ich den Code ausgeworfen, den ich nun irgenwie auf meiner Webseite unterbringen muss.

Das HTML-Modul wird analog erstellt. Die möglichen Optionen sind etwas anders, aber der Assistent leitet verständlich durch den Gestaltungsvorgang.

Übernahme in den Blog

Dies geht sehr einfach mit dem Blockparser-Plugin, das zur Standard-Flatpressinstallation gehört.

Statische Seite erstellen

Das Blockparser-Plugin arbeitet mit einer statischen Seite zusammen. Diese muss zuerst im Administrationsbereich erstellt werden. Auf diese Seite wird dann der erhaltene Code eingefügt. Hier ein Beispiel. (Der Code wurde für den Screenshot gekürzt!)

Die Eingabe der HTML-Tags nicht vergessen! Auch wenn in der Blogkonfiguration die Option “Inline-HTML” aktiviert ist!

Blockparser-Widget erstellen

In der Widget-Konfiguration den Bereich Blockparser-Widgets auswählen. Die gerade erstellte Seite muss hier für das Blockparser-Plugin aktiviert werden.

Blockparser-Widget positionieren

In der Widgetverwaltung kann man nun das neue Blockparser-Widget in die Sidebar einfügen.
Auf Änderungen speichern klicken nicht vergessen.

Ausblick

Auf die gleiche Weise kann man natürlich auch anderen Code in die Sidebar bringen. Das Blockparser-Plugin ist schon eine schöne Sache.

20.12.2010

Wie man in OneNote 2010 Schreibbereiche erweitert oder verkleinert

OneNote ist ein nützliches Programm zur Verwaltung von Notizen und allem Möglichen, finde ich. Ich arbeite mit der Version 2010 und frage mich tatsächlich, ob ich nicht alle meine Evernote-Notizen übertrage. Mal sehen.

Darum geht es hier aber nicht. Hier geht es nur um einen kleinen Aspekt des Programms, nach dem mich neulich ein Freund fragte. Und weil ich mich sowieso mit dem Erstellen von Videotutorials befassen muss, habe ich mir genau diesen Aspekt als Trainigsmaterial herausgepickt. Vielleicht habt ihr ja auch was davon. Würde mich freuen.

Es ist mein erstes Tutorial, also übt ein wenig Nachsicht bitte. ;-)

08.05.2010

Tipps zum Texteditor PSPad (4) - Funktionalität erweitern

Die Funktionalität von PSPad lässt sich mit Hilfe von Scripten erweitern. Auch wenn man selbst nicht die erforderlichen Kenntnisse zum Schreiben solcher Scripte hat, kann man dennoch davon profitieren. Viele Erweiterungen lassen sich von der PSPad-Homepage herunterladen. Heruntergeladene und entpackte Scripte werden einfach in einen dafür vorgesehenen Ordner der PSPad-Installation gelegt. Der Ordnername entspricht dabei der Sprache des Scriptes. *.VBS-Scripte gehören in Script\VBScript, *.JS-Scripte in Script\JScript usw..

Ich stelle hier ein paar Erweiterungsscripte vor, die ich gern verwende.

ANY_TAG_CLOSE_2
Ergänzt PSPad um die Möglichkeit, mit CTRL+. einen geöffneten Tag automatisch zu schließen.

Save Backup File
Sichert eine Kopie des aktiven Dokuments und versieht den Dateinamen mit einem Datumsstempel.

DuplicateDoc
Dupliziert das aktuelle Dokument.

jScriptingPHPtoolbox
Diese Sammlung umfasst eine Reihe von Scripten. Ich nutze daraus vor allem die Möglichkeit, in PHP, CSS oder HTML per Tastaturkürzel Kommentar-Tags zu setzen.

Die Scripte können über das Menü aufgerufen werden. Teilweise sind Befehlen auch Tastaturkürzel zugeordnet.

28.04.2010

Button in Photoshop gestalten - Tutorial

Das kleine Tutorial für zwischendurch:

How to Create a Slick and Clean Button in Photoshop

von Jacob Gube. Erschienen bei Sixrevisions.

Wenn man ein paar Grundkenntnisse in der Bedienung von Photoshop hat, ist dieses Tutorial gut nachzuvollziehen. Buttons kann man immer gebrauchen. Und die selbst gemachten sind doch die schönsten …

Die ganz Harten ziehen es bis zum Ende durch und bekommen so zusätzlich einen Einstieg in die Sprite-Technik. Dafür ist die Buttongestaltung des Tutorials nämlich vorgesehen. Alle Dateien stehen zudem zum Download bereit.

Eine Demo des Ergebnissen gibt es auch: Hier.

Viel Spaß!