blog.exotec

TYPO3 . XHTML/CSS . JavaScript/AJAX . iPhone/iOS

Archive for Mai, 2004

Onion Skinned Drop Shadows

Montag, Mai 24th, 2004

Schon vor ein paar Tagen kam auf Alistapart ein neuer Artikel raus, Onion Skinned Drop Shadows. Ich bin noch nicht dazu gekommen ihn komplett zu lesen, war aber schon beim Überfliegen des Artikels sehr neugierig geworden. Scheint eine recht simple Technik zu sein um Bilder mit einem Schattenwurf zu versehen.

Ragged Float

Sonntag, Mai 23rd, 2004

Diese kleine Spielerei ist aus dem Ragged Float Demo von Eric Meyer enstanden:

Ragged Float

Microsofts filter:Alpha() statt transparenter PNG´s

Samstag, Mai 22nd, 2004

Es könnte so einfach sein transparente Menüs zu erstellen. Man nimmt eine Grafik seiner Wahl, versieht sie mit der gewünschten Transparenz und speichert das Ganze im PNG Format.

Aber irgendwas war da doch noch?! Ach ja der Internet Explorer, welcher bekanntermaßen von den meisten Leuten benutzt wird. Warum auch immer. Dieser unterstützt das PNG Format nur fehlerhaft, und deshalb gibt es im Internet Explorer keine transparenten PNG´s zu sehen. Mit etwas CSS und Javascript, welches wir für den PopUp Effekt nutzen werden, bekommt man dann aber doch den gewünschten Effekt hin. Der Rest ist dann aber reines CSS. [weiter …]

3D Box Model Demo

Freitag, Mai 21st, 2004

Wer noch immer nicht weiß wie das Box Model interpretiert wird (bzw. werden soll) kann sich hier ein 3D Box Model Demo ansehen. Nette Spielerei über die ich auf John Hicks Seite gestolpert bin.

Wismars Schafe

Donnerstag, Mai 20th, 2004

Wer in Wismar wohnt, der kennt Patricks mit weißer Wasserfarbe gemalten Schafe. Man sieht sie in letzter Zeit zwar nicht mehr so häufig, doch so manche häßliche graue Wand schmücken sie noch immer. Paedy hat ihnen aber ein dauerhaftes neues Heim auf seiner Homepage geschenkt.

CSS Optimizer

Montag, Mai 17th, 2004

Wer seine CSS Dateien von überflüssigen Leerzeichen befreien möchte, kann dies nun einfach mit dem CSS Optimizer tun, oder auch lassen.

Das Tool kommt allerdings nicht richtig mit dem Box-Model-Hack klar, wird dieser angewendet so muss man seine CSS Datei aufteilen. Aber ansonsten sieht der Code danach schön sauber und aufgeräumt aus, warum also nicht.

Noch ein Rollover mit nur einem Image

Montag, Mai 10th, 2004

Irgendwie stolper ich im Moment ständig über die verschiedenste Techniken, mit nur einem Image einen einfachen Rollovereffekt umzusetzen. Auf diese hier bin ich heute gestoßen, Stuart Robertson benutzt in seinem Beispiel ein transparentes GIF und schneidet einen Bereich aus, dieser wird dann bei a:hover mit einer Background-Color gefüllt. Auch nicht schlecht …

Sliding Doors Menü mit 2.Ebene

Sonntag, Mai 9th, 2004

Ich hab das Sliding Doors Menü von Doug Bowman etwas erweitert und diesem eine 2. Ebene hinzugefügt. Ist noch nicht ganz ausgerreift, aber kann sich schon sehen lassen.

Nicht so schön ist allerdings, dass das dieser HTML Code “not valid” ist, mit den verschachtelten <ul>´s.

Mit Typo3 kann man dieses Problem umgehen, ganz einfach indem man die Subitems als ein Extra Menü, mit eigenem Einstiegslevel, im <div> der Wahl von Typo3 generieren lässt.

Hier das Ergebnis. Der Code der Typo3-Seite validiert dann auch, da es halt keine in einander verschachtelte Liste mehr gibt, Typo3 generiert ja die Subitems als neues Menü.


88,167 Spam-Kommentare
blockiert von
Akismet