Categories

Links

License

Creative Commons License

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

12.09.2014

Fancy blog statistics

The about page now features some fancy blog statistics, check it out :-)

The statistics are created with the help of Cal-Heatmap which allows to easily create calendar heatmaps similar to the activity heatmap of GitHub.

Update: couldn't stop playing around and thus added another chart, this time with the help of C3.js (a D3.js based reusable chart library).

14:48 | Webdesign | Permalink

21.04.2008

ImageFlow

ImageFlow, CoverFlow mit JavaScript. (via)

21:31 | Webdesign | Permalink

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 | Permalink

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 | Permalink

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 | Permalink

01.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 | Permalink

09.09.2005

Démos d'AJAX

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

14:39 | Webdesign | Permalink

08.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.

23:02 | Webdesign | Permalink

25.07.2004

Anschauen!

collecting best practice webdesign resources

00:25 | Webdesign | Permalink

06.07.2004

Quicklinks Webdesign

19:15 | Webdesign | Permalink

15.04.2004

Mozilla Bug

Screenshot vom 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 | Permalink

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 | Permalink

09.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 | Permalink

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 | Permalink

08.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 | Permalink

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 | Permalink

27.12.2002

CSS

Hier hat es unter anderem einige Beispiellayouts, tabellenlos versteht sich.
Hier hat es einige Links zu tabellenlosen Seiten und zu CSS-Tutorials.
Hier hat es Links zu 900 tabellenlosen Websites.

13:48 | Webdesign | Permalink

15.12.2002

Winter

Passend zur Jahreszeit ist jetzt plain 2 das neue Standard-Layout.

04:26 | Webdesign | Permalink

08.12.2002

HTML 2.0

So aus lauter Freude hat's jetzt ein HTML 2.0 konformes Layout gegeben ;-)

14:01 | Webdesign | Permalink

07.12.2002

Design

Maintenant vous pouvez changer le layout de mon weblog au réglage

phrenologik est une site à tendance "dark"

19:12 | Webdesign | Permalink

Neues Design

Da auch mk und chee ihrem Weblog ein neues Aussehen geschenkt haben, musste ich die schon länger geplante Erweiterung meines PHP-Irrgartens, den Layout-Switcher, endlich fertig machen. Bei den Einstellungen könnt ihr nun euer Lieblingsdesign auswählen. Vorerst ist zwar nur das Standardlayout plain und das besonders kreative txt verfügbar - später werden's mehr sein ;-)

18:52 | Webdesign | Permalink

05.12.2002

GIMP-Tutorials

Verschiedene deutsche Tutorials zu GIMP:
- Gimp verstehen
- Nachbearbeitet
- Scheibchenweise
- Angestöpselt
- Gimpressionen
- Bilder fürs Web
- Farbverläufe und Pfade
- Bildbearbeitung mit Gimp 1.2
- Grokking the Gimp
- Gimp in 80 Minuten
- die Gimp-Seiten
- Fotoretusche mit Gimp
- GIMP for Windows
- Lehrfilme

abgestaubt bei rompe und mk

13:25 | Webdesign | Permalink

03.12.2002

CSS-Technik.de

CSS-Technik ist ein moderiertes Online-Projekt zur Sammlung von Ressourcen, Scripte und Tutorials zum Thema CSS und PHP für Webgestalter und Internetworker.
via [i-worker]

01:17 | Webdesign | Permalink

25.11.2002

centricle

Auf centricle.com findet man viele Informationen über CSS. Look at it!

21:07 | Webdesign | Permalink

24.11.2002

em

So, Schriftgrössenangaben sind nicht mehr in pt sondern in em.
Mozilla, IE und Opera interpretieren's in etwa gleich. Leider ist's nun im Netscape 4.x wirklich nicht mehr ansehbar.
Aber keine Sorge, dass nächste Layout ist schon in Planung ;-)

23:36 | Webdesign | Permalink

11h11

Sur 11h11.com il y a plus de 400 oeuvres, crées en 40 projets. Et cela ne sont pas seulement des images crées avec photoshop. Il y a des peintures, des images digitales, des photographies, des illustrations, des sons et même des vidéos! C'est vraiment une source d'art multimédial :-)

00:48 | Webdesign | Permalink

12 inches couch

t w e l v e i n c h e s c o u c h est le site d'une étudiante en graphisme.
Le site a un design très spécial, à voir absolument!

00:30 | Webdesign | Permalink

10.11.2002

Plongez dans l'accessibilité

Plongez dans l'accessibilité vous guide à faire votre site accessible. Très important!
Bon, je sais que mon weblog n'est pas encore accessible, mais je travaille à la vérsion suivante et celle-ci serait vraiment accessible :-)

21:30 | Webdesign | Permalink

FR_BLOG

FR_BLOG c'est une repertoire des weblogs français et francophones.

02:40 | Webdesign | Permalink

Les standards du W3C

Le StandBLog traite les standards du W3C.

02:38 | Webdesign | Permalink

27.10.2002

J'écris aussi en français!

J'ai annoncé ici que j'écris maintenant aussi en français. Je le fais pour entraîner mes connaissances du français.
Le but c'est d'augmenter mes notes en français et en histoire bilingue.

Voilà mon premier lien français: fkgb.fr est une "agence de communication" situé à Paris avec une site très multimédiale ;-)

02:38 | Webdesign | Permalink

26.10.2002

Nun ist so wie's sein muss!

waterwave.ch ist nun XHTML 1.0 konform und in punkto Accessibility auch nicht schlecht gestellt.

Valid XHTML 1.0!

Ich wäre froh, wenn jemand mit einer Software wie JAWS mal schauen könnte, ob waterwave.ch noch Probleme darstellt.
Sonstige Accesibility-Tips sind natürlich auch willkommen ;-)

15:13 | Webdesign | Permalink

25.10.2002

Accessibility zum 2.

Nun ist waterwave.ch HTML 4.01 und CSS 2 konform. Zudem hab ich mich durch den Dive into Accessibility Guide gewühlt und einige Sachen daraus entnommen. Nur das Kontakt-Formular und die Abkürzungen müssen noch bearbeitet werden.
Ergänzungen?

Valid HTML 4.01! Valid CSS!

00:47 | Webdesign | Permalink

24.10.2002

Accessibility!

Damit ja niemandem langweilig wird:

Accessible Web Page Design
AWARE
IBM Accessibility Center
Weblog Accessibility
Joe Clark: Media Access
Web Accessibility for Section 508
NCI Web Accessibility and 508 Compliance Initiative
Accessible Web design - a definition
Usable Web
Accessible Web Design
Web Accessibility - ADA Guidelines
Accessible Web Page Design Curriculum
Dive Into Accessibility

22:50 | Webdesign | Permalink

03.09.2002

deviantMAG

Eine Website für Designer :-)
IMHO siehts noch ein bisschen nach "under construction" aus. Aber dennoch schon gute Inhalte wie z.B. ein Interview mit dem Designer von 2advanced.com

11:26 | Webdesign | Permalink

19.08.2002

Netscape 2.02

Für meine Maturaarbeit benötige ich zum Testen eine alten/älteren Netscape Browser. Nach einer unendlich langen Klickerei, bin ich hier fündig geworden. Dort gibts von Netcape 2.02 bis 6.2.3 alles was das Herz begehrt.

22:05 | Webdesign | Permalink

27.06.2002

3D-Artwork

Wundervolle virtuelle Welten findet man hier, hier und hier.

19:30 | Webdesign | Permalink

13.06.2002

Flash-Site

Den Link zu einer Website, die farblich völlig meinem Geschmack entspricht, habe ich hier gefunden.

19:12 | Webdesign | Permalink

12.06.2002

Fireworks MX ist da!

Die neue Version meines Graphikprogrammes erscheint und ich habs total verschlafen (liegt vermutlich am Stress der Maturaarbeit).

Macromedia hat nun die MX Produktversionen fertiggestellt. Hab gerade die Fireworks MX Trial-Version gesaugt. Die Auswirkungen werdet ihr sicher in nächster Zeit sehen ;-)
BTW: Laut Macromedia hat MX keine spezielle Bedeutung; schaut man aber auf die um bis zu 100$ gestiegenen Preise, so erscheint More eXpensive doch ziemlich realistisch ;-)

02:00 | Webdesign | Permalink

08.06.2002

Flash

Etwas wunderschönes ...

17:26 | Webdesign | Permalink

06.06.2002

Flash-Sites

Gerade so ins Auge gestochen sind mir:

Verrücktes Design, aber trotzdem ansprechend: http://www.jureta.com/
Minimalistisches Layout: http://www.soerianto.net/
Gewöhnungsbedürftig: http://flakk.pixelwar.at/
Technisch hochstehend: http://www.acme24.de/

23:34 | Webdesign | Permalink

Farbenlehre

Auf metacolor.de hat es ein IMHO sehr gutes Tutorial zum Thema Farben im Internet. Besonders geeignet für Leute, die, wie ich, im Umgang mit Farben nicht besonders geschickt sind. ;-)

22:08 | Webdesign | Permalink

03.06.2002

Flash-Sites

Beim (*unerlaubten*) Surfen aufgefallen:
http://www.2advanced.com

08:50 | Webdesign | Permalink