[ Webentwickler.Blog ]

Ein Video-Mitschnitt eines Vortrags von John Resig (Entwickler der AJAX Library jQuery) über JavaScript APIs, AJAX-Frameworks und jQuery.

Teil 1



Teil 2

Dieses Video fand auch auf Youtube. Björn Schotte - der Chief vom PHP Magazin - interviewte Andre Labahn von SAP zum Thema Integration von Scriptsprachen (speziell PHP) in SAP.

Ich weiß, eigentlich ist das Thema offtopic. Aber kann man da eigentlich von offtopic reden. Ich weiß nicht. Zwischen den ganzen Sensationsgeilen Zusammenschnitten von Handy-Cams und Nachrichten-Beiträgen habe ich dieses Video von "Mirabilisannus" auf Youtube entdeckt und ich finds gut. Untermalt mit der Musik von Tracy Chapman und einer Kritik gegenüber der amerikanischen Waffen-Lobby und dem Waffen-Wahn.

Was mir zuerst auch nicht bewußt war, das Virginia Tech Massaker fand fast genau acht Jahre nach dem Columbine High School Amoklauf statt. Eric Harris und Dylan Klebold töteten damals am 20.04.1999 13 Menschen und danach sich selbst. In einem selbsgedrehten Video schreit Eric Harris in die Kamera "I know we're gonna have followers because we're so fucking God-like!". Waren die beiden Cho Seung-Hui's Vorbilder? Keine Ahnung, aber die eigentliche Frage ist:

Would you change, Mr. Bush?

Hier ein Screencast zu CSS Screencast: Pure CSS Flyouts/Tooltips
(Flash 7) von Jonathan Sampson zu dynamischen CSS Flyouts und CSS Tooltips. Als Web-Editor verwendet Jonathan den Visual Web Developer 2005 Express Edition.

Interessant für CSS Einsteiger.

Hier mal ein paar Screencasts und Lernvideos zu Photoshop:

Screencasts - Video-Tutorials zu Photoshop im Quicktime-Format von Manuela Hoffmann


und hier ein Probe-Video von Galileo Press

Adobe Photoshop CS2: People & Portrait von Maike Jarsetz

In dem Beispiel-Video gehts um

Schatten aufhellen
Rote Augen entfernen
Gruppenmotive freistellen
Bewegungsunschärfe

Letztens dachte ich mir, ich könnte doch mal nachsehen, was es denn so an Videos zu Programmierthemen bei Youtube gibt. Ich bin tatsächlich auf einige Screencasts gestoßen, die
durchaus interessant sind. Wenngleich die Qualität natürlich nicht so überragend ist. Meist muss man erahnen, was gerade im Quellcode-Editor eingegeben wird.

Hier mal ein paar Screencasts


Ruby on Rails Screencast 1 - David Heinemeier Hansson

Ruby on Rails Screencast - Iteration 2 - Amy Hoy

Ruby On Rails (Internet Quellen)

Introduction to Debugging AJAX Application with Firebug

Helma ist ein Open Source Web-Application Framework, über das JavaScript als serverseitige Scriptsprache eingesetzt werden kann. Der Helma Applicationserver wurde in Java entwickelt und ist somit auf jedem Java-fähigen System einsetzbar. Helma verwendet als JavaScript-Engine die ebenfalls in Java implementierte Open Source Engine Rhino. Rhino wandelt JavaScript Scripts in Java Objekte um. In Helma entfällt der zeitaufwendige Compilier-Prozess. Dennoch kann über JavaScript auf die API von Java zugegriffen werden.

Helma wurde von Hannes Wallnoefer entwickelt und wird unter der liberalen, BSD ähnlichen Lizenz Helma License version 2.0 weitergegeben. Mittlerweile wird Helma bei großen Webseiten eingesetzt darunter die Webseiten des ORF, Blogger.de, Twoday.net oder auch für die Blogger-Software Antville.

Die Installation von Helma ist unkompliziert. Einzige Vorraussetzung ist eine Java Runtime Version 1.4 oder höher. Laden Sie die neueste Version von Helma runter. Entpacken Sie die Datei mit unzip oder untar, je nach Ihrem Betriebssystem in ein beliebiges Verzeichnis. Danach starten Sie den Application-Server über die Datei startup.bat oder startup.sh (siehe Abb 1).



Unter umständen müssen Sie noch die JAVA_HOME Umgebungsvariable auf das Java Installationsverzeichnis gesetzt werden, damit die JVM gefunden und der Helma-Server ausgeführt wird. Läuft der Helma-Server, können Sie bei Ihrem lokalen Rechner über den URL localhost:8080 die Startseite aufrufen.



Helma wird mit dem in Java geschriebenen JSP-Container und Webserver Jetty ausgeliefert. Für eine Deploy- und Testumgebung reicht dies meist aus. In Produktivumgebungen kann Helma aber auch mit Webservern über das Apache mod_jk Modul Connected werden.

Helma verbindet die Leichtigkeit einer Scriptsprache mit der Performance und den umfangreichen Möglichkeiten von Java. Damit ist Helma nicht nur für eingefleischte JavaScript-Coder eine durchaus interessante Alternative zu Entwickler-Stacks wie LAMP, .Net oder Java selbst.

Links:

http://helma.org/

Helma in Wikipedia

Forum zu Helma

Rhino JavaScript Engine

Die Community produziert die Inhalte. Das denkt man sich wohl auch bei Apachefriends.org, der Organisation hinter dem XAMPP-Projekt. Deshalb hat man eine Umfrage gestartet, was in den zukünftigen XAMPP-Versionen enthalten sein soll. Wie ich finde, eine gute Idee.

Hier gehts zur Umfrage.

Mal ein kleiner Beitrag abseits der Computerwelt. Aber so abwegig isses vielleicht doch nicht. Schließlich sind nicht wenige Computer-Freaks auch Science Fiction Fans.

Gerade die etwas älteren ääh reiferen Computer-Freaks/SF-Fans werden sich noch an die geniale TV-Serie "V" die außerirdischen Besucher aus der 80ern erinnern. Die Story von den Echsen in Menschengestalt, die unsere Erde besuchen, um uns Menschen lecker aufzuessen. Eine Science Fiction Allegorie zur Nazi-Herrschaft und ein absoluter TV-Knaller mit höchsten Einschaltquoten.

Schon seit drei, vier Jahren angekündigt folgt jetzt, 20 Jahre später die Fortsetzung "V: The Second Generation" als Mini-Serie. In einer Movie Datenbank wurde der Release für Mai 2007 angegeben.

Die neue Serie spielt 20 Jahre nach der ersten Invasion und die Erde ist größtenteils unterworfen. Aber es gibt noch einige Widerständler...

Wer wissen was in den ersten Staffeln passiert ist, findet hier einen Episoden-Guide.

Ach ja und hier noch der inoffizielle Trailer zur neuen Serie:

Wundern Sie sich nicht, wenn Sie mal wieder begeistert durch die virtuellen Gänge laufen und böse Monster abballern, und plötzlich erscheint ein Avatar der aussieht wie Bill Gates. Dies ist völlig normal. Schließlich hat sich Bill Gates schon vor über 10 Jahren virtualisieren lassen - ähnlich wie der "Rasenmäher Mann". Der Bill Gates den wir immer in den Medien sehen ist nur ein Clon. Oder glauben Sie wirklich, der echte Bill Gates hätte den CEO-Posten bei Micro$oft freiwillig abgegeben? Nein! Der echte Bill Gates läuft schon seit Jahren in Form von Bits und Bytes durch die Ego-Shooter. Unten sehen Sie den Video-Beweis aus dem Jahre 1995. Wie meint er doch so schön: "Diese Spiele werden richtig realistisch". Damit hat er wohl recht gehabt, wie die Ego-Shooter-Veranstaltung in der Columbine Highschool bewiesen hat.

...installier Eclipse auf die schnelle.

Seit einiger Zeit gibt es für die mächtige Eclipse IDE auch ein PHP Plugin. Wer die IDE mal ausprobieren möchte, findet hier eine englischsprachige Installationsanleitung für Eclipse.

Noch schneller gehts vielleicht über EasyEclipse für PHP. Das Paket enthält alle notwendigen Komponenten für eine Eclipse IDE mit PHP.

Und wem Eclipse garnicht gefällt, der findet bei phpbar.de eine Übersicht über PHP IDEs eine passende Alternative.

Viel Spass beim PHP coden

Neben den ganzen JackAss-Nachahmern und Tolpatsch Videos findet man auf Youtube ab und zu auch interessante Videos. Letztens habe ich wieder eins gefunden, ein nettes (Art)Video über die Entwicklung des World Wide Web zum heutigen Web2.0.

Web 2.0 ... The Machine is Us/ing Us

Johannes Beus von der SISTRIX GmbH hat ein Buch im PDF Format online gestellt, in dem er das Thema Suchmaschinenoptimierung einführt.

Im ersten Kapitel gibt Beus einen Überblick über die Technik von Suchmaschinen und Webkatalogen. Im zweiten Kapitel geht er auf die Optimierung von Webseiten für Suchmaschinen ein. Im dritten Kapitel gibt er noch einige allgemeine Tipps. Ein Glossar rundet das eBook ab.

Zur Buch-Webseite

Für Einsteiger ist dieses eBook sicherlich interessant. Wer speziellere Informationen sucht, muss ohnehin im Internet suchen. Z. B. hier:

http://www.seofm.com/

http://www.seroundtable.com/

http://www.internetmarketing-news.de/

Ich habe im Netz eine interessante Übersicht aller möglichen Doctype Deklarationen gefunden. Doctypes beeinflussen das Rendering einer HTML-Seite im Browser. Bekannt sind sicherlich Quirks Mode oder Standard Mode. So kann mit einer bestimmten Doctype Deklartation der Internet Explorer 6 bzw. 7 in den Quirks Mode geschalten werden, wodurch er abwärtskompatibel zum Internet Explorer 5 wird.

Wer z. B. einen strikten Standard Mode erreichen will, verwendet folgende Deklaration

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Wer dagegen noch einige veraltete HTML-Tags verwendet, aber trotzdem in den Standard Mode schalten möchte, kann einen fast Standard Mode erreichen mit:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Will man aus gründen der Abwärtskompatibilität in den Quirks Mode schalten verwendet dies:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Dies sollte aber gut überlegt sein, da man alle Browser in den Quirks Mode zwingt.



Hier der Link zur Seite mit der Doctype-Übersicht:

http://hsivonen.iki.fi/doctype/

Wenn man das Seiten-Layout mit verschachtelten HTML-Tabellen umsetzt, hat man es leicht Inhalte zu zentrieren. Nur, Layout über HTML-Tabellen gilt als nicht mehr up to date. Heutzutage setzt man das Layout mit Divs und CSS um. Das heißt, ein Konstrukt wie <div align="center">zentrierter Inhalt</div> sollte nicht mehr verwendet werden. Stattdessen setzt man die CSS-Eigenschaft text-align: center ein.

Also machen wir mal folgendes:

<div style="text-align: center; border: 1px solid black;">

    zentrierter Inhalt

</div>

das sieht dann etwa so aus:



Die Zentrierung gilt nur innerhalb von Block-Elementen, also auch innerhalb des Div-Elements in diesem Beispiel. Das Block-Element selber wird jedoch nicht zentriert, wie man an folgendem Beispiel erkennt, wenn man eine feste Breite vergibt:

<div style="text-align: center; border: 1px solid black; width: 150px;">

    zentrierter Inhalt

</div>

Entsprechend dem offiziellen Standard kann man ein Block-Element zentrieren, in dem man die Margin-Eigenschaft des Block-Elements mit margin: 0px auto; festlegt.

<div style="text-align: center; border: 1px solid black; width: 150px; margin: px auto">

    zentrierter Inhalt

</div>

Standardkonforme Browser wie Firefox sollten diese Formatierung korrekt anzeigen. Beim Internet Explorer 6 gibt es im Quirksmode jedoch Probleme. Hier kann man sich mit einem Workaround weiterhelfen. Man setzt den Div mit dem Inhalt in einen weiteren, umgebenden Div, der die Zentrierung enthält:

<div style="text-align: center;">

<div style="text-align: center; border: 1px solid black; width: 150px; margin: px auto">

    zentrierter Inhalt

</div>

</div>