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: Paul Irish und seine HTML5 ★ Boilerplate
Erster! Könnten Paul Irish und Divya Manian jetzt rufen, denn sie haben ein Framework veröffentlicht, dass nicht nur HTML5-fertig ist, sondern mit allem Schnickschnack aufwartet, den man für sein modernes Internetseiten-Projekt durchaus brauchen kann. Die HTML5 ★ Boilerplate. Angefangen mit Print- und Handheld-Stylesheet, jQuery Anbindung, Cross-Browser-Unterstützung, .htaccess-Files für optimierte HTML5-Anwendung und Ladezeit bis hin zu [...]
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 [...]
HTML: form action. Mehr über Formulare in Aktion
Formulare sind auf Internetseiten selbstverständlch. Wir benutzen sie fast täglich. Schauen wir uns doch mal so ein Formular genauer an. Wie wird es aufgebaut und wie sehen die einzelnen HTML-Komponenten aus? Hier gibt’s ein Demo.
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…