IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mon site Discussion :

vaurel.free.fr/apple/apple.html


Sujet :

Mon site

  1. #1
    Membre confirmé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Points : 575
    Points
    575
    Par défaut vaurel.free.fr/apple/apple.html
    Bonjour,

    J'aimerai avoir votre avis sur mon code (html5, css3) de ce site : http://vaurel.free.fr/apple/apple.html

    Toutes corrections sont bonne à prendre pour avancer correctement notamment en html5 et css3 .

    Merci les g33K

  2. #2
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 443
    Points
    5 443
    Par défaut
    Bonjour,

    on parle bien du code (pas du graphisme alors) ?

    Mais que dire des effets de survol sur les boutons.

    La page est un peu lourde pour commencer : 177KO.
    Surtout que l'image principale prend 60% de l'ensemble.
    On imagine qu'il pourrait y avoir d'autres aménagement augmentant le poids...

    Sinon côté perf il y a ça à étudier : http://gtmetrix.com/reports/vaurel.free.fr/fP4weff9
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

  3. #3
    Membre confirmé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Points : 575
    Points
    575
    Par défaut
    merci

    par contre j'ai un soucis sous chrome
    quand je vais vers la droite avec mon touch pad, il m'affiche le reste de l'image "gazon"
    alors que j'ai un overflow-x:hidden

    aucun problème sous ff, ie10, ie9 et ie8

    as tu une idée?


    et concernant le code en lui même?

    c'est important pour moi car c'est un site qui doit être parfait car je dois le présenter

  4. #4
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 443
    Points
    5 443
    Par défaut
    Citation Envoyé par oceane751 Voir le message
    quand je vais vers la droite avec mon touch pad, il m'affiche le reste de l'image "gazon"
    alors que j'ai un overflow-x:hidden
    Je ne comprends pas trop ce que tu veux ?
    J'ai le même rendu sur Ch, Saf et FF.

    Par contre ce que je peux dire concernant le background gazon, c'est qu'il n'est pas logique.

    Pourquoi avoir dupliqué le panier et les pomme ?
    Quand on réduit la fenêtre les images se bousculent.

    Une bande de gazon serait suffisant.

    Concernant le code je vais y jeter un coup d'oeil plus méticuleux.

    Tu peux utiliser plus d'éléments HTML5 comme la balise aside par exemple au lieu du DIV haut-droit.

    Est-il utile de créer une section pour placer une image à côté de la balise nav alors qu'elle (l'image) pourrait être placée en background (de nav).
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

  5. #5
    Membre confirmé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Points : 575
    Points
    575
    Par défaut
    Mais la balise aside n'est pas faite pour être utilisée avec une balise article?

  6. #6
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 443
    Points
    5 443
    Par défaut
    Pas obligatoirement elle peut être relative à un article ou une page.

    http://www.w3.org/TR/html-markup/aside.html

    En y regardant de plus près ton élément n'a pas trop d'intérêt à être dans un aside.

    Par contre les padding de cet élément sont excessifs (surtout le left).
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

  7. #7
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 443
    Points
    5 443
    Par défaut
    Pour l'élément haut_droit je verrais cela :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    haut_droit {
      width: 600px;
       float: right;
      margin-right: 100px;
      margin-top: 68px;
    }

    Edit : ça évite de placer un hack pour chrome.

    Edit 2 : les 3 H1 dans le footer, c'est normal ?
    Le paragraphe "Heathly apples" n'est pas aligné avec les 2 autres de gauche.
    Certaines images n'ont pas de dimensions.
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

  8. #8
    Membre confirmé Avatar de oceane751
    Profil pro
    Intégrateur Web
    Inscrit en
    Novembre 2004
    Messages
    1 280
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Intégrateur Web

    Informations forums :
    Inscription : Novembre 2004
    Messages : 1 280
    Points : 575
    Points
    575
    Par défaut
    les h1 c'est bien pour les titres?
    si c'est bon, c'est pour ça que je les ai mis...

  9. #9
    Expert confirmé
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Points : 5 443
    Points
    5 443
    Par défaut
    Disons que les H1 existent pour structurer une page et mettre en évidence des mots clefs afin de leur donner une valeur sémantique à des fins de référencement.

    HTML 5 permet et encourage de créer plusieurs H1 par page avec comme usage de placer un H1 par SECTION, HEADER, NAV, FOOTER.

    Dans ton cas les 3 H1 de ton footer ne correspondent pas à une structure logique.
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

Discussions similaires

  1. vaurel.free.fr/diner/diner.html
    Par oceane751 dans le forum Mon site
    Réponses: 13
    Dernier message: 28/11/2013, 14h26
  2. square brackets pour le modèle de clavier Apple | Apple Laptop
    Par erogan dans le forum RedHat / CentOS / Fedora
    Réponses: 0
    Dernier message: 22/07/2012, 14h12
  3. Réponses: 118
    Dernier message: 21/12/2011, 12h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo