[Amateur] Good-Morning

Bonsoir.

Je cherche toujours à améliorer mon code, et je suis du genre à accepter très facilement les critiques les plus sévères.

Donc voilà mon design: http://www.technologix.info/goodmorning/

N'hésitez pas si vous remarquez la moindre erreur ou incohérence dans le code.

Et d'ailleurs, si vous avez une idée pour que j'évite la div#sun vide au tout début du code.

Bonne soirée
Modifié par Technologix (19 Oct 2010 - 21:10)

Bonjour,

En tout premier, certains visiteurs seront obligés de scroller horizontalement pour voir l'intégralité du site, ce qui peut poser quelques soucis ...
Ensuite, le fichier css n'est pas entièrement valide, il y a 3 ou 4 bricoles à corriger c'est tout.

Félicitations pour l'erreur 404 personnalisée avec un côté un peu "geek" !

Par contre, c'est obligé d'être aussi malpoli dans un code aussi gentil ?
Le css est par contre assez serré, difficile à bien lire, c'est dommage ...

Sinon, j'aime bien ce design "out of the box" et vivant. Un seul petit truc, c'est le menu, lorsque on est dessus, on a une petite impression de décalage vers le bas qui gêne un petit peu. Ce qui serait bien, ce serait de pouvoir revenir à l'accueil en cliquant sur le soleil ou ton logo (si tu en as un) : c'est devenu une règle presque de nos jours.

Le choix des couleurs est bon, il y a une certaine interactivité et l'expérience utilisateur est assurée.

Il me tarde de le voir plus avancé !
Dans l'ensemble, j'aime bien ce site, félicitations !

Salut

Pour supprimer le div sun pourquoi ne le met tu dans dans ton div sky en background ???
Tu arrange la taille de sky pour faire coller le truc, et tu positionne ton h1 en absolute, dans ton sky que tu met en relatif. (ou bien tu jous juste sur le padding même pas besoin des positions)

Et pourquoi ne pas mettre aussi ce soleil et ce titre dans ton div global comme ça t'es pas obliger de mettre le margin auto plusieurs fois. (Tu devrais pouvoir décaler le soleil avec des négatifs.)

Si tu veux reduire encore les div, a mon avis ton image qui est sur content, elle pourrait être en background de ton menu.
Ainsi tu supprime le div content.

Cordialement.

Walkomedia a écrit :
En tout premier, certains visiteurs seront obligés de scroller horizontalement pour voir l'intégralité du site, ce qui peut poser quelques soucis ...

Avant l'avènement de la molette, oui, de nos jours, les visiteurs savent très bien scroller. Des études ont montré que devoir scroller n'est absolument pas gênant pour l'utilisateur.

Walkomedia a écrit :
Le css est par contre assez serré, difficile à bien lire, c'est dommage ...

Sur un site en production c'est, au contraire, une bonne chose (dans le sens où cela réduit le poids des fichiers).

Merci pour vos commentaires!

D'autres avis?

Salut,

Laurie-Anne a écrit :
Avant l'avènement de la molette, oui, de nos jours, les visiteurs savent très bien scroller. Des études ont montré que devoir scroller n'est absolument pas gênant pour l'utilisateur.

Il est question de scroll horizontal, celui là reste encore et toujours gênant, une très faible part de gens disposent d'une souris avec molette de défilement multidirectionnelle !! Et même avec ça n'en est pas franchement très pratique.

Allo

De même je trouve le scroll horizontale très gênant voire totalement désagréable. Je n'accepterai jamais ce genre. Ça arrive sur certain topic sur le forum d'Alsa. J'aime pas étudier ou m'instruire avec un scroll horizontale.

Les technologies matérielles ne remplaceront jamais.
Une part de cette ergonomie appartient au développeur. [ oui il s'agit d'ergonomie ici ]

++
Modifié par zardoz (20 Oct 2010 - 19:53)

Ah en fait, depuis le début du topic, je croyais que vous parliez de scroll vertical.

Il y'a un scroll horizontal? Pas chez moi en tous cas, même avec ma petite résolution 1280x800 sur un écran 13".

Essaye plutôt avec une résolution 1024x768. C'est quand même une résolution assez commune.

Dans ton cas, c'est apparemment le nuage du bas qui se déplace vers la droite qui pose problème.
Modifié par Tony Monast (20 Oct 2010 - 21:29)

scroller ne pose pas de problème... mais une doublescroll est franchement rédhibitoire. surtout si c'est pour voir la prairie en entier...
je fixerai la largeur de la div prairie a 1000px position:relative et overflow:hidden pr éviter le débordement. centrer le fond de la balise footer pour les grandes résolutions.
régler le rolover des liens et le soleil mal calé
Modifié par Le_chevalier_blanc (21 Oct 2010 - 10:54)

Ok, je vais corriger tout ceci.

Merci infiniment!

moi j'ai un problème sous opera (10.62), j'ai pas l'ombre d'un menu qui marche. De surcroît, sous ta prairie, j'ai un espace blanc très long (la taille d'une page environ) avec juste l'hélicoptère rouge tout en bas.

Coucou,

Le footer est vraiment jolie.

Feel

D'accord, merci à toi Lothindil, je vais essayer de régler.

Merci pour vos commentaires!

Hello,

Sympa, un site tout joyeux

Niveau code:

- enlève les css en dur
- Mix tes fichiers JS
- Préfère des CDN, en tout cas pour JQuery et easing, prévoit un fallback pour assurer le coup
- Les scripts en bas de page
- Utilise des sprites
- Minify le HTML et le CSS
- Enlève le ; sur chaque derniers éléments dans ton CSS
- H1#header ou ul#jesaispasquoi ne servent à rien, H1 et #jesaispasquoi suffisent
- #bodycontent H2 ne sert à rien, H2 suffit
- Préfère les margin: 0 10px 0 30px que de les déclarer plusieurs fois
- Déclare les classes qui ont les mêmes propriétés en même temps, genre .class1, .class2, .class3{/*commun*/} .class1{/*unique*/} .class2{/*unique*/} .class3{/*unique*/}

- Tu seras bien placé sur "Putain de site"

Sinon beau code et beau design, j'aime bien.

PS: Ton menu LavaLamp m'a fait cracher 2 fois FF, avec un pic à 762 Mo et un proc à 100% en parcourant le menu de long en large assez rapidement. FF 3.6.12, Vistouille

Bonjour,

J'adhère complètement à ce style joyeux et épuré.
Une petite chose complètement accessoire, ne serait-ce pas mieux d'avoir un effet d'éclairage en lieu et place de l’effet d'ombre juste sous le menu au dessus du premier contenu ?

Après... les gouts et les couleurs ...

Beau travail quoi qu'il en soit, j'ai hâte de le voir finalisé.

[EDIT]
1. FF4 plante 1 fois sur 2 en jouant avec le menu
2. J'ai aussi l’effet de scroll qui est vraisemblablement généré par ton animation de nuage dans le footer.

<img style="left: 321.448px;" src="img/nuages.png" id="nuages" alt="Nuages" height="87" width="814">

Modifié par fufu (12 Dec 2010 - 10:49)