art-jpg, site artiste sculpteur
Jerry Wham
Member
dans Vos créations
Bonjour,
Je vous présente le dernier projet que j'ai réalisé pour un ami sculpteur. Le menu est tiré d'un tutoriel sur codrops mais il est buggué sur webkit (chrome/safari).
Je fais appel aux âmes charitables O:) qui pourraient me donner une astuce en php pour pouvoir détecter le navigateur utilisé. Le user agent n'est pas assez fiable car il peut facilement être falsifié.
Je suis aussi preneur de vos critiques ]:D par rapport au site réalisé bien sûr avec notre cms préféré. {)
Merci d'avance.
Je vous présente le dernier projet que j'ai réalisé pour un ami sculpteur. Le menu est tiré d'un tutoriel sur codrops mais il est buggué sur webkit (chrome/safari).
Je fais appel aux âmes charitables O:) qui pourraient me donner une astuce en php pour pouvoir détecter le navigateur utilisé. Le user agent n'est pas assez fiable car il peut facilement être falsifié.
Je suis aussi preneur de vos critiques ]:D par rapport au site réalisé bien sûr avec notre cms préféré. {)
Merci d'avance.
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
Beau projet !!
Mais qu,entends tu par menu buggé sur chrome.... je viens de l'essayer et tout est ok; juste un carré jaune qui apparait autour du rond blanc de menu.
EDIT: je viens de m'apercevoir que Chrome me donne cette erreur Je ne sais pas d'où cela vient...mais peut être un fichier [del]javascript [/del]??[del] non pas de ça mais d'un autre fichier, de quel type??[/del]
bon, après recherche l'erreur vient de jQuery-v1.10.2.js à la ligne 5 pourtant il me semble que c'est la dernière version ??
Pour l'erreur, je ne vois pas d'où ça vient...
pour te confirmer se que je vois avec Chrome:
hébergeur d images gratuit
Mise a part le haute de page que j'aurais mis plus en noir pour mieux ressortir le titre avec un text-decoration:none, le reste est vraiment hyper sympa.
Concernant le menu aucun problème de mon coté sur Osx.
A+
@Fred : je comprends mieux à présent. C'est parce que j'utilise chromium et non google chrome. Les versions ne sont pas les mêmes et la mienne est beaucoup plus ancienne.
Donc c'est cool si ça fonctionne. Et tu peux me dire comment ça sort avec Safari ?
Pour le titre, je suis d'accord avec toi sur le trait et je l'ai supprimé. Pour la couleur, c'est une question de goût. Je vais y réfléchir et demander son avis au proprio.
Pour ma part, dans mon écran de 24 pouces et Chrome ton site est nickel.
Dans Safari de mon iPhone 4, tout s'affiche bien.
Pour la détection des navigateurs, regarde ceci : Detection du navigateur avec jQuery
Bye!
Et merci pour ton avis également.
http://wurfl.sourceforge.net/php_index.php
à plus,
Gzyg
chouette site.
Je ne suis cependant pas fan du full-width.
Les longueurs de ligne gênent la lecture.
Peut-être qu'une gestion des textes sur colonnes seraient mieux adaptées ...
Je trouve aussi que les titre sont trop collés à gauche.
Comme le contenu est léger, un espace à gauche des titres améliorerait le flux du vide (si tu me comprends ...)
Concernant le menu, j'aime bien.
Je rajouterais un effet de l'info bulle en réelle (il faut attendre pour voir la signification du pictogramme).
Genre quand tu pointes sur la plume, la portion du disque s'agrandie pour voir le texte ...
Dans la partie sculpture, je verrais bien une composition à la tumblr ... justement pour mieux composer la page (script Masonry).
Voili voilou,
good job !
Pour le full-width, je mettrai un max-width.
Pour les titres, je me suis fait la réflexion mais je me suis dit que ça donnait un style. Je vais corriger ça.
Pour l'infobulle, je pourrai mettre le même type de bulle que pour les caractéristiques des sculptures. Mais faut que ça reste discret...
Pour l'effet d'agrandissement, faut voir. C'est pas évident à faire pour que l'ensemble soit cohérent. Je vais y réfléchir.
Pour la composition à la tumblr, excuses-moi mais tu n'as pas un exemple car je n'ai pas de compte chez eux. C'est la même idée que le script Masonry ?
Merci pour ton retour
oui, c'est le script Masonry
pour composer ta page avec du texte,
en plus d'une répartition en colonne,
tu peux aussi adapter la taille de la police en fonction de la largeur d'écran (c'est un truc à la mode ça ...)
il y a même des sites qui changent la taille de la police en fonction de ton éloignement de l'écran (grâce à la webcam, il détecte si t'es plus ou moins prêt de l'écran, les fous ]:D )
si on table sur le fait que plus l'écran est grand, plus t'es loin, plus la police doit être grande ...
il existe des règles ergonomiques sur le rapport taille/éloignement
(j'ai bossé avec un ergonome IHM - Interface Homme Machine)
bonne continuation
De plus, tout repose sur javascript. S'il est désactivé, plus rien ne s'affiche et ça je ne suis pas très fan.
Tu me diras que le menu dépend aussi de js... 8o
pour tester sur plusieurs navigateurs sans tous les installer, j'utilise parfois ce service :
http://browsershots.org/
ça permet déjà de se faire une petite idée, puis de vérifier plus avant si soucis véritable ...
je peux tester le site sur tous types de terminaux (dimensions, résolution, orientation).
J'avoue que je m'y perds un peu avec tous ces logiciels ...
@ danielsan : je n'ai pas l'intention de prendre un abonnement chez adobe mais merci pour l'info. Tu as regardé les modif sur le menu (tooltips) ? Tu en penses quoi ?
c'est plus explicite.
après c'est vrai que ça gâche un peu le graphisme ...
t'aurais pas moyen de rajouter un effet d'ombre sur les boutons ?
genre
survol > ombre externe
click > ombre interne
ou faire le demi-disque plus petit mais agrandir la portion au survol ]:D
toujours dans les suggestions,
avec des couleurs bois ?
https://kuler.adobe.com/Everwood-color-theme-31887/
ou d'après une photo du site (c'est comme ça que je choisis les couleurs des thèmes de mes clients :P )
https://kuler.adobe.com/sculpture_07-color-theme-3225796/
et un dernier truc, accentuer légèrement les flèches sur le diapo en accueil.
Peut-être en inactif mettre la couleur de l'actif
et en actif le noir du bandeau du haut ?
d'ailleurs pour le diapo, c'est bien de mettre l'image en style d'arrière plan de l'élément de liste ?
c'est bizarre comme pratique je trouve ...
c'est bien aussi d'avoir décalé le titre un poil vers la droite.
voili voilou
j'arrête là car j'ai aussi du taf
Si j'ai bien compris, tu me suggères de colorer les boutons à l'aide de la palette de couleurs que tu proposes, c'est ça ?
Pour les flèches, je ne voulais pas qu'elles soient trop visibles mais je veux bien essayer ce que tu proposes.
Pour le diaporama avec les images en arrière plan, cela permet de mettre du texte par dessus avec des balises. Sémantiquement parlant, je pense que c'est mieux. C'est la méthode utilisée par les concepteurs du slider (unslider.com).
J'ai pas encore eu le temps de modifier la page des sculptures. Il faut que j'en discute avec le proprio.
Encore merci pour tous tes conseils. {)
oui pour les couleurs du menu,
reprendre ta logique : alternance clair/foncé et plus foncé quand on clique dessus.
(ou l'inverse pour faire un contraste avec le background sombre)
pour les flèches c'est juste l'habitude des diapos qui m'a suggéré de voir s'il y avait un contrôle gauche/droite.
et ce n'est qu'après que j'ai pu voir les flèches ...
j'avais cru lire une fois que les images des CSS n'étaient pas référencées ...
mon point de vu est simple : est-ce du contenu ou du style ?
si c'est du contenu utile alors ça doit-être une <img> ... si tu suis mon raisonnement.
@+