Pages :
Voilà, mon petit bébé est presque terminé.

Il ne manque plus que la redirection du nom de domaine, et une petite semaine de critiques et corrections et je pense que je pourrai le communiquer sur mon CV.

Design, code, accessibilité, vous pouvez y aller sans trop de formes, je sais ce que c'est que de donner rapidement son avis et de focaliser sur les mauvais points !

Mon site est ici.
Modifié par johanna33 (29 Sep 2005 - 17:54)
Coucou !
Je n'ai pas regardé le code , mais question design, c'est très réussi, j'aime beaucoup les sites légers comme ca.
Par contre, j'aurais mis les blocs gris en plus gris, ca fait trop blanc et on ne les différencie pas trop du reste de la page Smiley murf

Bonne continuation Smiley smile
Administrateur
Bonjour,

j'aime également bien le design, en particulier la police du menu.
Petite remarque sans importance: dans la collection de feuilles de style chargées, la 3ème et la 4ème sont identiques je pense?
En fait, il y a des feuilles de styles par langue.
Certaines sont vides, mais existent au cas où.

Je ne pense donc pas qu'il y ait 2 feuilles de style vraiment pareil, mais c'est vrai que je pourrai faire un peu de ménage.

Sinon merci beaucoup pour vos commentaire positifs !
Bonjour,
C'est joli, c'est frais, j'aime bien !
Bon, quand même un tit commentaire négatif (et apparemment je suis spécialiste de celui-là précisément !) : j'ai un scroll horizontal en 800 X 600 sur la page "Portfolio/sites Web"
(http://s.ojjo.free.fr/portfolio-web.php5).
Administrateur
feuilles de style>
3ème feuille: <link rel="stylesheet" type="text/css" href="index.css" title="johanna" media="screen" />
4ème feuille: <link rel="stylesheet" type="text/css" href="index.css" title="johanna" media="screen" />

Pour moi, c'est identique octet pour octet Smiley smile
Ce n'est pas bien grave si c'est un doublon (pas du tout même) mais un peu plus si c'est une autre feuille que tu pensais charger en ayant oublié de modifier le nom ou de rajouter en/ | fr/ ou que sais-je Smiley cligne
Bonjour.
Simple, rapide à charger, accessible.

Juste un truc : le lien doté de l'accesskey Alt+1 n'a aucun libellé textuel.
Merci Felipe ! C'est effectivement un doublon...

Je travaille sur une base de site développée par mon collègue développeur pour ma boîte, et je l'ai averti Smiley smile

Heureusement que vous avez l'oeil !

Edit : pour l'accesskey je ne comprends pas... dslée
Modifié par johanna33 (23 Sep 2005 - 16:43)
Bonjour,

Je suis impressionné par la qualité aussi bien au niveau du graphique qu'au niveau du code des sites présentés dans cette partie du forum (je pense également au site de Sylvain, la valeur n'attends pas le nombre des années ! )

J'aime beaucoup le style de ton site Johanna, très épuré (inspiration zen-garden ? ), quelle police as-tu utilisé pour le menu ?

Au niveau de la présentation c'est clair net et sans bavure !

Une question au niveau de la politique d'accessibilité, qu'on retrouve sur les sites réalisés par l'agence dream clic, est-ce une politique propre à cette agence ? Où est-ce ton apport perso ? En tout cas bravo on voit trop peu d'explications à ce sujet sur la plupart des sites.
Je veux dire que ce lien avec accesskey 1 n'a pas de contenu textuel.
IL est vide, ou ne contient que des éléements graphiques sans description alt.
Je te donne le nom de la typographie demain, car je ne l'ai pas en tête.

Pour mon agence, c'est quelquechose qui était déjà dans leur philosophie et j'ai appris tout ça cette année... aidée par Alsacreations.

Je l'ai développé dans le nouveau site Internet de l'agence.

Merci pour les compliments et oui, je suis un peu inspirée zengarden...

Pour le accesskey, je comprends que le .hidden cache l'intitulé de l'accesskey qui est "Accueil". Comment puis-je palier à ce problème ?
Qu'est-ce que cette histoire de .hidden ?
Si tu as mis du visibility:hidden ou du display:none, enlève ça ! car effectivement, on ne peut plus obtenir le texte "Accueil"
Je m'étais bien douté que c'était "Accueil", mais je mets en garde car visibility:hidden et display:none masquent aussi le texte aux lecteurs d'écran.

Si tu utilises une image ... mets un z-index plus important à l'image qu'au texte comme ça elle passera par dessus et un lecteur d'écran pourra toujours lire le texte.
Je vais étudier les autres possibilités pour le hidden, qui est effectivement un display:none...

Je savais bien que c'était la meilleure solution, mais je ne me suis pas encore bien penché sur ce point.

Tu ne peux donc finalement pas accéder au menu du tout ?

Le z-index... marche-t-il bien sur les éléments qui ne sont pas en position absolute ?
Voici le code de mon menu.
Je ne vois pas la différence entre le bouton accueil et les autres qui ferait que tu en vois certains et pas d'autres...

Qu'est-ce que l'intitulé ?

<li id="accesmenu"><a id="boutaccueil" href="index.php5" accesskey="1" title="Description du site"><span class="hidden">Accueil</span></a></li>
<li><a id="boutportfolio" href="portfolio-web.php5" title="Creations web print photos"><span class="hidden">Portfolio</span></a></li>
<li><a id="boutprofil" href="profil.php5" title="Formation competences"><span class="hidden">Profil</span></a></li>
<li><a id="boutcontact" href="contact.php5" title="Tous les moyens pour me contacter"><span class="hidden">Contact</span></a></li>
<li><a id="boutliens" href="liens.php5" title="Liens utiles"><span class="hidden">Liens</span></a></li>
Bravo Johanna,

je suis aussi tres admiratif de la qualité visuelle, et de sa sobriété..! Smiley clapclap

NB: (rien à voir avec le présent sujet)
les images dans ta galerie sont superbes aussi..
Ah c'est ça ton menu ?
Parce que moi j'ai rien de tout cela, j'obtiens une liste à un seul item avec ton acccueil sans équivalent textuel. Les autres items sont complètement masqués et je ne les vois pas.
J'ai juste : aller au menu, aller au contenu, accessibilité, ce lien accueil sans équivalent texte... et ensuite : Vous êtes ici.

Vire-moi ces span hidden parce que c'est pas accessible. C'est une GROSSE erreur de conception.
Pages :