profile
steve123 > blog
    tags :
    0
    Like
    Who likes this ?
    posted the 11/30/2018 at 11:28 AM by steve123
    comments (17)
    zekk posted the 11/30/2018 at 11:35 AM
    C est du statique basique, c est correct, après ta one page est inutilement longue et tes illustrations pas top

    De plus, quand tu fais un site, tu dois le developper dans l idée qu il doit être fonctionnel sur le maximum de navigateur et sur mobile, te limiter à chrome ce n est pas suffisant

    De plus, pour faire ça, je suppose que tu as utilisé un framework qui normalement doit prendre en charge tout ça
    aros posted the 11/30/2018 at 11:48 AM
    Rapide constat, il manque de nombreuses majuscules ça et là, ce n'est pas très important, mais ça l'est tout d'même.

    Comme le dit zekk, la page d'acceuil est inutilement longue, tu as tes sections "Blog", "Skies", Photos" et "Contact qui ne servent à rien sauf rediriger à un certain point de "l'Accueil". Idem pour "Fais ton Choix", cela te redirige quelques centimètres plus bas, du coup l'interaction est içi aussi inutile.

    Le site paraît en revanche fonctionnel, je veux dire par là que l'interaction se fais partout, même si cela manque structure. Voilà donc mon avis sur la chose, si cela peut te guider, réfléchir à comment remanier tout ça pour en faire quelque chose de structurer, tu as le contenu, maintenant il faut passer à l'étape suivante ; une section présentation serait pas de refus d'ailleurs, même si tu n'as pas le contenu qui va avec.
    steve123 posted the 11/30/2018 at 11:48 AM
    zekk Merci pour ton retour !

    "De plus, quand tu fais un site, tu dois le développer dans l'idée qu il doit être fonctionnel sur le maximum de navigateur et sur mobile, te limiter à chrome ce n est pas suffisant"

    -> aucun framework à été utilisé, c'était interdit, de même pour l'utilisation d'autres langages style JS. Tout de même, le site est responsible tout support (j'ai utilisé les medias queries + du CSS type float, flex).

    -> Il est compatible tout navigateur, cependant, la fonctionnalité "smooth" est compatible uniquement sur chrome pour l'instant. Étant donné que l'utilisation d'autres langages est interdite pour ce premier projet, il m'était impossible de faire cette effet "smooth" différemment.
    giru posted the 11/30/2018 at 11:49 AM
    Félicitation pour tes débuts dans le web

    Je remarque un petit manque de finitions, mais rien de bien méchant. Globalement je trouve que certains éléments prennent trop de place, d'autres pas assez. Par exemple ta première section avec la montage en fond pourrait prendre toute la hauteur de l'écran (ou 80%), alors que certains sections suivantes mériteraient d'être réduites en hauteur. Il faut énormément scroller alors qu'il n'y a pas tellement de contenu au final. Bref, il y a des aligements à revoir, les espacements, la taille des éléments etc.

    Mais pour ça il faut que tu testes d'avantage, et nottamment sur d'autres navigateurs. Au minimum les dernières versions de Chrome / FireFox / Safari / Edge. Pour Internet Explorer, on commence doucement à s'en foutre... ça dépend des clients. Dans l'idée c'est quand même bien de tester IE 9/10/11. Tu as de la chance, tu ne devras à priori jamais te soucier des IE 8/7/6, c'était un enfer

    Niveau responsive tu as encore un peu de boulot aussi... Je ne sais pas sur quels appareils tu testes, mais par exemple les skis me semblent prendre bien trop d'espace en hauteur sur mobile (là testé vite fait sur un iPhone 4,7" avec une résolution utile de 375x667).

    Pour le footer aussi, peut être le revoir sur 3 colonnes plutôt que 4... là en l'état la colonne avec les derniers articles est très écrasée. Il manque aussi du padding dans ton textarea, les input text en ont bien eux. Et peut être du padding au dessus du copyright.

    Après aussi je vois que tu as l'air de t'être bien amusé à mettre des effets hover sur certains boutons, mais ce qui est dommage c'est que d'autres éléments paraissent moins travaillés. Aussi, multiplier les effets n'est pas forcément une bonne chose. C'est bien de garder une certaine cohérence dans tes choix.
    zekk posted the 11/30/2018 at 11:52 AM
    steve123 du coup, niveau webdesign, il est vraiment pas mal. Dans les faits certains framework te permettent de gagner énormément de temps, si c etait la consigne c est déjà pas mal
    steve123 posted the 11/30/2018 at 12:14 PM
    Aros Giru Merci beaucoup pour le retour, Ayant la tête dedans h24 depuis plusieurs jours, j'ai une vision erroné de mon site, j'ai la tête en bouilli d'ailleurs lol. Je prends en note tout les détailles cités dont je n'avais pas conscience .

    J'ai essayé d'incorporer chaque effet que j'ai appris au dépit d'une cohérence

    Merci encore !
    alchemist posted the 11/30/2018 at 12:17 PM
    steve123 globalement c'est pas mal. Pense à changer tes icônes en .svg et de peaufiner le responsive du site, revoir également les dimensions de certaines zones (trop grande, ou trop petite) voilà bon courage !
    zilwaine posted the 11/30/2018 at 12:19 PM
    Tu dis PS2:Seuls les langages HTML et CSS sont autorisés pour ce premier projet, et les framework sont interdis. Le but du projet étant de montrer ce qu'on a appris à faire avec ces langages. J'ai tout de même utilisé pour certaines parties la grilles bootstrap.

    Pourtant tu utilises bootstrap. On est bien loin d'un simple HTML et CSS. En plus il y a une page pour se log, même si elle est simplement décorative.
    aros posted the 11/30/2018 at 12:25 PM
    steve123
    Quand je parle de la section "Blog" je l'englobe aux autres, même si j'devrais pas, puisque qu'elle à l'air de redirigé vers une page différente.

    Hésite pas à faire de courtes pause pour détailler le regard que tu as sur ce que tu développes dessus Je ne sais pas combien de temps tu as fournis, mais ça me paraît plutôt correct, juste un manque de structuration dans la manière d'apporter les éléments aux visiteurs. n'hésite pas mieux différencier les types de skies et ou d'apporter un peu de texte supplémentaire en vue d'une éventuelle restructuration du contenu
    zilwaine posted the 11/30/2018 at 12:33 PM
    Pour les bugs, tu en as un quand tu passes en fenêtre mobile. Ta liste de choix au dessus disparaît dès qu'on déroule le menu mobile et ne réapparaît plus.
    Si mes souvenirs sont bons avec Bootstrap c'est le "navbar toggler" et je ne l'ai pas vu dans ton code, apparemment tu es partie sur un pop d'icone. Après je t'avoue que j'ai regardé en diagonal. Ne faisant plus de bootstrap depuis un moment, je ne suis plus du tout à jour.

    Si tu commences tout juste le Web, les frameworks c'est super, mais je serais toi, je partirais sur le début du début, l'HTML et le CSS de base, c'est moins marrant mais tu évolueras bien plus vite par la suite. Car la tu utilises du Jquery qui est déjà avancé pour quelqu'un qui commence et ensuite qui tu y mettras du PhP et surement de l'Ajax tu vas être pommé car ça va aller beaucoup trop vite.
    thelastone posted the 11/30/2018 at 12:48 PM
    Arf je suis pas bon en web designe , par contre tu pourra me notifier si tu as une question sur le back end
    victornewman posted the 11/30/2018 at 01:21 PM
    steve123 c'est qui le pti bonhomme sur ton avatar ?
    evilchris posted the 11/30/2018 at 01:54 PM
    on dirait que tu as utilisé un template basic vu et revu pour ma part...
    zekk posted the 11/30/2018 at 03:06 PM
    zilwaine il me semblait bien que c'était du bootstrap, j'ai vu ça dans le train sur mon phone donc du coup, j'ai pas été voir le code
    steve123 posted the 11/30/2018 at 03:34 PM
    Zilwaine Zekk

    -> comme mentionné dans mon PS2 j'ai utilisé la grille et uniquement la grille bootstrap pour quelques éléments, notamment les 3 icônes de sélection des skis et le footer.

    -> Bien vu pour le bug du menu burger, je l'ai fait en css + une ligne de code en js pour show/hide.

    Victornewman mon fils

    Alchemist Merci !

    Aros je prends note, merci !
    gauffreman posted the 11/30/2018 at 04:03 PM
    C'est pas mal mais ça manque un peu de peps visuellement. Déjà tu devrais modifier la typographie de tes titres histoire de casser un peu la monotonie du texte. Revoir l'espace de ta page (trop d'espace vide).
    Au niveau des couleurs aussi, les gris complètement déssaturés c'est un peu tristoune (laisse une légère teinte dedans), mais de manière plus global ça manque vraiment de couleur je trouve. (en en mettant juste un peu plus dans tes boutons, titres, pastilles,...etc....) Et fait gaffe de toujours garder une couleur de texte bien dégagée de sa couleur de fond (le hover sur tes boutons "plus d'info" par exemple, tu peux passer le texte en blanc)
    Mais en tout cas pour une première franchement c'est plutôt pas mal!
    steve123 posted the 12/01/2018 at 07:50 PM
    Evilchris Content que ça ressemble à un template basique, ça prouve que globalement la structure est cohérente, ce qui n'est vraiment pas évident à faire lors d'un premier projet ! Merci pour ton avis

    Gauffreman Je prends note, merci ton retour, c'est motivant !