• Aller au menu
  • Aller au contenu
  • Aller à la recherche
  • tutoriels
    • Catégories
    • actualités
    • html
    • css
    • javascript
    • responsive
    • design
    • accessibilité
    • développement
    • vue et nuxt
    • formats
    • web
    • Ressources
    • Les plus lues
    • Outils
    • Guidelines
    • Livres
    • Quiz !
    • Concours
    • Par niveau
    • Débutant
    • Confirmé
    • Expert
  • forum
    • Nouveau sujet/question
    • Catégories
    • Dernières réponses
    • Recherche
  • emploi
    • Offres d'emploi
    • Demandes d'emploi
    • Favoris
    • Poster une offre
    • Poster une demande
  • formations
    • CSS3 Expert
    • Flexbox et Grid Layout
    • HTML5
    • Vue 3
    • Nuxt
    • JavaScript
    • Accessibilité
    • Performances web
    • Intégration d'e-mails mobiles
    • Formation sur-mesure
  • S'inscrire
  • Connexion
  • Concours
  • Modalités
  • Concourir
  • Participants
  • Résultats

Embauchez-moi !

Retour au concours

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

Voir l'image en taille réelle

Note obtenue : 5.890/10

Commentaires

Mikachu
02 Avril 2010 à 11h44

Très lisible et très clair.

Nico3333fr
02 Avril 2010 à 21h16

Et bien, je trouve ça plutôt bien ! Petit coup de coeur, ça attire le regard, c'est clair.

Benzouye
03 Avril 2010 à 09h59

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.

octopus984
04 Avril 2010 à 15h05

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.

thekiki
04 Avril 2010 à 19h06

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.

octopus984
05 Avril 2010 à 01h29

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...

MoOx
06 Avril 2010 à 17h45

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/

Pandore
14 Avril 2010 à 23h11

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.

Les commentaires sont clos.

 Le center contient mes deux colognes  (Coco Chanel)

  • plan du site
  • contact
  • formations
  • agence web
  • Retourner en haut de page

Alsacréations est une communauté dédiée à la conception de sites et applications web de qualité, grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et JavaScript, et à l'accessibilité. Réalisé par l'agence web Alsacreations.fr · À propos et mentions légales · Données personnelles

https://www.alsacreations.com/