apvl.ch maj 4.0, vos idées d'améliorations

[Claude_F]

Super Lionel, belle évolution ce nouveau site

Aucun problème de fluidité (2" environ pour charger une galerie).

Pour te donner une idée du rendu sur un écran de 1080x1920

#260320: Consulté 4642 fois

Aimé fois - dont moi Exifs

[Flash]

Il y a quand même un problème au niveau du "responsive design".
L'image n'est pas redimensionnée en fonction de la taille de la fenêtre utilisée (comme elle devrait être) et aucun ascenseur n'apparaît pour suggérer que l'image est plus grande que celle qui est effectivement affichée.

#260322: Consulté 4635 fois

Aimé fois - dont moi Exifs

[gregdakt]

suite : sous Firefox et avec la même becane la page des liens est parfaite ! Le souci doit venir de ma version de safari et de mon systeme (Mac os 10.10.4 et SAfari 8.0.7) donc ne t'en fais pas trop pour ça

(faut qd même dire , ce site est sympa comme tout )

[Lionel]

Il y a quand même un problème au niveau du "responsive design".
L'image n'est pas redimensionnée en fonction de la taille de la fenêtre utilisée (comme elle devrait être) et aucun ascenseur n'apparaît pour suggérer que l'image est plus grande que celle qui est effectivement affichée.

PrintScreen.jpg

Oui tout a fait. C'est voulu ;) mais bon il a une drôle de gueule ton écran là quand même ;)
C'est surtout sur téléphone que c'est important de la tenir horizontalement!
Mais oui pour les écrans carré ça risque de pauser problème. (mais qui a des écrans carré ? Ou navigue sur le web avec des écrans à la verticale ?)

Comment voudrais tu redimentionner l'image ? (sans avoir une bande noir et des scroleur tout moche)

[Flash]

Oui tout a fait. C'est voulu mais bon il a une drôle de gueule ton écran là quand même
C'est surtout sur téléphone que c'est important de la tenir horizontalement!
Mais oui pour les écrans carré ça risque de pauser problème. (mais qui a des écrans carré ? Ou navigue sur le web avec des écrans à la verticale ?)

Comment voudrais tu redimentionner l'image ? (sans avoir une bande noir et des scroleur tout moche)

C'est pas la taille de l'écran qui compte mais bien la taille de la fenêtre utilisée ce qui n'est pas la même chose. Toute ne monde ne surfe pas plein écran....
Normalement le redimensionnement automatique se fait sur base de la plus grande largeur disponible, tu dois utiliser un script pour cela qui va résoudre en même temps la question de l'écran carré ou d'un téléphone en mode portrait ou paysage.

Maintenant si l'effet est voulu, c'est ton choix.

[Lionel]

Oui tout a fait. C'est voulu mais bon il a une drôle de gueule ton écran là quand même
C'est surtout sur téléphone que c'est important de la tenir horizontalement!
Mais oui pour les écrans carré ça risque de pauser problème. (mais qui a des écrans carré ? Ou navigue sur le web avec des écrans à la verticale ?)

Comment voudrais tu redimentionner l'image ? (sans avoir une bande noir et des scroleur tout moche)

C'est pas la taille de l'écran qui compte mais bien la taille de la fenêtre utilisée ce qui n'est pas la même chose. Toute ne monde ne surfe pas plein écran....
Normalement le redimensionnement automatique se fait sur base de la plus grande largeur disponible, tu dois utiliser un script pour cela qui va résoudre en même temps la question de l'écran carré ou d'un téléphone en mode portrait ou paysage.

Maintenant si l'effet est voulu, c'est ton choix.

Je veux bien mais comment faire sans:
- Une bande noir
- Étirer l'image
- Scroler
?

suite : sous Firefox et avec la même becane la page des liens est parfaite ! Le souci doit venir de ma version de safari et de mon systeme (Mac os 10.10.4 et SAfari 8.0.7) donc ne t'en fais pas trop pour ça

(faut qd même dire , ce site est sympa comme tout )

Merci
Bizarre quand même que safari étire l'image :S

Apparemment les photos sont agrandies et sur certaines les animaux sont tronqués.

je confirme, à ce niveau rien n'a évolué;

Quelques broutilles orthographiques que je vais te MP

Sinon globalement

Les images ne sont pas agrandie (sauf si tu as une résolution plus élevée que 1920x1080)
Merci pour les fautes

[Flash]

Je veux bien mais comment faire sans:
- Une bande noir
- Étirer l'image
- Scroler
?

tu choisis une couleur de fond pour ton site (ta page)
non recadrer en conservant les proportions de l'image originale
c'est l'option des ascenseur gauche/droite mais alors impossible de voir l'image pleine fenêtre.

[Lionel]

Je préfère avoir une image un peu coupée (il faudra que je prévoie mes cadrages bien large pour éviter que ca arrive) plutôt que d'avoir une couleur d'arrière plan avec des bandes ou des scrolleurs :S

J'ai un petit soucis avec mon code pour toggler une image dans le css à l'aide d'une variable jqwery. J'ai ouvert un topic dans la taverne car c'est un peu hors sujet ici: viewtopic.php?f=12&t=105577

[Lionel]

Problème résolu, merci à tinolive ;)

Du coup si vous avez des idées d'amélioration n'hésitez pas à le dire http://apvl.ch/apvl

Dans les chauses à faire:
- Rendre les images de fond de lien et auteur adaptable
- Décaler le blog et le livre d'or pour éviter une superposition du menu
- Mettre les images dans les galeries
- Image pause et sortie plus petite avec un usage smartphone

[sommep]

Les boutons pour passer d'une image à la suivante/précédente (les '<' et '>') sont parfois difficile à distinguer suivant le fond de l'image, peut être les faire moins transparents.

[Lionel]

Les boutons pour passer d'une image à la suivante/précédente (les '<' et '>') sont parfois difficile à distinguer suivant le fond de l'image, peut être les faire moins transparents.

Merci pour l'info. C'est vrais que c'est parfois invisible sur certaines images. J'ai augmenté l'opacité mais pas sûr que ça suffise. On ne les voit pas à chaque fois. Mais je pense que l'on repère vite où ils se trouvent non avec les images qui défile?


J'arrive gentiment au bout. Le site ressemble bientôt à ce que j'imaginais :)

J'ai enlevé les flèches sur l’accueil et j'ai mis une indication pour montrer ou est le menu pour Quentin :)

[gregdakt]

J'arrive gentiment au bout. Le site ressemble bientôt à ce que j'imaginais

tu peux être satisfait et mettre en ligne sans soucis, on trouvera bien en étant perfectionniste des améls à rajouter mais rien de pénalisant !

un régal ces galeries (même si on avait déjà vu beaucoup de ces images ici) j'imagine l'effet sur un internaute qui les découvre

[arero24]

Sur l'écran j'ai un affichage qui me demande de tourner l'écran. Il apparaît à l'ouverture de chaque menu ?

[Lionel]

Sur l'écran j'ai une panneau qui me demande de tourner l'écran. Il apparaît à l'ouverture de chaque menu ?

Oui c'est ce que je suis en train d'implémenter '^^ en gros je vais faire apparaître une image pour dire de tourner l'écran si on est sur smartphone. Mais je suis en train de le programmer... Tu as un écran avec un rapport plus petit que 16/9 ? Edit: ca n’apparaîtra que si l’écran est plus petit que 1024px de large et que le ration largeur/hauteur est plus petit que 1 (en gros sur smartphone)

[arero24]

J'ai un écran 27-pouces (2560 x 1440)

[tinolive]

Les boutons pour passer d'une image à la suivante/précédente (les '<' et '>') sont parfois difficile à distinguer suivant le fond de l'image, peut être les faire moins transparents.

Merci pour l'info. C'est vrais que c'est parfois invisible sur certaines images. J'ai augmenté l'opacité mais pas sûr que ça suffise.

tu peux peut-être tenter de rajouter un contour blanc autour des ronds pour améliorer leur visibilité ?

ça rend bien en tout cas