Cascading Style Summer Refresh 2010
MoOx.fr par MoOx
Voir en ligne http://moox.fr/
Après refresh
Note obtenue : 5.770/10
Voir en ligne http://moox.fr/
Note obtenue : 5.770/10
Les commentaires sont clos.
<br><br> Vivement la <font> des neiges !
(Captain Igloo)
Commentaires
Un peu lourd je trouve (bug quand on scroll) mais le fond est sympa ^^
oui le fond scintille quand on scroll ... mais sinon, assez chouette
@rionma33 : Idem sur le bug de fond, même si c'est original. Ça rend la navigation très gênante, dans l'ensemble en revanche c'est réussit! ;)
Il y a encore selon moi pas mal de choses à améliorer et surtout beaucoup de contenu à écrire (Bonne chance! ;)
- Il y a d'abord lesboutons de couleurs différentes c'est trop (avis personnel donc subjectif)
- Réduire quelques peu les effets de style qui font too much aussi (et toujours selon mon avis subjectif) entre les effets gauche-droite/lumière/haut-bas etc..
Pour le mot de la fin c'est un grand encouragement et une bonne continuation, bravo car le projet semble prometteur!
Tom
Les couleurs sont très présente ça pique un peu les yeux. Joli travail de retouche/compo des photos sur le bottom.
heu, rien à voir, mais un lien de famille avec Marcus de Retro GameOne ?
C'est vrai que j'ai tapé un peu trop dans le lourd, je vais surement alléger ça voir diviser mon design en 2, un sombre et plus sobre pour une partie pro, et un design plus coloré playa pour mon blog.
C'est qui rend un peu la navigation lourde c'est que j'utilise peut être trop de CSS 3 (bcp de gradients et transitions). De plus pour la plage d'en bas, elle est affiché après le chargement complet de la page, afin de ne pas alourdir le rendu/chargement.
Sur les pages longues (donc là sur peu de pages) la plage n'est pas visible et donc se charge discrètement après le onload (hs: je n'utilise que rarement domready sachant que enfait cette évenement - pour des chargements/traitements lourds - peut s'effecturer avant le chargement complet de la page (ie. tous les éléments))
Sur mon site actuellement les pages étant quasi vide, c'est vrai que la plage est visible et donc ça pète au loading, même si le point possitif est que le contenu reste accessible rapidement :p A l'avenir, mes pages seront bien pleines et donc ça ne sera pas vraiment un soucis.
Après pour les histoires de "bug" (je n'arrive pas vraiment à voir ça comme un bug chez moi j'ai pas vraiment de scintillement ni de lag) ça provient surement des perfs du browsers, j'en ai conscience, mais vu que les prochaines versions des browsers (IE9, FF4, Chrome 7 etc) vont utilisé l'accél. graphique, je pense que ces problèmes n'en seront plus, du moins je l'espère.
@Shokojjo : j'ai pas trop pigé l'histoire des effets gauche-droite
@iManu : aucun lien de parenté non :)
Hello,
Visuellement, c'est sympa, mais les lags lors des scrolls sont vraiment embètants... et du coup l'effet Js lorsqu'on remonte en haut de page est complétement cassé.
Bon a part ce gros problème de perf, le code est pas mal (à part les <br /> inutiles un peu partout mais c'est pas grand chose).
Bonjour
Visuellement très chouette (très lourd aussi), j'adore l'idée de faire sortir une partie de ton image du bloc web developper :). Sacré boulot de code et de scripts bien maitrisés aussi.
Sinon, j'ai halluciné sur le nombre de style de la balise html et les nombreuses div mais bon, je suppose qu'il est peut être difficile de faire autrement.
Sur IE (7 et 8), il y a une erreur de script, le fond de page est bleu azur (c'est peut être voulu), Mijoté par... chevauche le texte qui suit. Sur IE7, ton titre "Moox.fr" est rogné.
A ce niveau de compétences, je trouve dommage le manque de css pour l'impression, les polices en pixels et le chevauchement de certains textes quand on agrandit la police.
Je trouve dommage que tu dises que les problèmes rencontrés disparaitront avec la sortie des nouveaux navigateurs. ils ne disparaitront pas, tu ne les verras plus en utilisant ces naigateurs, mais les internautes (et les recruteurs potentiels?)?
Mes problèmes rencontrés : chargement très long, erreurs javascript sur la page d'accueil, structure cassée dans le CV, un scroll sur la page de contacts pour un grand vide et deux petits boutons (et sur les autres pages sans vraiment de contenus aussi, la hauteur devrait être adaptée et adaptable).
Sinon? Code propre et valide. Et véritable amélioration graphique!
Bonne continuation!
coucou MoOx,
La refresh est mieux, mais désole question appréciation ( cela reste subjectif ) je trouve le fond un peu trop décontracté, sinon l'organisation des infos est bien mais dommage que le site ne soit pas complet.
Si l'on met n'importe quoi dans l'url on a droit à une erreur PHP.
Le moteur de recherche ne fonctionne pas et certains liens mènent vers des pages sans contenu (ex. http://moox.fr/services#developpement).
Bon c'est un concours sur le refresh CSS où bien ??
Il est clair que mon site n'est pas fini, si vous avez pris 2 sec pour lire mon billet sur le blog, c'est écris noir sur blanc.
Je joue le jeu, la prochaine mise à jour ne sera qu'après la fin du concours.
Merci de garder de remarques constructives autre que "bah ton site il est vide".
Je crois que comme pour le concours sur le CV, j'aurais pas avancé d'un yota...
Bon heureusement j'ai quelques remarques dont je tiendrais compte, sur les perfs toussa.
Pour info, mon design étant fais par un développeur (moi), ça explique que ça soit pas cohérent. Je ferais donc un site pro, puis un site perso en divisant clairement les 2 parties contradictoire de mon design.
Salut Moox !! Bon refresh réussis pour ma part, ok quelques bugs dans le scroll (firefox 3.6) mais dans l'ensemble le code est très propre et les changements avec l'ancienne version sont assez significatifs. Je trouve la barre de navigation utile et "class", le manque de contenu importe peu je pense puisque l'objectif est de noter une évolution entre les deux versions. L'évolution est bien là, par contre mon point négatif est le positionnement des icônes pour les flux et le twitter.. Positionnées en bas de page elles sont moins accessibles que si elles étaient présentes sur la partie affichée de base (sans avoir à scroller).
Voilà, beau travail moox !! Continu comme ça !
Je ne sais pas si l'auteur s'est un peu trop laissé orienter par l'ambiance estivale du concours " SUMMER refresh ", mais je suis pas trop preneur du fond de page " Palmbeach ". Comme cela reste une appréciation très subjective, c'est sans importance, d'autant que la page est très bien structurée, claire, etc. Sur le plan graphique, le personnage qui joue avec le cadre pourrait être amusant, mais à cette échelle, l'effet produit tend un peu vers le ridicule par sa trop petite taille. Dans ce genre de choses, mieux vaut assumer et le placer en bien plus grand. J'aime bien l'effet au survol du nom du site, en biais, flouté, et je pense qu'il pourrait remplacer avantageusement l'autre trop discret et trop sage ( par rapport au style du reste ).
La remarque de l'auteur sur le parti-pris indécis entre site pro et perso est pertinente, cela reste un bon travail néanmoins. Dans l'ensemble, c'est assez surprenant l'évolution qualitative en terme de Design sur les sites, même par des gens qui au départ sont plus des programmateurs. Quand on voit ce qui se faisait à la préhistoire du web, et qui pour certains sites perdure encore, on ne peut que saluer l'existence et l'exigence d'un site tel que celui d'Alsacréations qui met en contact programmateurs et designers.
Personne n'a remarqué qu'au resize de mon site, celui ci s'adapte bien. Tester le sur iPhone par exemple.
En effet ca marche super bien sur Iphone. Un beau resize avec un positionnement très sympathique des éléments tout en gardant le principe de la charte graphique. J'adore.
Pour ma part aucun bug de lag ou de scintillement que ca soit sur Iphone ou sur Chrome.
Et j'aime bien le design plage qui fait en effet très décontracté. Comme tu dis Moox, il va faloir faire 2 design si tu veux avoir une partie plus pro.
Et oublie pas de trouver le minifier Js / Css pour Tomato !!!
je trouve que c'est réussi :)
Y a plein de bonnes idées (le resize, certains rollovers très sympas, le graphisme original, etc...), mais... car il y a un mais de taille...
... mais la navigation est désagréable... je ne peux pas dire que ça vienne de mon PC... un Core i7 avec 9 Go de RAM, je suis en droit d'attendre un site fluide : là ça lagge, c'est lourd à charger (ta page pèse plus d' 1 Mo, certaines images font plus de 300 Ko !). Même sous Chrome, je constate des problèmes.
Là, je me dis que les perfs ont été totalement négligées... et pas tant que ça en plus si je regarde Page Speed et Yslow. :o
Très dommage, car le site a du potentiel !
BIzarre que ça rame sur un PC de ce type.
J'ai perso un mac qu'à 2 ans, avec 4Go de RAM, et ça ne rame pas.
Concernant le chargement, les "grosses images" se chargent en dernier, une fois le contenu afficher, et c'est volontaire comme je l'ai expliqué plus haut.
Donc le perfs n'ont pas été négligé. C'est que certaines configurations de pc gèrent mal le "trop de css3" à mon avis, et c'est bien dommage.
Bravo, superbe réalisation, vous avez su intégrer les dernières techniques CSS3, HTML5, JQUERY 1.4.
Vous ne liriez pas par hasard le hors série n°5 webdesign. La page 10, le design aéré.
Si je comprends bien le lag, c'est surement la dernière fenêtre transparente à gauche. Effectivement, lors du scroll dans la page, le texte contenu dans la box bouge de gauche à droite et inversement.
Bravo pour l'utilisation du zend framework pour modifier le cms Tomato.
Bonne chance.
" Personne n'a remarqué qu'au resize de mon site, celui ci s'adapte bien. "
Juste remarque de l'auteur, je viens de tester, c'est très bon.
Et dans une mise en page plus étroite, l'apparition du personnage agrippé au cadre passe (visuellement) beaucoup mieux : bravo.
Le délai d'affichage est également satisfaisant, et à revisiter le site, je réalise mieux le soin apporté aux détails.