Et voila, nous avons terminé le nouveau design du site www.timelessinspiration.com. L’identité visuelle a été réalisé par un freelance de la région : CodeWeb. C’est la 6ème version de ce site lancé en 2001, mais c’est la première fois qu’il est pensé par un webdesigner pro.

Timeless Inspiration est mon podcast musicale que je réalise chaque semaine mois sur les musiques électroniques et plus particulièrement la mouvance broken beat et future jazz.

Apercu :

Je me suis amusé à remodeler un de mes sites perso, Drum-Bass.net. En attendant le grand chamboulement de la version 7 attendu pour le mois de février/mars 2008, j’ai voulu redonner un coup de jeune a ce site. Et comme je ne suis pas un webdesigner dans l’âme, j’ai repris un theme gratuit trouvé sur le site Opendesigns.

Au final il y a plus de place pour le contenu, les commentaires font leur entrées et j’ai répensé l’organisation des articles et des rubriques. Autre points que je dois travailler : le référencement. Mais avant ca, j’ai encore des modifications à apporter pour rendre le site valide W3C.

Aperçu :

lien vers le site

Ca y est, après de long mois de développement le site www.shirteez.com est en ligne. Pas encore officiellement puisqu’il reste encore des choses à finir. Notamment au niveau de la page d’accueil que je ne trouve pas très clair. Comment sais t’on qu’on est sur un site de vente de tshirts ?!!
Et pour m’aider dans ma tache j’ai découvert un blog très intéressant sur les site d’e-commerce : www.capitaine-commerce.com .

En parcourant le Web ces dernières semaines, j’ai beaucoup réfléchi sur le concept et l’utilisation des frameworks CSS et leur utilité réelle dans le monde professionnel. Mon article sur le sujet parle des bases, et ces différents liens vous permettront d’y voir encore un plus clair.

L’article du jour est signé Bruno sur Css4design : Frameworks CSS + Reset CSS : design from scratch.
C’est la traduction française de l’article du meme nom du site Smashing Magazine (lien direct vers l’article)

La semaine dernière c’est Marc de Marcarea qui en parlait : Framework CSS

Un autre framework découvert au hasard sur le net (via Ajax Rain je crois) : Elements

Un article d’Eric sur Presse Citron sur le Yahoo CSS Grid Builder qui rejoint le fonctionnement du YAML builder déjà vu la dernière fois.

Et enfin un excellent article d’Eric Meyer sur le reset.css qui fait réfléchir.

Entre les centaines de nouveaux post que je reçois par mon flux RSS et les nombreuses recherches que je fais chaque jour sur Internet sur des sujet aussi divers et variés, il m’arrive très souvent de découvrir de nouveaux blogs. Je souhaites vous en faire part.

Spawnrider :

1. Livres blancs sur les IT
2. Wordpress SEO
3. Créer son entreprise

Je galère en Webdev

1. Un flux RSS pour la 2 ! Chaud devant !
2. Quelques nouveautés que propose le CSS 3

Barbablog

1. Blueprint, un framework pour webdesigner
2. Le blog n’est pas un nouveau média
3. L’astuce typographique du jour

Fredzone

1. Far Cry en téléchargement gratuit et légal

Capitaine Commerce

1. Fragento.org, site communautaire pour Magento disponible
2. Dawanda, le Etsy européen et le ecommerce communautaire

Définitions :

Un framework est un espace de travail modulaire. C’est un ensemble de bibliothèques, d’outils et de conventions permettant le développement rapide d’applications. Il fournit suffisamment de briques logicielles et impose suffisamment de rigueur pour pouvoir produire une application aboutie et facile à maintenir. Ces composants sont organisés pour être utilisés en interaction les uns avec les autres.
(source : Wikipédia).

Intro

Le terme framework s’est démocratisé avec le javascript et ses multiples tentatives de créations DU framework parfait : jQuery, script.aculo.us, mootools… Mais quand est il des frameworks basé sur le CSS ?

En tant qu’intégrateur xhtml, j’essai aussi souvent que possible, de proposer à mes clients un code propre et compréhensible. Mais je me rends compte qu’aucun de mes fichiers CSS ne se ressemblent. C’est peut être aussi parce que tous les projets sur lesquels je travaille sont différents.

Le framework CSS peut corriger ce problème en proposant par une structure unie et une nomenclature bien pensée de regrouper dans un seul et même package tous ce qui est nécessaire à l’intégrateur.
Après quelques recherches, j’en ai découvert 3 qui me paraissent intéressant : Yaml, WYMstyle et Blueprint. Alors comment ça ce présente ?

Blueprint

Le jeune Olav Bjorkoy, étudiant a Trondheim (Norvège), à lancé le 03 août dernier le framework Blueprint (plus d’infos sur le google code dédié). Il est partie d’un constat simple : à chaque projet il devait repartir a zéro pour créer ses fichiers CSS et il perdait du temps pour chaque développement alors que pour la plupart ils se ressemblaient en plusieurs points.

Une fois le fichier décompressé on se retrouve avec une nomenclature de dossier extrêmement simple. Le fichier “screen.css” est le fichier principal. Via la fonction import, il regroupe les autres fichiers nécessaires : reset, typography, grid, buttons.
Ce framework est simple à prendre en main et il est très bien commenté. Le fichier reset.css permet d’éviter que les navigateurs utilisent leurs valeurs par défaut sur les pages.

Par contre je le trouve assez limité, c’est a dire qu’il réponds à un certains types de demandes. Mais dès que l’on souhaite faire des interfaces un peu trop compliqué, il est inévitable de rajouter des nouvelles balises. Ainsi l’intérêt premier du système qui devrait vous permettre de développer vos pages plus rapidement est perdu.

WYMstyle

WYM Style a été développé par Daniel Reszka et Jean-François Hovinne. L’idée est de proposer tout ce qui est possible en terme de CSS mais en suivant une méthode défini. C’est a dire que soit vous réalisez vos sites avec la structure du framework et dans ce cas tout les avantages de maintenance, d’optimisation et de facilité de développement seront présents. Soit vous le faites à votre sauce et vous allez rapidement perdre pied.

Il y a quelques fichiers étonnant, par exemple il y a les fichiers “ie4-undo.css” et “ie4.css”; si j’ai bien compris le but est de casser les valeurs par défauts IE4. Mais ma question toute simple est : Qui utilise encore IE4 ?
Pour le moment la communauté n’est pas vraiment au rendez vous, mais les devs sont motivés : le wiki et le forum.

A noter qu’il existe aussi un CMS : WYMsite, encore en phase développement, et un web-éditeur WYSIWYM : WYMeditor

Yaml

J’ai découvert récemment YAML (Yes Another Multicolumn Layout!), c’est un produit open source développé par Dirk Jesse. Je n’ai pas encore pu le tester en production mais les premières impressions sont bonnes. Il y a beaucoup de choses et le tout a été crée de manière sérieuse. Comme pour le autres, Dirk tente de rendre les choses simples, éfficaces et modulaires. Il a même pensé aux utilisateurs de Dreamweaver avec une méthode pour faire fonctionner ses fichiers en mode graphique.

En cas de pépin et si vous cherchez de l’aide, vous allez devoir apprendre l’allemand car la communauté est importante mais pas très anglophone et encore moins francophone :o) . Le forum

Enfin dernier point, le site est vraiment bien fait et bilingue (allemand et anglais).

Conclusion

Il existe des solutions et elles sont de bonnes qualités alors pourquoi ne pas les utiliser ? Hé bien dans la plupart des cas, les intégrateurs de mon espèce ont appris leurs savoir-faire sur le tas, dans les bouquins et sur Internet bref sans méthodes spécifiques. Il est assez difficile de changer ses habitudes, mais je pense qu’il est nécessaire de structurer son travail, surtout au niveau professionnel, pour ne proposer que le meilleur de ses compétences.

Ensuite c’est un moyen simple de faire la maintenance sur les sites Internet notamment si l’équipe change. Voilà une méthode qui peut être compris par tout le monde ! N’est-ce pas formidable ?!! surtout pour celui qui va reprendre mon travail ;op

Je pense me tourner vers la solution Wymstyle et la tester en prod plus longuement. Je vous ferais part de mes impressions dans quelque temps.