RSS
 

Archive for the ‘Webmastering’ Category

JavaScript exe- und dll- Compiler

03 Nov

Wie ich neulich zufällig las, kann JavaScript mittels des frei verfügbaren Microsoft Compilers jsc in .net-Exe-Dateien und -DLLs kompiliert werden. Das kleine Progrämmchen wird offenbar mit einem Servicepack oder .net-Framework (das wiederum in Servicepacks enthalten ist) ausgeliefert, so dass man es wahrscheinlich schon längst auf dem eigenen Rechner hat. Eine kurzer Blick in die Eingabeaufforderung lässt sofort erkennen, ob das der Fall ist.

Quelle: Ausführlicher Artikel hier

 

Eingebettetes YouTube Video wird im IE 8 nicht gezeigt

11 Oct

Die Lösung liegt im Hinzufügen von Informationen, die den FlashPlayer direkt als zu verwendendes Plugin identifizieren. Dem <object>-Tag folgende Infos hinzufügen, um die embedded YouTube-Videos auch im Internet Explorer 8 anzuzeigen: classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=6,0,29,0"
.

Quelle: YouTube Help

 
 

IE-Versionen parallel installieren

13 Mar

Für Webentwickler ist es besonders ärgerlich, dass sich verschiedene Versionen des Internet Explorers nicht parallel installieren lassen. Das Entwickeln für verschiedene Zielbrowser wird so sehr umständlich.

Auf dieser Multiple IE-Seite wird ein Installer angeboten, der unterschiedliche Versionen des Internet Explorers parallel auf dem Rechner installiert. So können die Versionen 3 bis 6 auf dem Rechner gestartet und entsprechend getestet werden.

Ob diese “Bastelei” jedoch wirklich zuverlässig ist und keine (unsichtbaren) Nachteile mit sich bringt, ist unklar. Schließlich ist der Internet Explorer in viele andere Windows-Anwendungen verankert und wird auch an Stellen benutzt, an denen man es nicht unbedingt erwartet. Werden ‘falsche’ Dateien irgendwo hin kopiert, könnten schwerwiegende Fehlfunktionen die Folge sein.

Mein Tipp dazu: Einfach eine virtuelle Umgebung im kostenlos erhältlichen (ich berichtete) Virtual PC o.ä. installieren und die Multiple-IE-Installation dort ausführen. Dann hat man alle Browser zur Verfügung ohne die Verschmutzung der Windows-Arbeitsversion zu riskieren.

 

Alphakanal in PNG und TGA mit PS speichern

02 Feb

Wie üblich erfordert Photoshop wieder einige spezielle Umwege um die Bildtransparenz als Alphakanal in png- und tga-Dateien zu speichern. Hier ein mögliches How-To für CS3:

Für png ist es relativ einfach, da der Web-Assistent verwendet werden kann:

  1. “Datei” > “Für Web und Geräte speichern…”
  2. Eine PNG-Vorgabe wählen und Transparenz anhaken

Für tga kann man folgenden Weg gehen (ich kann nicht glauben, dass das nicht einfacher geht?!):

  1. Alle Ebenen ausblenden, deren Transparenz nicht einbezogen werden soll. Eigentlich logisch. Man stellt einfach alles so ein, dass das Bild so aussieht, wie man es haben will!
  2. Menü “Bild” > “Kanalberechnungen”
  3. Bei Quelle 1 und Quelle 2 jeweils das Bild einstellen bzw. lassen, bei “Ebene” “Zusammengefügt” einstellen und unter “Kanal” “Transparenz” wählen.
  4. Außerdem als “Ergebnis” “Neuer Kanal” auswählen.
  5. Bei beenden des Dialogs mit “Ok” sollte Photoshop einen Alphakanal hinzugefügt haben, der der Bildtransparenz entspricht.
  6. Daher kann man dann das Bild speichern unter… und als Format Targa/TGA auswählen. Dabei den Haken bei “Alpha-Kanäle” sicherstellen.
  7. Im nachfolgenden Fenster muss außerdem 32-Bit eingestellt sein.

Fantastisch! So einfach ging das! Was in nahezu allen anderen Bildbearbeitungsprogrammen von Haus aus beim Speichern funktioniert, muss hier mit schlappen sieben unintuitiven Schritten nachgebaut werden. Der kommerzielle Erfolg dieser Software wird mir für immer ein Rätsel bleiben…

 

Firefox Encoding-Probleme

03 Jan

Es kann einen fast wahnsinnig machen, wenn z.B. der FireFox in einer entwickelten Webseite aus unerfindlichen Gründen merkwürdige Symbole wie  an den Seitenanfang setzt und dabei u.U. dann auch das Layout verhaut.

Das Problem liegt häufig am eingestellten Encoding der ausgelieferten Webseite. Die Lösung kann also darin bestehen, z.B. in Dreamweaver das richtige Encoding in den Seiteneigenschaften (CS3: Strg+J) einzustellen. Bei inkludierten PHP-Files darf man dabei nicht vergessen, das gleiche mit allen eingebundenen Dateien zu machen. Eine tückische Falle, die einem leicht Kopfzerbrechen bereiten kann… :argh:

 
 

ZLib installieren

28 Aug

Falls ZLib in PHP nicht aktiviert ist, kann es sein, dass man dieses ohne Neukompilierung von PHP über das yast-Tool auf der Konsole installieren kann. Dafür half mir diese ImageMagick-Anleitung, die sinngemäß auch für zlib gilt. :)

 

cellspacing und cellpadding mit css

17 Jul

Dass sich cellspacing- und cellpadding-Attribute einer Tabelle mit CSS formulieren lassen, in dem dem td-Element entsprechende Paddings zugewiesen werden, fand ich gerade hier heraus. Wichtig ist dabei noch, der Tabelle selbst die Eigenschaft border-collapse:collapse zuzuweisen.

Beispiel:

table
{
border-collapse:collapse;
}
td, tr
{
padding:0px; margin:0px;
}

 
 

Kind relativ zu Elter positionieren

10 Jul

Manchmal möchte man die Position eines Elements mit top und left pixelgenau angeben, jedoch sorgt position:absolute dafür, dass sich die Koordinaten auf die linke obere Fensterecke beziehen. Möchte man die Angaben relativ zum Elternelement platzieren, muss das Elternobjekt den Stil position:relative aufweisen.

 
 

RegEx in JavaScript

10 Jul

… sind ja ein bisschen anders als in PHP. Hier schnelle brauchbare Infos.

 
 

Wichtige Linux-Kommandozeilenbefehle

06 Jul

Hier eine interessante Auswahl…