Partage

Quelques avis HTML / CSS

Site

Sujet résolu
12 février 2018 à 4:20:23

Salut, je voudrais quelques avis sur ce site que je suis entrain de concevoir s'il vous plaît :) http://ovp.esy.es/tcog/

-
Edité par Saint Fleur Jean 12 février 2018 à 4:21:11

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%
12 février 2018 à 5:11:28

Salut, 

difficile à dire pour le moment, peut de choses fonctionnelles, une liste d'utilisateur à gauche me parait peut naturel surtout lorsque tu auras 100 membres sur ton site.

Sinon rien de choquant à première vue, à voir dans son évolution !

Bonne journée à toi.

Jean-Baptiste
Staff 12 février 2018 à 8:06:18

Bonjour,

d'un point de vue visuel, c'est joli - même si personnellement c'est pas mon truc, et j'ai l'impression d'avoir vu et revu ce style :/

D'un point de vue technique, c'est autre chose…

  • Il manque un Doctype (très important).
  • Les id doivent être uniques sur une page : tu as plusieurs éléments avec l'id "image_publication_pb_user".

Source : https://validator.w3.org/check?uri=http%3A%2F%2Fovp.esy.es%2Ftcog%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 : à étudier méticuleusement. Corrige déjà ces deux points-là, et relance la validation : beaucoup des erreurs détectées en dépendent.

Ensuite :

  • Mets la meta charset en premier dans le <head>, juste avant le <title>
  • Pour la meta viewport, la bonne pratique est de lui donner la valeur "width=device-width, initial-scale=1.0" : ainsi tu indiques que la taille du viewport doit dépendre de celle de l'appareil, et tu donnes un zoom minimal au chargement de la page. À lire : https://www.alsacreations.com/article/lire/1490-comprendre-le-viewport-dans-le-web-mobile.html
  • Dans la liste d'utilisateur⋅ices, je te suggère de ne mettre qu'un seul lien, qui englobe image, nom et signe "+".
Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
12 février 2018 à 10:20:38

Bonjour,

Voici quelques remarques :

- Site très lent à charger

- Pas de favicon

- Doctype pas valide

- Du style dans le head à virer

- Du style inline à virer

- Des appels à des services externes mais pas de fallback en sécurité

- Pas de alt sur les images

- Pas de title sur les liens

- Scripts mal placés

- Balises body et html pas fermées

- Des images de 1006 * 1296 pixels chargées pour afficher des avatars de 80 * 80 pixels

- Pas de balises sémantiques

- Beaucoup d'erreurs en CSS (notamment des propriétés utilisées alors qu'elles n'existent pas)

- Responsive mal géré

- SEO pas géré du tout

En bref il y a énormément de choses à revoir. Tellement de choses à revoir qu'il serait peut être préférable de repartir d'une feuille blanche...

-
Edité par Mewen_bzh 12 février 2018 à 10:20:46

Recherche l'avis de développeurs front : Devenir un meilleur dev front ?
12 février 2018 à 12:51:11

Personnelement je n'ai jamais regarder le HTML / CSS sous cet angle, mis à part le fait des images.

Moi de base le CSS c'est qu'une formalité et on peut l'utiliser à volonté au fur et à mésure, après avoir compris les concepts de positionnement j'en fais usage jusqu'à l'excess et si on me demandais comment réduire mon code css ça serait de creer des class flex pour les positionnenent.

Mais vues que le site je le réalise au fur à mésure je mets un peut de côter l'esthétique de mon code, il y a des class que je crée dans mon fichier styles qui disparaissent cinq minute après car j'aimais pas trop l'affichage, tout ça pour dire que je développe sans avoir un design et une marche à suivre, ce qui explique clairement les soucis avec l'affichage responsive.

Mais j'ai une question, vues que je débute est-ce vraiment nécessaire de mettre à l'oeuvre toute ces petites règles alors que de base l'idée est d'avoir tel ou tel affichage, et même si c'est mal fait dans le code l'affichage reste le même?

12 février 2018 à 14:09:41

Tout dépend de ton objectif : tu veux un code qui fonctionne ou un code de qualité ?
Recherche l'avis de développeurs front : Devenir un meilleur dev front ?
13 février 2018 à 13:48:28

Un code de qualité, c'est en adoptant les bonnes habitudes que l'on s'améliore, je vais corriger un maximum d'erreur dans mon code. Merci de votre avis :)

Quelques avis HTML / CSS

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown