Rassurez-vous je ne vais pas vous parler de foot, juste vous présenter ce pour quoi j’ai beaucoup moins bloggué ces derniers temps, à savoir la nouvelle version du site PSG.FR
C’est sûrement le plus gros travail d’intégration que j’ai fait sur un projet depuis que je travaille chez e-TF1. Et je pense m’en être pas trop mal sorti(1). En vrac j’ai utilisé le reset d’Eric Meyer, le “Perfect multi-column CSS liquid layouts”, Mootools 1.2 (malheureusement en version non-stable pour l’instant(2)), Flex pour le lecteur vidéo(3) et d’autres trucs que j’ai oublié.
Tout n’est pas parfait, ça va s’affiner dans les jours à venir. Toutes les options du site ne sont pas encore en ligne mais c’est un gros projet et ça va arriver au fur et à mesure.
Et bien sûr j’attends votre avis sur le site, sur ce qui est bien, sur ce qui est naze, histoire de pouvoir faire encore mieux la prochaine fois(4) 
- Enfin, je vous laisse juge.
- Lorsque j’ai commencé en décembre, j’ai cru qu’il serait en version stable pour la sortie du site en mai, monumentale erreur !
- Là on voit que j’ai encore des progrès à faire.
- Et corriger mes erreurs si possible.
Commentaires
par Palleas le 23 mai 2008 à 14:41
Le multicolmun n’a pas l’air transcendant, il t’apporte quoi véritablement ? Des floats ça ne suffisait pas ?
par Vince1415 le 23 mai 2008 à 16:26
eheh tu va devenir un veritable foot-addict
Sinon j’ai encore appris quelquechose, je ne connaissais pas le perfect multi-column machin truc. Le résultat obtenu est vraiment pas mal, c’est vraiment intéressant comme solution.
Palleas > Le principal interet par rapport aux floats “simple” est probablement le fait que toutes les colonnes font la même hauteur. Il n’y a pas besoin de faire croire que la colonne fait toute la hauteur avec une image en fond. il y a egalement d’autres avantage qui sont listés sur le site mis en lien
Alors le prochain projet c’est quoi ?
par Guillaume le 24 mai 2008 à 02:16
C’est vraiment du très bon boulot, rien à redire…!
Qu’est ce que tu utilises comme CMS ou autre ?
par Country le 25 mai 2008 à 14:19
@Palleas : comme l’a dit Vince1415 ça permet de faire des colonnes des même hauteur sans hacks, de faire des pages en 1, 2 ou 3 colonnes assez facilement, d’éviter le double margin bug d’IE6, etc.
@Vince1415 : Je ne sais pas encore, on a encore des trucs à faire sur celui-là (on fait ça étape par étape), pas mal de nouveaux trucs qui doivent arriver dont un nouveau forum.
@Guillaume : merci
On utilise un CMS fait maison, dédié spécialement aux sites sportifs.
par Pedro le 29 mai 2008 à 18:26
Waw, rien a redire, c’est vraiment du beau boulot.
Juste quelques petites questions comme ça : satisfait du patch sur le body avec les coomentaires conditionnels, par rapport aux feuilles de styles screen-iex.css, au final ?
Et pour l’id js dans sur l’élément html, je connaissait pas, ça apporterais quoi par rapport à une classe sur le body (j’ai pris l’habitude de mettre une classe “no-js” sur le body, que je remplace par un “js” au domready) ?
En tout cas mes félicitations pour le bébé. C’est presque dommage que ce soit pour du foot, mais bon ça aurait pu être pour la star’ac hein !
par Country le 31 mai 2008 à 15:02
Merci Pedro.
Pour l’instant en ce qui concerne le patch sur le body, aucun problème à signaler pour l’instant, que des avantages. Ça m’a permis de réduire le nombre de requêtes sous IE et d’à peu près diviser par 2 le nombre de fichiers CSS que j’avais à maintenir sans passer par des hacks.
Pour l’id “js” ça n’apporte pas grand chose, juste que ça me permet de placer le bout de code qui fait ça directement dans le plutôt que dans le body, c’est plus “propre”
(et mettre une class sur ce n’est pas autorisé, donc je met un id).
Sinon oui je sais c’est du foot, mais là où je travail j’ai pas trop le choix, donc je fais avec
par Oliv G. le 8 juin 2008 à 21:23
Plutôt pas mal comme projet
Le seul bémol c’est que c’est pour le PSG et étant supporter de Lens…. 
Sinon la réalisation est cohérente, tu n’as pas oublié les utilisateurs n’ayant pas javascript à disposition.
Si j’avais juste quelques petites critiques, ça serait l’utilisation de l’attribut align=”justify” sur tes div. Mais bon, tu es en “transitionnal” et pas en “strict”. Il y a aussi les balises vides genre ” <a></a>”. Si tu voulais faire un lien de retour en haut de page, pourquoi ne pas pointer ton lien sur une balise comportant du contenu et un id utilisable?
En tout cas, félicitation pour ce boulot d’intégration
par Country le 9 juin 2008 à 11:19
Salut Olivier. Alors je te rassure, moi je reste neutre (le foot c’est mal
).
Pour les align=”justify”, je plaide non coupable, ce sont les rédacteurs du PSG qui incluent ça directement dans les articles qu’ils rédigent
En ce qui concerne le lien retour, ça me gênait de faire un lien retour vers #container plutôt que vers un #top. Mais c’est vrai que je pourrai placer mon id #top directement sur le body, je vais réfléchir à ça
par Marc le 10 juin 2008 à 16:37
Bonjour.
Quelques commentaires d’un utilisateur “lambda” : quid de la consultation en mobilité ?
Concrètement :
- pourquoi imposer, via des images d’une taille très importante, une largeur minimum de consultation ?
- de ce fait, en consultation wap, le chargement de la page d’accueil est très long (> 1 Mo !!), et la consultation peu aisée (scrolling latéral…)
Etait-ce dans le cahier des charges (des images très larges - aucun souhait de développer une version accessible sur des petits terminaux) ?
Pour le reste : *bravo*, car je trouve le site magnifique. Mon seul regret est que, s’il est possible d’augmenter/diminuer la taille du texte… mais sans pouvoir jouer sur l’aspect général, cela ne reste-t-il pas un peu “gadget” ?
Cordialement,
Marc.
PS : vous êtes à la tour TF1 ou près de Colas ?
par Country le 10 juin 2008 à 23:29
Salut Marc.
Alors ça va être rapide : le site n’a pas du tout été conçu pour une consultation mobile
Ça reste un site commandé par un client (en locurence le PSG), donc si aucune version mobile n’est demandée, aucune n’est faite…
A titre personnel je trouve ça un peu dommage parce que, en plus des traditionnelles actualités, les directs qui sont diffusés sur le site (au format texte) seraient vraiment intéressants en version mobile.
Et je suis d’accord avec toi en ce qui concerne l’aspect “gadget” de l’agrandissement/diminution du texte. En fait il te faudrait utiliser l’option “Agrandir le texte” de ton navigateur pour avoir la même chose sur l’aspect général du site.
Merci pour tes remarques
PS : on est près de Colas, au Levant
par CUT HERE le 12 juillet 2008 à 20:27
Très beau boulot (même si je ne suis pas fan de foot :p) !
par Pierre le 28 octobre 2008 à 11:04
Salut,
Moi non plus je ne suis pas de fan de foot mais le site est TOP !
Surtout la partie en Ajax en milieu de page, avec changement de contenu sur le passagede la souris… terrible!!!
‘Y a-t-il un espoir qu’un jour ce script se retrouve dans ta partie “utilitaires à télécharger” ? C’est pas vraiment un outil mais j’en serais ravi de pouvoir mettre ça sur un site à moi…
De même pour le color-picker du site ajaxload.info
Bonne continuation.
par Country le 3 novembre 2008 à 18:46
Merci, Pierre.
Par contre il n’y a pas d’Ajax dans la partie centrale du site, c’est juste une zone qui défile. Si ça t’intéresse tu peux jeter un oeil à la class Fx.Scroll du framework Mootools, avec ça ça se fait vraiment en 3 lignes de code. Et le color picker tu peux le trouver ici : http://ecritters.biz/colorselector/
Laisser un commentaire
Flux RSS des commentaires de ce billet