"css Zen Garden"

Lancé en 2001, le site CSS Zen Garden se veut une démonstration des possibilités offertes, en matière de présentation et de design, par l'emploi des feuilles de style (CSS) dans une page web. Le principe est simple : chacun peut y aller de sa contribution et proposer au créateur du site sa propre variation visuelle, mais sur un contenu prédéfini et rigoureusement invariable. Autrement dit, le document HTML (XHTML pour être plus précis) reste toujours rigoureusement le même; seul le contenu de la feuille de style (et des images qui y sont éventuellement associées) change.

La créativité des gens n'en est pas bridée pour autant, et les nombreuses contributions retenues pour figurer sur le site explorent des style graphiques variés et contrastés.

Ma maîtrise des CSS s'améliorant, j'ai voulu moi aussi tenter ma chance et proposer ma version du "Jardin Zen des CSS". Il s'agit pour l'instant d'un travail en cours, et je ne l'ai pas encore soumis au verdict du site officiel.

A noter que cette version offre une présentation légèrement différente si vous utilisez Internet Explorer ou un autre navigateur --une subtilité rendue nécessaire pour pallier à quelques faiblesses d'Internet Explorer concernant le positionnement des images d'arrière-plan.

Home v1

Première version "non-temporaire" de ma page d'accueil sur s427.ch.

Mise en page sophistiquée (un peu trop, avec le recul), entièrement CSS, qui utilise des techniques de positionnement avancées (par pour IE, donc) et des images PNG avec transparence (pas pour IE non plus). Divers hacks CSS ont été utilisés pour que la présentation se dégrade convenablement lorsqu'elle est consultée avec IE (testez par vous-même). Et un petit message qui ne s'affiche qu'avec IE, incitant le visiteur à changer de navigateur et lui donnant un lien vers une page qui explique pourquoi. ^^

En construction...

Une page d'accueil "temporaire" (qui a quand même duré, je sais pas, un an ou deux... ?) que j'ai mis sur pied lorsque j'ai migré l'ensemble de mon site sous le nom de domaine s427.ch.

Une page, une seule.

Première apparition du logo "s427", donc... Que d'émotions... Excusez-moi un instant...

"Golden"

Il s'agit uniquement d'un test de présentation de site. En fait ce fut pendant un temps la présentation officielle de ma page d'accueil. Aujourd'hui je ne l'apprécie plus trop, mais elle a certains aspects intéressants, donc je la garde. On peut encore également la voir (avec une image de fond légèrement différente) dans ma galerie de photos d'Irlande.

Note : il s'agit réellement d'une page de test, donc le contenu est réellement n'importe quoi... J'ai pris ce que j'avais sous la main à l'époque pour remplir un peu et voir ce que ça donnait visuellement.

Boèce

A la demande d'un ami qui devait mettre sur pied un site web pour la revue Boèce, et sur la base d'une page qu'il m'a envoyé, j'ai réalisé ces différentes variantes de présentation.

La troisième version est probablement la plus aboutie (visuellement parlant), mais c'est la première version qui fut finalement retenue (à l'exception du logo du titre, purement provisoire), car elle correspondait plus au visuel de la revue elle-même.

Version 1
Version 2
Version 3
Version 4
Version 5

Qu'est-ce que Matrix ?

Un long texte qui tente de résumer et de synthétiser les nombreux aspects de ce film très riche. Je précise quand même que toutes les idées de ce texte ne sont pas de moi; j'ai plutôt chercher à regrouper de façon cohérente toutes les idées intéressantes que j'ai pu lire ou entendre (ou formuler, pour quelques unes).

Critiques Cinéma

Une série de petites critiques de films, postées sur le site cinemas.ch. A l'époque il s'agissait surtout d'expérimenter une façon (nouvelle pour moi) de présenter une page web : en utilisant des tableaux imbriqués et des images pour structurer et encadrer le texte.