GulY dev-emotion

13 août, 2008

Portfolio #5 - Les Ecuries des Calmants

Posted by: Dan In: Portfolio

Le site des Ecuries des Calmans est en ligne depuis le début du mois à l’adresse suivante : www.equitation-salans.fr

La charte graphique a été réalisé par Daniel de Codeweb avec lequel j’avais déjà collaboré sur le site www.timelessInspiration.com . Une fois de plus, j’ai travaillé avec Direct News Open.

Aperçu

Apercu du site www.equitation-salans.fr

J’ai terminé le site de Matière Grise la semaine dernière. Le transfert vers la nouvelle plate forme et la suppression de l’ancien site c’est bien passée, le site est visible à l’adresse suivante : www.matiere-grise.fr.

La charte graphique a été réalisé par l’un des graphiste (Pascal) de chez Matière Grise, je me suis occupé de son intégration dans Direct News 4.10 Open

Aperçu

Apercu du site www.matiere-grise.fr

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 :

Timeless Inspiration broken beat podcast

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 .

Shirteez.com

je l’ai !

et pour ceux que ca interèsse j’ai jailbreaké très facilement le IPod pour rajouter les applications du Iphone grâce a ce site : http://zephir-blog.com/

Tags: , ,

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.

Tags: ,
Tags: , ,

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.

Tags: ,

13 juil, 2007

Direct News Open

Posted by: Dan In: Applications

Et voilà

Activis, la société éditrice de l’outil de gestion de contenu Direct News, a décidé de se jeter dans le grand bain de l’open source avec l’officialisation de la sortie de leur joujou sous licence GPL : Direct News Open.

En fait tous les modules intéressants de la version pro ne sont pas inclus dans la DN Open. Pas de gestion multi-utilisateurs et de restriction de page (système extranet), mais tous les autres outils de DN sont présents.

Je parlais la dernière fois de la concurrence avec les autres acteurs du marché et notamment Spip. Mais après plusieurs mois de travail sur ce produit, je pense pouvoir dire sans me tromper que DN et Spip ne marcheront jamais sur les mêmes plates-bandes.

Car le type de personne intéressé par Spip est en général dans la mouvance associative et éducationnelle alors que DN open s’attaque directement aux TPE/PME avec peu de moyen certes mais totalement incapable de s’occuper seul d’un site Internet. La facilité de prise en main de DN n’est pas comparable avec Spip. Car la logique spipiène sommaire/rubrique/article qui veut que l’interface graphique du site ne se cantonne qu’a ces trois pages est très difficile à expliquer à un utilisateur lambda.

Alors que DN fonctionne avec des modèles de page. En tant qu’intégrateur, il est beaucoup plus facile de rajouter un nouveau modèle de page même si l’interface graphique est différente du reste du site. Sur Spip, c’est possible mais ça casse complètement la dynamique du site.

Bref c’est un autre style. Mais désormais Direct News Open est présent pour que chacun puisse l’essayer et en faire ce qu’il souhaite.

A propos de moi.

J'ai travaillé plus de 5 ans dans la maintenance informatique et réseau.
Depuis 2006, j'effectue un virage vers le métier d'intégrateur Web. En février 2007, j'ai signé un contrat comme intégrateur xHtml/CSS pour le compte de l'agence de communication strasbourgeoise Matière Grise. Ce blog est un moyen de faire partager mes recherches, mes expérimentations et mes trouvailles par rapport aux technologies du Web.