Cascading Style Summer Refresh 2010
Portfolio Mohamed BHIBAH par mbpirate
Voir en ligne http://www.bhibahmohamed.com
Après refresh
Note obtenue : 2.710/10
Voir en ligne http://www.bhibahmohamed.com
Note obtenue : 2.710/10
Les commentaires sont clos.
Ça span pour moi !
(Plastic Bertrand)
Commentaires
Salut,
Design très sympa, reprendre un appareil Apple pour bloc central c'est original !
D'un point de vue personnel, je trouve que le titre ne colle pas avec le design et que pour du Flash le style des titres etc aurait pu être affiné.
La navigation est agréable et très simple. Son point faible est qu'il faille la chercher en bas de page à chaque fois (en scrollant) et au bout d'une dizaine de minutes d'utilisation, ça devient lassant.
Pour le peu de code HTML présent, il y a 7 erreurs de validation HTML.
En espérant que ça te soit utile.
JuJu
Ensemble sympathique, mais... c'est du full-flash sans aucun effort d'accessibilité des contenus... sur Alsa ça risque de pas passer... En tout cas, moi je passe mon tour :\
@audrasjb : C'est un peu dommage certes même si le concept est original
Le plus génant, c'est aucun contenu visible sans aucun clic. 2 clic mini pour voir où on se trouve c'est bien trop.
Hello,
présenter du flash sur un concours CSSRefresh est plutôt osé, et pour le coup je ne trouve pas cela vraiment réussi.
En effet, utiliser une base comme un iPad (ou autre appareil de marque) fait tout de suite club fermé (ce n'est que mon point de vue).
De plus, quitte à utiliser du flash et commencer à copier les effets et interaction de l'iPad, pourquoi ne pas être allé jusqu'au bout ? (scroll fluide entre autres.)
Enfin, une "page" sur deux s'affiche chez moi... travail non terminé ou chargement trop long ?
Bonne continuation
L'idée est sympa !
Mais par contre dommage que les détails du design ne suivant pas derrière =/ Si on part d'un iPad, il faut faire dans le Apple jusqu'au bout. Hors à l'intérieur des pages c'est pas top (niveau police, images, effets...)
Bonne idée, mais à approfondir ;)
Les trois petites bulles colorées à l'effet cristal avaient attiré mon attention, et c'est avec une grande frustration que j'ai abouti à un écran gris d'ipad vide de tout contenu. Paradoxe : la référence est faite à la marque à la pomme, or je visualise et travaille sur un ordinateur de cette marque et ce site est complètement invisible pour moi que ce soit sur Safari, Firefox et Opera ! L'écran vide et gris de l'ipad, ne me propose qu'un bouton " entrer " et une flèche sur lesquels je clique sans qu'aucun effet ne se produise. Pas de rattrapage au clavier non plus. De plus, le fond gris autour est inégal, visuellement cela semble un incident de plus !
Bonjour a tous,
Je vous remercie pour vos commentaires qui me permettront de bien améliorer mon site.
@juju57 : je vais retravailler le titre et l'affiné pour que ça colle avec le design de l'Ipad, pour la navigation tu as tous a fait raison lorsque j'ai commencé a réaliser le site je n'est pas pris en compte la dimension, je travail sur un 24pouces du coup j'ai complétement zappé l'affichage sur les autres écrans mais je vais le refaire et pour la validation HTML c'est a cause du flash par contre ce n'est pas un problème je pourrais faire un include du flash dans la page index et comme ça le peut de code HTML sera validé.
@audrasjb et Shokojjo : je sais c'est un peut osé de ma part de me présenter sur un concours pareil avec du full flash mais c'était une occasion pour moi afin d'avoir les remarques des autres pour que je puisse améliorer les fonctionnalités et le design du site et surtout de savoir si je l'abandonne et je refait un autre site a la traditionnel "XHTML, CSS, PHP" ou pas mais bon selon tous les commentaires que je vient de lire ça me motive encore plus a le retravailler et surtout côté accessibilité qui n'est pas un problème avec l'action script, je pourrais donner des actions aussi sur les boutons du clavier.
@MoOx : j'avais un doute et tu me l'a bien confirmé, c'est vrai qu'au début il n' y a que le slider pour pouvoir accéder au contenu mais ensuite j'ai rajouter un écran vide qui ne sert a rien mais lorsque je l'ai rajouté je me suis dit que peut être un internaute voudra passer directement sur une autre rubrique a part "Accueil" ==> c'est noté je l'enlèverai, le slider pointera directement sur la page d'accueil et comme ça il n y aura qu'une seul action pour voir le contenu du site.
@Mr_SATAN : oui je ne sais pas quoi faire j'ai tous essayer pour que les images ne soit pas pixeliser mais bon si tu as une idée je suis tous a fait preneur et pour l'heure en haut de l'écran, elle n'est pas figé en faite c'est la fonction "Date".
@Riku Asakura : comme je l'ai dit avant, je suis tous a fait conscient de ça, je sais que c'est vraiment osé de ma part de me présenter sur ce concours avec du full flash, en tous cas je ne cherche pas a le gagner mais ce qui m'intéresse le plus c'est l'avis des autres (l'avis des gens qui s'y connaissent en Web et je pense que c'est le cas de tous les inscrits sur ce site et plus précédemment ceux qui participent à ce concours) et grâce à tous ces remarques je pourrais améliorer mon travail. Pour l'utilisation d'un Ipad ça ne fait fait pas de ça un club privé au contraire je ne vise pas les gens qui travail sur Mac et non pas ceux qui travail sur Windows (personnellement je travail sur les deux) et aussi comme tu l'as mentionné "copier les effets et interaction de l'iPad" en faite, rien n'a été copié tous l'AS a été développé par moi même :), c'est justement l'idée d'utilisé un Ipad comme base et de rester dans le même environnement qui m'a obligé a refaire les effets d'Apple (et comme tu l'as remarqué, pas tous les effets), je me suis dit que c'est quelque chose d'innovant d'utilisé un Ipad sur un écran d'ordinateur que ce soit Mac ou bien PC :):), enfin, pour le travail ce n'est pas a cause du chargement, en faite je n'est pas fini, je n'avais pas assez de temps pour ça, et quand même j'ai reçu quelques commentaires qui est quelques chose de positif pour moi de voir que les pros du Web interagissent avec mon travail même si ce dernier n'est pas finaliser.
Suite de mon premier commentaire :):)
@rionma33 : bon je suis un développeur a la base et non pas un designer, rien que de pouvoir faire un Ipad et les trois boules de cristal j'ai galérer alors pour le reste je croyais que c'était jolie, si tu as des idées n'hésite pas a me les dire ça me fera vraiment plaisir d'améliorer le graphique.
@designer1959 : déjà c'est un bon début de voir que les trois bulles colorées à l'effet cristal avaient attiré ton attention, pour le reste j'ai essayer de garder le même aspects d'un Ipad c'est pour cela qu'il y a au début un écran vide,il faudra tous d'abord faire glisser le slider afin d'arriver sur la page d'accueil ( PS: il y a une page vide de plus a l'intérieur que je vais enlever ==> le slider pointera sur la page d'accueil directement) et pour la première page vide je pense à mettre à la place un arrière plan ça sera peut être plus jolie et enfin côté accessibilité pour l'instant j'ai mis les actions que sur les boutons de la souris il y aura aussi une navigation avec les boutons du clavier. Si tu as des idées d'amélioration n'hésite pas à me les mentionné je suis tous a fait preneur.
Encore une fois merci a tous d'avoir commenté mon travail malgré que ce dernier ne soit pas finalisé "manque de temps" mais il y aura prochainement une version final avec une prise en compte de tous vos remarques.
S'il y a d'autres suggestions a améliorer n'hésiter pas !!!!!!!!!!! :):)
Merci
Cordialement
---------------
MBpirate
Un iPad inaccessible à l' iPad hahaha..
plus sérieusement je trouve dommage que tu est fait ton site en flash. Tous les effets dont tu a besoin pour imiter le fonctionnement de l'iPad sont réalisables avec jquery
ou une autre librairie javascript. En plus l'effet de mise en abîme pour quelqu'un qui irait sur ton site avec un iPad serait intéressent (chose impossible en flash).
une idée à creuser, bon chance pour la suite...
Merci pour la réponse à mes commentaires. Du coup, je dois reconnaître que je n'ai pas SU naviguer sur ce site comme il fallait. Je suis pourtant, comme tout un chacun ici, habitué à naviguer, si je n'ai pas su l'utiliser, je crains que d'autres connaissent les mêmes déboires. Je dois donc corriger immédiatement, ce site fonctionne donc parfaitement sur un ordinateur Mac ( je n'ai pas d'Ipad, sinon, j'aurais su naviguer ! ) Mac. Demeure le souci du fond de page, ( avec des zones de gris différents, bizarres ) qui n'est probablement pas souhaité par l'auteur ? Puisqu'à présent je peux voir le site, je vais pointer ce que je ne pouvais pas voir hier. Comportement étrange et irrégulier des liens / icônes du bas, parfois un clic suffit parfois deux sont nécessaires pour afficher le contenu, en cliquant sur certains, on passe à la rubrique suivante, sur d'autres le menu disparaît. Pour la référence à Apple, je rejoins l'appréciation de Rionma 33, que je complèterai ainsi : si l'on ne connaît pas l'univers Apple, les effets restent ce qu'ils sont, sans la référence que l'auteur revendique. Si on connaît l'Ipad ou un ordinateur Mac, les effets autant que les graphismes sont bien plus aboutis. Et de surcroît, je ne suis pas sûr de vouloir retrouver ( en moins bien ) sur un site ce que je manipule chaque jour, des centaines de fois… Pour moi l'idée de baser son travail sur un objet technologique en le copiant mal est un mauvais pari, ou alors il aurait fallu jouer une carte kitch, parodique à fond… Sur le reste, pour le graphisme, il y a des améliorations à apporter mais je ne les suggérerai pas, car l'idée de base ne me semble pas en valoir le coup. Je ressens trop d'enfermement, de fascination technologique qui desservent le site plutôt que le servir, et à mon avis, cet effet de mode passera. Je répète que je suis un utilisateur des produits Apple, admiratif de leur soin apporté au design, etc. Mais, j'ai d'autant moins envie de retrouver cet effet de mode partout ailleurs que je trouve superficiel. Enfin, dernier point, il y a dans l'expression écrite beaucoup de maladresses, je suis désolé de le pointer, mais il faut souvent se faire aider pour les contenus rédactionnels, relire, corriger.
Voilà, j'espère ne pas avoir été brutal ou désagréable, je ne recours pas à la flatterie, ni à la langue de bois. J'ai exprimé mon jugement personnel, bien sûr, et on peut tenir compte ou non de mes remarques. Mes critiques sont ce que je peux apporter de sincère quand elles me paraissent nécessaires. Le dialogue reste ouvert, bien entendu. Il va de soi que je mesure le travail qu'a demandé cette réalisation, et cela peut paraître cruel de tout balayer en quelques lignes, mais le défi était ambitieux ( copier la pomme ! ) et je doute simplement qu'il soit pertinent. Restent des qualités certaines qui seront de toutes les façons utiles dans tout autre projet.