Hip Hop ist für’n Arsch

Oder war's andersrum? Das Wort "ass" kommt im Schnitt in 23,64 % aller Hip Hop Stücke vor.
PS: 43 % aller Statistiken sind nutzlos!

Actionscript 3 ist um einiges "schöner" als AS2 - das sage ich aus Sicht des Nerds, der AS in Eclipse programmiert. Aus Sicht des Designers, also desjenigen, der die Flash-IDE verwendet, ist es um einies schwerer zu verwenden, falls überhaupt. Siehe dazu insideRIA. Einen interessanten Ansatz bietet simpleas3, eine Extension für Flash.

Zufällige Taglines in WordPress.

Einfach: Erstens eine Datei mit den gewünschten Taglines hochladen.
Zweitens Design -> Theme Editor -> Header,

$taglines=file("PFAD/DATEINAME");
$select=rand(0, count($taglines)-1);
$my_tag_line = $taglines[$select];

$taglines=file("PFAD/DATEINAME");

$select=rand(0, count($taglines)-1);

$my_tag_line = $taglines[$select];

einfügen. Drittens

bloginfo('description');

1	bloginfo('description');

ersetzen durch

echo $my_tag_line;

1	echo $my_tag_line;

Fertig. Kein Plugin benötigt. Achja, in der Datei gilt: Eine Tagline pro Zeile (jeder nur ein Kreuz...)

How to throw a birthday party with style

www.etoday.ru/2008/09/north-korea-60anniversary-kim-jong-il.php

Thanks to Fred.

Browserfenster automatisch skalieren.

Wer einen großen Monitor benutzt, aber sein Webseiten-Layout auf einer kleineren Auflösung testen will, der legt eine Verknüpfung an mit dem Ziel

javascript:window.resizeTo(1024,768);

1	javascript:window.resizeTo(1024,768);

Wer dagegen (in Photoshop) einen ganz bestimmten Browser als Rahmen für sein Layout benötigt, besucht www.webdesignerstoolkit.com

Flogos.

Dieses Video auf YouTube ansehen

Lustige Sache.

Firefox vs. „background-position: center center;“

Während meiner Nachforschungen zum folgenden Problem habe ich auf einer Seite den Satz gelesen "Vielleicht das einzig Gute am Internet Explorer!". Dem kann ich mich anschliessen 🙂 Also. Ich habe ein Hintergrundbild in einem HTML-Element, zB dem body dieser Seite. Mit CSS setze ich dieses in die Mitte:

background-image: url('images/backg.jpg');
background-attachment: fixed;
background-position: 50% 50%;

background-image: url('images/backg.jpg');

background-attachment: fixed;

background-position: 50% 50%;

Nun habe ich einen sehr langen Text auf meiner Seite (zB dieses Blog), ein vertikaler Scrollbalken wird angezeigt. Und ich habe einen sehr kurzen Text (der Photobereich zur Zeit noch), bei dem keine Scrolleiste angezeigt wird. Beim Wechseln zwischen diesen beiden Bereichen springt das Hintergrundbild. Warum? Weil Firefox die Breite der Scrolleiste von der Breite der eigentlichen Seite abzieht, bevor er die Position des Hintergrundes auf der - nun schmaleren - Seite berechnet. Sehr nervig. Folgende Lösungen stehen zur Wahl:

Den ersten Ansatz liest man sehr häufig: Man mache die komplette Seite immer mindestens 1 Pixel höher als sie müsste:

html { min-height: 100%; margin-bottom: 1px; }

1	html { min-height: 100%; margin-bottom: 1px; }

Die Folge: Man hat immer einen aktiven Scrollbalken rechts, der um mindestens einen Pixel scrollt. Auch nicht besser. Als nächstes bin ich über die Möglichkeit gestolpert, die Breite der Scrolleiste per Javascript auszulesen (ich leihe mir den Code mal, aus Archivierungsgründen :-)):

function getScrollerWidth() {
    var scr = null;
    var inn = null;
    var wNoScroll = 0;
    var wScroll = 0;

    // Outer scrolling div
    scr = document.createElement('div');
    scr.style.position = 'absolute';
    scr.style.top = '-1000px';
    scr.style.left = '-1000px';
    scr.style.width = '100px';
    scr.style.height = '50px';

    // Start with no scrollbar
    scr.style.overflow = 'hidden';

    // Inner content div
    inn = document.createElement('div');
    inn.style.width = '100%';
    inn.style.height = '200px';

    // Put the inner div in the scrolling div
    scr.appendChild(inn);

    // Append the scrolling div to the doc
    document.body.appendChild(scr);

    // Width of the inner div sans scrollbar
    wNoScroll = inn.offsetWidth;

    // Add the scrollbar
    scr.style.overflow = 'auto';

    // Width of the inner div width scrollbar
    wScroll = inn.offsetWidth;

    // Remove the scrolling div from the doc
    document.body.removeChild(document.body.lastChild);

    // Pixel width of the scroller
    return (wNoScroll - wScroll);
}

function getScrollerWidth() {

var scr = null;

var inn = null;

var wNoScroll = 0;

var wScroll = 0;

// Outer scrolling div

scr = document.createElement('div');

scr.style.position = 'absolute';

scr.style.top = '-1000px';

scr.style.left = '-1000px';

scr.style.width = '100px';

scr.style.height = '50px';

// Start with no scrollbar

scr.style.overflow = 'hidden';

// Inner content div

inn = document.createElement('div');

inn.style.width = '100%';

inn.style.height = '200px';

// Put the inner div in the scrolling div

scr.appendChild(inn);

// Append the scrolling div to the doc

document.body.appendChild(scr);

// Width of the inner div sans scrollbar

wNoScroll = inn.offsetWidth;

// Add the scrollbar

scr.style.overflow = 'auto';

// Width of the inner div width scrollbar

wScroll = inn.offsetWidth;

// Remove the scrolling div from the doc

document.body.removeChild(document.body.lastChild);

// Pixel width of the scroller

return (wNoScroll - wScroll);

}

Da tun sich doch unvermutete Möglichkeiten auf!? Tja, bloß leider keine, die funktioniert hätte. Wenn jemand eine Idee hat, wie ich die Position eines Elementes, das prozentual (bzw. über "center") positioniert ist, um eine Anzahl von Pixeln ändern kann: Immer her damit 🙂 Mir blieb nur folgende Lösung, bei der ebenfalls ein permanenter Scrollbalken eingeblendet wird - allerdings ist dieser inaktiv, wenn er nicht benötigt wird, was ich persönlich sehr viel angenehmer finde:

:root { overflow-y: scroll; }

1	:root { overflow-y: scroll; }

Diese Lösung ist die valide (!) CSS3-Version des invaliden

html { overflow: -moz-scrollbars-vertical !important; }

1	html { overflow: -moz-scrollbars-vertical !important; }

, das sowieso nur für Mozilla-Browser gilt. Erstaunlicherweise funktioniert die CSS3-":root"-Version praktisch "überall": Firefox 2.0.0.16 auf dem Mac, Safari 3.1.2 auf dem Mac, Firefox 3.0.1 auf dem PC, Safari 3.1 auf dem PC, dem IE soweiso, und dem W3C CSS Validator!

Flash: MouseEvents auf dynamisch erzeugten Sprites

// --- Neues Sprite anlegen
var sprite = new Sprite();

// --- Sprite mit roter 100x100 Flaeche fuellen
sprite.graphics.beginFill( 0xff0000, 0.5 );
sprite.graphics.drawRect( 0, 0, 100, 100 );
sprite.graphics.endFill();

// --- Sprite soll Maus-Ereignisse empfangen...
sprite.buttonMode = true;
sprite.addEventListener( MouseEvent.MOUSE_UP, doSomething );

// --- ...Mauszeiger soll dabei nicht zu einer "Hand" werden
sprite.useHandCursor = false;

// --- Sprite zur Buehne hinzufuegen:
addChild( sprite );

// --- Neues Sprite anlegen

var sprite = new Sprite();

// --- Sprite mit roter 100x100 Flaeche fuellen

sprite.graphics.beginFill( 0xff0000, 0.5 );

sprite.graphics.drawRect( 0, 0, 100, 100 );

sprite.graphics.endFill();

// --- Sprite soll Maus-Ereignisse empfangen...

sprite.buttonMode = true;

sprite.addEventListener( MouseEvent.MOUSE_UP, doSomething );

// --- ...Mauszeiger soll dabei nicht zu einer "Hand" werden

sprite.useHandCursor = false;

// --- Sprite zur Buehne hinzufuegen:

addChild( sprite );

Tja, gewusst wie (Danke, Nils): Ohne buttonMode kein Triggern der Eventlistener 🙂 HTH..

crusy.net

♪ Commit ins Abenteuerland ♫