• Aller au menu
  • Aller au contenu
  • Aller à la recherche
  • tutoriels
    • Catégories
    • actualités
    • html
    • css
    • javascript
    • responsive
    • design
    • accessibilité
    • développement
    • vue et nuxt
    • formats
    • web
    • Ressources
    • Les plus lues
    • Outils
    • Guidelines
    • Livres
    • Quiz !
    • Concours
    • Par niveau
    • Débutant
    • Confirmé
    • Expert
  • forum
    • Nouveau sujet/question
    • Catégories
    • Dernières réponses
    • Recherche
  • emploi
    • Offres d'emploi
    • Demandes d'emploi
    • Favoris
    • Poster une offre
    • Poster une demande
  • formations
    • CSS3 Expert
    • Flexbox et Grid Layout
    • HTML5
    • Vue 3
    • Nuxt
    • JavaScript
    • Accessibilité
    • Performances web
    • Intégration d'e-mails mobiles
    • Formation sur-mesure
  • S'inscrire
  • Connexion
  • Concours
  • Modalités
  • Concourir
  • Participants
  • Résultats

Cascading Style Summer Refresh 2010

Retour au concours

FizzyStudio par Fizzy

Voir en ligne http://www.fizzystudio.com

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 6.270/10

Commentaires

Ariakan972
27 Septembre 2010 à 16h06

Très très joli design !
Clair, bien foutu, informations rapidement accessibles... c'est très bien tout ça !

Le code n'est pas valide W3C par contre, c'est dommage... Les Javascripts ne passent pas sous IE6 également !

À part ça rien à redire. :)

Fizzy
27 Septembre 2010 à 20h03

Merci de me signaler ça :p
W3C reglé, ie6 reglé aussi... des beugs apparaissent alors que j'ai tout réglé avant de faire le front dev.

audrasjb
27 Septembre 2010 à 21h16

Hello Fizzy,

Hum, on n'est pas censé faire de modifs du code après le début des votes. C'est un peu facile sinon, surtout dès le premier jour...

Sinon, c'est pas mal, mais il y a des styles en ligne, quelques erreurs dans la sémantique.. et pas mal de fautes d'orthographe, de syntaxe et de frappe.
Les textes manquent parfois d'interlignage.

Sinon, niveau plan de com', c'est plutôt réussi comme site.

Nico3333fr
27 Septembre 2010 à 21h33

Qq regrets : le formulaire de bas de page est difficile à cerner (peu de contraste, je ne voyais pas où cliquer : écran très lumineux oblige), des fautes d'orthographe, le blog vide (ça fait vraiment mis au dernier moment), très difficile voir impossible de naviguer au clavier (:focus !!!!).

Par contre, le graphisme est sympa, c'est coloré, j'aime bien. A finir et à fignoler !

Riku Asakura
28 Septembre 2010 à 12h13

Plutôt sympa dans l'ensemble.
La version anglaise est complètement pétée par contre...

Bonne continuation ;)

Fizzy
28 Septembre 2010 à 12h56

@ Riku: Moi ca marche impec.. ou est le beug ? des fois je fais des modifs dessus pour ie6, je l'ai déjà corrigé quand j'avais tout découpé, mais dès que j'ai rajouté quelques scripts, tout a commencé à beugger sous ie6 :/

designer1959
28 Septembre 2010 à 13h54

Une très bonne réussite que cette refonte. Un site élégant et raffiné, un chromatisme subtil et une typo bien étudiée. On sent un gros travail, et pas une prestation bâclée pour concourir. S'il faut chercher des réserves, elles pèsent peu, je trouve que le défilement du diaporama est un tout petit peu rapide, que la mode des menus à icônes passera aussi. Mais l'ensemble est vraiment bon : bravo. Seul bémol, préoccupant, attention à l'orthographe, grammaire, et de nombreuses maladresses de style : aïe, aïe, aïe ! Pour un site professionnel, ça ne passe pas. Dans ce cas, il faut se faire aider par une relecture efficace.

anais-id
28 Septembre 2010 à 15h44

coucou fizzy,
Très joli graphiquement et donne envie de consulter toutes les pages, la couleur rose donne le ton à ton site sobre, classe et accessible.

Riku Asakura
28 Septembre 2010 à 15h56

@Fizzy : Tout roule maintenant. Juste les blocs sous le slide qui semblaient se placer les uns à côté des autres au lieu d'être les uns sous les autres.
IE6 ? C'est quoi ? :p

PierreA
30 Septembre 2010 à 13h29

@Fizzy : très joli site.

La page d'accueil est un peu chargé je trouve.
Je trouve dommage que tu n'exploite pas plus l'idée du slider avec une entourage Safari. Dommage que le champs de recherche Google ne puisse pas être utiliser. :)
Comment faire pour mettre en pause le slider ?

Quand je clique sur une réalisation du slider je suis renvoyé vers une page générique et non pas vers la réalisation dommage.

Quand je cherche le détail d'une réalisation je n'ai aucune information sur le travail effectué, et il n'y a pas de lien vers le site en question ?!

Comme @Nico3333fr je trouve que ton formulaire en pie de page manque de contraste. Et le blog ... autant ne pas le mettre si c'est pour qu'il soit vide avec un architecture graphique complètement différente de ton site pro (c'est un thème WP de base non ?).

C'est peut être un choix de ta part mais pour moi quand je suis arrivé sur la page d'accueil je m'attendais à ce que ce soit une fille qui soit derrière le portfolio. :)

Les phrases sont mal tournée, j'ai lut ta présentation du référencement et on as l'impression que c'est du copier/coller de plusieurs site web. Désolé mais ça ne fait pas sérieux. :)

Voilà ça fait beaucoup de retour.
J'ai eu un premier "a priori" très positif et en creusant un peu j'ai beaucoup de mal à me dire que je vais te confier un projet web.
Tu tient le bon bout mais il faut vraiment retravailler le site pour le peaufiner.
Et n'hésite pas à demander un coup de main pour la relecture. ;)

Bonne continuation,
Pierre

Fizzy
30 Septembre 2010 à 21h23

@RIKU: IE6, tu ne connais pas :p ?

Merci à tous pour vos avis.

"""
Un bon site Web est toujours "en construction" ! (Citation Anonyme)
"""

Pour le formulaire en bas soit je vais le supprimer soit le mettre en avant. Trop de gens se plaignent. De tout façon il y a la page contact.

@Pierre: Pour le rose, c'est subjective de se dire: rose == fille. J'avais besoin de quelque chose de nouveau pour mon site, je crois que c'est la version 5 ou 6 du site :)

Pour les pages détails: je peux le faire, mais d'habitude lors de la conception d'un site je fais tout de A-Z. Design, frond-end & back-end, etc... À voir si je le fais ou non. Bonne idée tout de même, on pourrait glisser quelques mot clés dedans, pour le Réf c'est bon. Le soucis de l'arrivée sur une page généraliste peut être résolu si on ajoute les pages détails.

Si il n'y pas de lien pour certains sites, c'est qu'il sont hors ligne. Pour certains il y a des liens (faut survoler les images).

Pour le texte (orthographe, grammaire, syntaxe) ce n'est pas trop mon bain. Ça fait quelques années que je vis en France, sinon je suis de nationalité Russe. Même en s'exerçant avec le BLED, je n'arrive pas encore à gommer mes fautes et problèmes de syntaxes. S'il y a quelqu'un qui veut m'aider, je veux bien :)
"'ai lut ta présentation du référencement et on as l'impression que c'est du copier/coller de plusieurs site web. " Copier le contenu d'autres sites ce n'est pas une bonne idée, car pour Google ca veut dire contenu dupliqué et ce n'est pas bon. Mon français doit faire défaut.

Et le Blog, je veux le redémarrer, et rajouter un design par la suite, enfin à quoi ca sert de faire un design s'il n'y a pas de contenu, si j'abandonne rapidement l'idée du blog, je n'aurais que perdu mon temps.

Merci encore :)

Laurie-Anne
01 Octobre 2010 à 08h36

C'est bien joli, mais niveau accessibilité et performances, ce n'est vraiment pas ça :/

ps. : pourrais tu préciser si tu as fais des modifications au site (en production) depuis le début du concours ?

Fizzy
01 Octobre 2010 à 09h36

Il y a que eu des modifs pour ie6, que je croyais avoir reglé avant le concours.
C'est sûr que pour les performances avec un site rempli d'images ce n'est pas top. Au debut j'avais genre dans les 8-10mo pour la page d'accueil, j'ai du optimiser mes images/perdre en qualité pour arriver vers 2mo :)

chamomor
04 Octobre 2010 à 12h14

Tellement sympathique et originale, l'ancienne mouture, comparée à la nouvelle, conventionnelle. Dommage.

designer1959
06 Octobre 2010 à 10h54

Après avoir vu et commenté l'ensemble des sites du concours,je reviens vers celui-ci pour tempérer mon enthousiasme quelque peu. L'encadrement du slider avec l'image de Safari me dérange, et son défilement un peu rapide n'est pas très agréable.
À tout prendre, je comprends la remarque de Chamonor, l'ancienne version, plus sobre était aussi plus originale, et la nouvelle — quoi que je maintienne qu'il s'agisse d'un bon travail — est aussi très " dans l'air du temps " et l'air du temps, ça passe vite…

Mikachu
12 Octobre 2010 à 00h27

Il manque un peu d'aération à mon goût mais c'est assez agréable à parcourir.

Les commentaires sont clos.

 Alsacréations, un site dédié au <body> building  (Jean-Claude Vandamme)

  • plan du site
  • contact
  • formations
  • agence web
  • Retourner en haut de page

Alsacréations est une communauté dédiée à la conception de sites et applications web de qualité, grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et JavaScript, et à l'accessibilité. Réalisé par l'agence web Alsacreations.fr · À propos et mentions légales · Données personnelles

https://www.alsacreations.com/