Cascading Style Summer Refresh 2010
MrRayures par MrRayures
Voir en ligne http://www.mr-rayures.com/
Après refresh
Note obtenue : 6.621/10
Voir en ligne http://www.mr-rayures.com/
Note obtenue : 6.621/10
Les commentaires sont clos.
J'ai réservé mon nom de dolmen !
(Asterix)
Commentaires
Joli travail et très belle typo vintage! :D
J'ai beaucoup la nouvelle version du site. Je participe également au concours avait à l'origine la même idée que toi, à savoir faire une navigation statique en une seule page avec scroll glissant. J'ai gardé l'idée de menu statique en haut de page, mais j'ai abandonné le scroll glissant (chaud à mettre en place avec wordpress). Bravo ! Bonne chance ! :)
@Sogam Merci ^^).
@atelierwebactif Merci, et avec pas mal de bidouille c'est surement faisable.
Très bonne réalisation !!
Deux petits points noirs :
- la CSS non valide...
- la presque non compatibilité avec IE6 !! Mais là, c'est trop dommage car il n'y a que le slider qui fonctionne mal (avec un if else, pouf on mets un slider qui fonctionne sous IE6 et c'est réglé) et on se tape une barre rouge pas belle en haut du site... Rien d'insurmontable pour qu'il soit compatible avec IE6, le design est tellement bon qu'il mérite ce mini effort ! :D
Bravo en tout cas, j'aime beaucoup.
@Ariakan972 : Merci pour ton retour. Le css je suis dessus, par contre en ce qui concerne ie6, mon site n'a pas pour cible un vaste public j'ai donc fait le choix de minimiser la casse sur ie6 sans non plus me prendre la tête d'où la barre rouge et le slider.
@MrRayures : Hello, j'aime bien le site dans son ensemble même si on voit de plus en plus de navigation avec scroll glissant faut reconnaître que c'est mignon.
D'un point de vue personnel, j'aurais pas mis de bleu ciel, je trouve que ça jure avec le reste de la charte graphique qui est bien bravo. Il reste la validation CSS qui coince, et surtout la taille des images à spécifier (aucune taille n'est spécifier), idéalement activer la compression gzip, et fusionner les JavaScript déjà au nombre de 5... !
Pour ma part c'est un donc un grand encouragement! Bonne continuation
Tom
Ps: Un peu hors concours, mais très sympa je suis tombé amoureux de ton blog http://japon.mr-rayures.com/
Il s'agit d'un bon travail, auquel bien du soin a été apporté. La charte colorée est réussie, le graphisme aussi. Sur le plan de la mise en page, une ou deux choses me chiffonnent un peu. Le haut de la page me semble un peu irrésolu. L'équivalence en taille du diaporama avec les visuels " créations " en dessous se concurrencent un peu et le regard hésite à se poser. La différence de couleur de fond sur ces deux zones accentue cette impression. La typo noire sur fond marron est très chic, mais au limite de la lisibilité, certes il s'agit de mentions textuelles secondaires. Le système de navigation par les menus du haut est agréable mais je me questionne sur la pertinence de placer l'ensemble du contenu de la page sur une si grande colonne ? Des différences importantes pour les marges supérieures sur les titres apparaissent entre Firefox et Safari ( sur Mac ) : ' About ' est margé fort et " créations " colle au bandeau sur haut dans Safari. Enfin, cliquer sur contact laisse apparaître en premier " About ". En espérant avoir contribué positivement.
@designer1959 : Merci de ton retour. Le fait de tout placer sur une page en verticale est surtout un choix d'abord esthétique (Et du moment, il faut le dire ^^) mais aussi par souci de mise a jour (1 seule page a mettre à jour c'est plus simple). Sinon j'ai tester sous safari PC, mais malheureusement pas de Mac.
@Shokojjo : Merci, pour le css j'utilise des propriétés comme border-radius, text-shado, @font-face, c'est un parti pris graphique au détriment de la validité. Pour le reste je prends note.
Et merci pour l'appréciation du blog ^^).
Site sympatique, juste augmenter le line height des paragraphes et slider peut etre un peut trop imposant (a mon gout).
Sinon j'aime beaucoup.
C'est justement sur l'aspect esthétique (coupure d'une zone quand on en consulte une autre… ) que me gêne le fait de mettre l'ensemble du site sur une seule page.
De gros efforts à fournir sur les perfs, sinon, c'est original, et plutôt réussi !