x-log

Thèmes

Liens

License

Unless otherwise expressly stated, all original material of whatever nature created by Andreas Jaggi and included in this weblog is licensed under a Creative Commons License.

21.04.2008

ImageFlow

ImageFlow, CoverFlow mit JavaScript. (via)

21:31 | Webdesign | lien permanente

12.01.2008

Embed Flash into valid XHTML documents

<object type="application/x-shockwave-flash" data="flash.swf" width="100" height="200">
<param name="movie" value="flash.swf" />
</object>

17:12 | Webdesign | aucune commentaire

24.04.2006

Scriptaculous Cheat Sheet

Amy Hoy has released a nice Scriptaculous Cheat Sheet just at the right moment since I'm going to use Scriptaculous for the redesign of actualites.epfl.ch.

10:06 | Webdesign | lien permanente

23.11.2005

CSS4IE

Da hier anscheinend doch machmal ein paar Benutzer mit dem Internet Explorer vorbeikommen habe ich nun doch noch das Layout so angepasst, dass es auch im Internet Explorer wie gewünscht aussieht (zudem soll ja eine potentielle Kundschaft nicht abgeschreckt werden).

Eigentlich sind die Änderungen am CSS nur ganz klein, aber umso schwerer herauszufinden *grrr*.
Als sehr hilfreich herausgestellt hat sich die parallele Installation verschiedener Internet Explorer Versionen. Dieser Artikel erklärt wie man eine solche Testumgebung erstellt.

Interessanterweise sah der unangepasste Stylesheet im Internet Explorer 4 bedeutend besser aus als im Internet Explorer 5, 5.5 oder 6.

01:21 | Webdesign | lien permanente

1.11.2005

CSS Reboot Fall 2005

Am Wochenende bin ich per Zufall auf die CSS Reboot Seite gestossen.
Da ich am Sonntag Nachmittag nichts Interessantes vorhatte, ist innerhalb eines Tages das neue Design entstanden :-)

Wer immernoch das mittlerweile etwas verbleichte alte Layout sieht, soll bitte hier klicken um zum neuen zu wechseln.

In Mozilla Firefox, Opera und Safari sieht die Seite ziemlich genau so aus wie gewünscht, aber im Internet Explorer stimmt wiedereinmal gar nichts :-(

00:00 | Webdesign | lien permanente

9.09.2005

Démos d'AJAX

Voilé quelques liens vers des démos d’AJAX.

14:39 | Webdesign | lien permanente

8.01.2005

Colors

I’ve found some color resources & utilities on del.icio.us. These are always useful, especially since i’m not the person who can just throw together three colors and automatically the result looks good.

EasyRGB – Search for color harmonies, complements and themes for your RBG values
Color Blender – Calculate midpoint colors
4096 Color Wheel – Color Wheel with corresponding web-safe & web-smart colors
Spectacle – Tweaked web-smart Color Schemes
Adam Poselli » Get the Look – Design & style guides
Adam Poselli » Where’d Ya Get That Color Scheme? – Color schemes from photographs
Adam Poselli’s 2005 Color Forecast – Colors
Adam Poselli’s 2004 Color Forecast – More colors
mezzoblue § Colour Schemes – How to select colors

23:02 | Webdesign | lien permanente

25.07.2004

Anschauen!

collecting best practice webdesign resources

00:25 | Webdesign | lien permanente

6.07.2004

Quicklinks Webdesign

19:15 | Webdesign | lien permanente

15.04.2004

Mozilla Bug

Wie ich Andrew Porter Glendinning besuchte, entdeckte ich diesen Graphikfehler in Mozilla. Der Text lautet

If you can read this, your browser doesn't support the over 4-year-old CSS Level 2 Recommendation. These icons should be fixed in the lower right corner of your browser window, and this message should be invisible.

Nach der Analyse des Stylesheets, habe ich herausgefunden, dass der Text eigentlich ausserhalb des Browserfensters dargestellt werden sollte. Bei Mozilla hört das Browserfenster vor dem Scrollbalken auf, jedoch für die Rendering-Engine erst am Fensterrand :-P

01:55 | Webdesign | lien permanente

14.04.2004

Developing With Web Standards

Developing With Web Standards Recommendations and best practices. Eine gute Übersicht, auch geeignet um Leute in die Thematik einzuführen.

Via LinkDump

21:07 | Webdesign | lien permanente

9.04.2004

Inkscape

Gestern habe ich Inkscape entdeckt. Inkscape ist ein Vektor-Graphikprogramm, das SVG als Dateiformat benutzt.

Das Programm lässt sich mit Macromedia Fireworks vergleichen, wennauch der Funktionsumfang noch nicht ganz so gross ist. So kann Inkscape nur nach PNG exportieren und unterstützt keine Animationen. Dafür ist IMHO die Vektorbearbeitung von Inkscape schon jetzt der von Fireworks überlegen.

Nachdem ich auch das Tutorial gemacht habe, durfte ich feststellen, dass das Userinterface von Inkscape grösstenteils absolut top ist. So eine angenehme und einfache Handhabung habe ich bei einem Graphikprogramm bisher vergebens gesucht. Da kann selbst mein bisheriger Favorit Fireworks fast nicht mithalten.

21:22 | Webdesign | lien permanente

14.03.2004

Rechnen mit CSS

Im Stylesheet dieser Seite findet sich unter anderem folgende Styledefinition:

#rechts li a {
	display: block;
	border-bottom: 1px solid #FFFFFF;
	width: 100% - 30px;
	padding-left: 30px;
}

Diese macht, dass die Links im rechten Submenu auf der ganzen Breite funktionieren und nicht nur wenn man auf den Text klickt.
Zuerst hatte ich die Weite auf 100% gesetzt. Jedoch hat der Mozilla wegen der 30px Padding noch 30px ausserhalb des Rahmens angezeigt. Mit overflow: hidden habe ich versucht das Problem zu lösen. Jedoch hat das nicht funktioniert, da es ja kein eigentlicher overflow ist.
Schlussendlich bin ich durch ausprobieren von garantiert fehlerhaften Styledefinitionen auf die jetztige Lösung gekommen. Natürlich validiert das nun nicht mehr als korrektes CSS, aber es funktioniert :-)

Da ich nun keine Windows-Maschine mehr habe, wäre ich froh um Screenshots vom Submenu, wenn mit der Maus über ein Link gefahren wird (a:hover).

12:43 | Webdesign | lien permanente

8.11.2003

CSS Links

Bei mk ein paar (ältere) CSS Links gefunden:
Little Boxes
CSS @ Maxdesign
CSS horizontal navigation list
:hover mit beliebigen Elementen
pure CSS menus

17:42 | Webdesign | lien permanente

11.06.2003

Web Developer extension for Mozilla Firebird

Ist mir gerade bei CSS-Technik-News ins Auge gestochen, dass es jetzt noch weh tut: Web Developer extension for Mozilla Firebird

01:35 | Webdesign | lien permanente

→