Homer Simpson macht CSS

Roman Cortes. Er hat mit jede Menge div-Elementen und CSS das Portrait von Homer Simpson gezeichnet. Einfach mal in den Quelltext schauen. Ned Batchelder hat die Demo erweitert und daraus mit ein bisschen jQuery eine Animation erstellt. Vielen Dank an Sahanya für den Hinweis.

NicEdit: ein kleiner WYSIWYG-Editor

NicEdit ist zwar ein kleiner, aber dennoch leistungsfähiger WYSIWYG-Editor. Das Einbauen ist sehr einfach, man muss das Javascript in seiner Website einbauen. Dazu benutzt man entweder den vorbereiteten Code-Schnippsel, dann wird auf das Javascript auf der Hersteller-Website zurückgegriffen oder man speichert es auf dem eigenen Webspace ab. Wenn das Script eingebaut ist, werden alle Textbereiche …

Druckvorschau, CSS und die Nutzer

Seit sehr langer Zeit setze ich hier im Weblog eine CSS-Datei für die Druckausgabe, hier der Code aus dem entsprechenden Bereich: <link rel=”stylesheet” type=”text/css” media=”screen” href=”style.css” /> <link rel=”stylesheet” type=”text/css” media=”print” href=”print.css” /> Das Ergebnis ist jedem halbwegs erfahrenem Webworker klar. Der Browser liest beide CSS-Dateien ein [1] und je nach dem im welchen Modus …

Bilder schöner präsentieren

Eins der Themengebiete, vor dem ich mich bis neulich erfolgreich gedrückt habe, war das Thema Lightbox. Für die die es nicht wissen: es geht u.a. darum die Präsentation der Bilder durch Javascript zu verschönern und mit einfachen Mitteln rudimentäre Galerien mit netten Effekten zu realisieren. Als ich das Layout für Herr der Ringe-Weblog erstellt hatte, …

Javascript: Bibliotheken, Frameworks und IDE

Hier einige Links zum Thema Javascript & Co. welche ich in den letzten Monaten gesammelt habe: Prototype Prototype is a JavaScript framework that aims to ease development of dynamic web applications. qooxdoo qooxdoo is an advanced open-source JavaScript-based GUI framework. jQuery New Wave Javascript: jQuery is a new type of Javascript library. It is not …

Liste mit Linklisten

Ich bin gerade dabei meinen Lesezeichen-Ordner “Abarbeiten” auszumisten, daher hier mal eine Liste mit Linklisten zu diversen Themen rund um den Bereich Webwork: The Web Developer’s Handbook Eine Liste mit Online-Generatoren (von CSS bis XML) Internet in Zahlen (Internet-Nutzung in Zahlen) Tutorialsammlung (von Ajax bis XML) CSS- und Design-Galerien Schriften und Typographie Symbole, Buttons und …

Hasenjagd und Javascript

Ein kleines aber feines Browserspiel für Zwischendurch hat der “Man in Blue” entwickelt: Bunny Hunt. Zutaten: XHTML 1.0 CSS Jede Menge Javascript Nix Flash

Lightbox in WordPress

Lightbox ist ein Script welcher es ermöglicht, die Bilder schöner zu präsentieren. Mittlerweile gibt es für WordPress ein Plugin, der die Einbindungen des Skriptes erleichtern soll.

Revolver

“Revolver” ist zuerst eine Waffe :-), aber in diesem Fall handelt es sich um ein kleines (2 kb) PHP-Script welches OpenSource ist und es einem ermöglicht z.B. eine einfache Diashow zu erstellen: Revolver is a Fast Image Rotation Engine (FiRE) Revolver can be used to show a stream of images without the need for an …