Embauchez-moi !
Technicien Méthodes par thekiki
Réécriture de mon CV pour l'occasion, en css2.1 et xhtml1.
Voir en ligne http://urtmapping.org/cv
Note obtenue : 5.890/10
Réécriture de mon CV pour l'occasion, en css2.1 et xhtml1.
Voir en ligne http://urtmapping.org/cv
Note obtenue : 5.890/10
Les commentaires sont clos.
Ça span pour moi !
(Plastic Bertrand)
Commentaires
Très lisible et très clair.
Et bien, je trouve ça plutôt bien ! Petit coup de coeur, ça attire le regard, c'est clair.
J'adoooore ! Clair, avec une logique images/texte efficace !
Seul bémol, les boutons de haut de page qui renvoient à des ancres pas assez distantes dans la page pour avoir un intérêt.
Qualités : design, version alternative du CV (print), poids, clarté/lisibilité.
Défauts : compatibilité entre navigateurs (un scroll horizontal apparaît en 1024x768, attention aux png sous ie6, voir l'astuce de la propriétés bKGD : http://www.alsacreations.com/article/lire/81-..., images décoratives affichées en tant qu'<img> (obtention des diplômes ; si tu souhaites l'afficher pour la version print, tu peux passer par le couple css :before/content).
Remarque : comme l'a souligné Benzouye, certaines ancres ne sont pas utiles car le contenu est assez court.
Merci pour les commentaires. Voici mes réponses:
- Les ancres ancres: c'est vrai qu'elles ne sont pas très utiles ( sauf peut être pour les lecteurs d'écrans? ). Néanmoins j'aime bien les boutons, ça rajoute un peu de couleur :p
- Scroll horizontal: j'y ai pensé un peu trop tard, et finalement j'ai laissé comme ça. Ce n'est pas top, mais il suffit de centrer la page une seule fois pour lire tout le CV entièrement, donc la gêne est vraiment minime.
- Je considère qu'ie6 est mort, donc je ne m'en suis pas préoccupé. Je pense que mon CV devrait quand même être bien lisible sur ce navigateur, je n'ai pas fait le fou avec du CSS3 HTML5 SVG Canvas Javascript ni même avec du PNG. J'ai quand même pris la peine de tester sous ie8 ( bouh, qu'il meurt lui aussi ^^ ).
- Je n'ai pas trop compris ce que tu veux dire avec mes <img>. Les petites icônes vertes s'affichent à l'impression.
Concernant le défilement horizontal, c'est vraiment dommage pour une vingtaine de pixels de le laisser, surtout que réduire la largeur du CV ne serait pas perturbant pour le contenu.
Concernant les icônes vertes, elles n'ont pas d'intérêt (à l'écran) d'être affichée dans une balise <img>, car elles n'apportent pas de sens au texte auquel elles sont accolées.
Dans ce cas, avec des icônes en background, il faudrait pour la version imprimable insérer ces icônes avant le texte ("diplôme obtenu", par exemple) à l'aide du pseudo-élément :before et de la propriété content (voir à ce sujet la doc CSS2 traduite : http://www.yoyodesign.org/doc/w3c/css2/genera...
Même si je suis pas fan du gris, ça reste très efficace, j'aime bien.
Les illustrations un peu grosses retiennent peut être un peu trop l'attention.
Sur un iPad ton CV passe un peu short :) Non j'ai pas d'iPad... http://ipadpeek.com/
Un peu trop de gris à mon goût pour le design général de cette page. L'information est très bien présentée.