Scrolling Parallax: Animiertes Scrolling mit Tiefgang
Parallaxe [aus dem Griechischen; für „Veränderung“, „Abweichung“] ist ein Phänomen, das aus verschiedenen Bereichen bekannt ist (z. B. der Astronomie). In der Fotografie wird die Unstimmigkeit zwischen dem Bild im Sucher und dem fotografischen Bild mit einem Parallaxenausgleich behandelt. Im Webdesign ist Scrolling Parallax bereits vor einiger Zeit angekommen. Ich möchte zu diesem Thema das [...]
Syntax Highlighting: Unser Code soll schöner werden!
Möchte der Webworker auf seinem Blog ein neues Projekt vorstellen und ein paar Zeilen Code dazu veröffentlichen, geschieht das in HTML mit <pre><code>. Aber die Ausgabe sieht dann erst einmal eher langweilig und bei längerem Code auch unübersichtlich aus. Kommt noch dazu, dass das Auge durch die Darstellung der Editoren verwöhnt ist. Doch es gibt [...]
head.js: Externe JavaScripts asynchron laden
Verlinkt man externe JavaScripts auf herkömmliche Weise muss man mit Performanceeinbußen rechnen. Ein Browser stoppt das Einlesen (Parsing) des HTML-Dokuments, wenn er auf eine entsprechende externe Verlinkung (<script src=”…”>) stößt. Das JavaScript wird priorisiert und ausgeführt, bevor der Parser mit dem HTML fortfährt. Aus diesem Grund sollten JavaScripts und deren Verlinkungen immer am Ende des [...]
Kurz notiert: Die Suche nach der Smart Sticky Floating Box
Neulich bin ich auf dem Blog von Soh Tanaka auf eine nette Spielerei gestossen. Ein HTML-Element mit einer fixen Position im Browserfenster (in diesem Fall eine Social Network/Info-Box). Klingt erstmal unspektakulär, allerdings ist es das spezielle Verhalten dieses Elements, dass die ganze Sache interessant macht und den Einsatz von jQuery erfordert. Die Suche – der [...]
WordPress: Freizeitlers NonPurista!-Theme
Die Experimente und Spielereien der letzten Wochen wurden in einem einzigen WordPress-Theme zusammengefasst. Daraus entstand eine witzige Mischung aus Zweckmäßigkeit und Wahnsinn, aus CSS und MooTools. Get kissed by the Cow!
MooTools: Fading Opacity. Schickes Menü mit Mouseover
Nach einigen kleineren Startschwierigkeiten habe ich das Ding zum laufen gebracht. Und ich muss sagen: Mootools ist wirklich Kinderleicht und man kann es überall einsetzen…
Javascript: Von der Multibox über Tooltips zu MooTools
Wenn die mühsam angelesenen Grundkenntnisse in Javascript langsam zu verblassen drohen helfen oft nur noch glückliche Umstände, um das Interesse neu aufflammen zu lassen. Und es begann eigentlich ganz harmlos mit der Multibox…