• 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

Cascading Style Summer Refresh 2010

Retour au concours

Curriculum vitae de Loïc Donot par loicbcn

Voir en ligne http://loic.donot.free.fr

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 4.310/10

Commentaires

audrasjb
27 Septembre 2010 à 20h26

Hello,

Sur mon écran pourtant sombre, j'ai du mal à lire tes textes qui sont vraiment très clairs, j'ose pas imaginer sur un écran très lumineux (je testerais demain)...

Sinon, y a de jolies choses sur ton site (changement de photos, changement de mise en forme, etc., le tout avec humour ^^), et d'autres moins heureuses. Je pense notamment à l'utilisation de la typographie (trop claire, parfois pixelisée même sur webkit,..).

La dégradation du site sur IE6 me parait maîtrisée, c'est cool :)
On ne voit pas trop ce que le widget barca vient faire ici, mais pourquoi pas... faudrait peut-être un petit mot là-dessus ^^

Enfin petite question en dehors du concours : as-tu gardé la dernière version de ton site quelque part ? J'aimerais bien y rejeter un oeil (le boulot que tu avais fait avec Gmap était super). Merci d'avance :)

Nico3333fr
27 Septembre 2010 à 20h27

Quelques problèmes : la fonte n'est pas très lisible (à gauche), qq efforts à fournir sur les perfs.

Sinon c'est original et rigolo !

loicbcn
27 Septembre 2010 à 22h08

@audrasjb - Pour la typographie, il est vrai qu'elle n'est pas très contrastée, mais je ne pensais pas que ça pourrait gêner la lecture.
Pour le widget Barça ... eh bien je vis à Barcelone, j'aime le foot et le Barça. Et ça permet de montrer de l'Ajax cross-domain.
En ce qui concerne l'ancienne version de mon site, j'en ai gardé une version qui n'est plus en ligne. J'essaierai de la remettre en ligne. En attendant, je pourrais t'envoyer le javascript que j'avais écrit.

@Nico3333fr - Pour les perfs, il faudrait en parler à Free.

Merci pour vos commentaires et vos bonnes notes :)

Toniob
28 Septembre 2010 à 11h57

J'aime bien, tout simplement (et j'ai découvert la petite touche d'humour sur la photo). Une évolution prochaine pourrait être l'utilisation de microformats (hresume).

Shunkin
01 Octobre 2010 à 02h30

De l'Ajax pour le Barça... C'est Cruyff qui va être content.

Shokojjo
01 Octobre 2010 à 16h27

Sympa l'humour sur la photo exact! ;)

Sinon je trouve que c'est un refresh réussit personnellement, bravo et bonne continuation

Tom

designer1959
03 Octobre 2010 à 00h18

Voilà un site qui ne laisse pas indifférent, original, pas commun.
J'apprécie particulièrement les css alternatives, et divers traits d'humour.
Je suis moins à l'aise avec les colonnes fluides, qui diminuent à mesure que l'on diminue la taille de fenêtre de l'écran, et qui occupent la totalité de la largeur, sur un 27 pouces, ça commence à faire long ! En zoomant une fois, la lecture de la typo, et l'appréciation de sa forme deviennent plus agréable et confortable. Le parti-pris presque monochrome est intéressant. Un site qui demande d'y revenir… même si on pressent que des choses sont perfectibles.

p0ulpe
03 Octobre 2010 à 00h19

Un refresh bien sympa.

p0ulpe
03 Octobre 2010 à 00h20

Après niveau lisibilité des textes j'ai vu mieux, et l'ombre du bloc gauche est un peu trop imposante.

loicbcn
03 Octobre 2010 à 06h13

Merci pour ces nouveaux commentaires
@Shunkin : bien vu :)
@designer1959 et @p0ulpe : un de mes soucis, c'est que je ne suis pas designer, donc c'est des fois dur-dur de faire joli. Le parti pris monochrome évite surtout les mélanges de couleurs douteux.
Pour l'ombre, là, tu chipotes.
En tout cas merci pour vos commentaires.
@p0ulpe: un pronostic pour le match de dimanche ?

designer1959
04 Octobre 2010 à 02h43

@p0ulpe: un pronostic pour le match de dimanche ?

: D

chamomor
04 Octobre 2010 à 12h27

Bonjour,
Elle est bien ta page CV. Reste plus qu'à améliorer la lisibilité. Le gris est clair, on ne voit pas grand chose. Petits détails par -ci par là, de css, sinon c'est efficace hein.

loicbcn
04 Octobre 2010 à 12h53

@chamomor : Merci ... pour les détails de css, tu pourrais préciser stp ?

cilou
10 Octobre 2010 à 01h40

Bonsoir
Je trouve la présentation du site très sympa et originale, j'ai beaucoup apprécié le fait qu'il y ait un lien vers une version imprimable et l'indication sur les "navigateurs adaptés" qui prévient tout en ne forçant pas la main de l'internaute :)
J'ai un peu de mal à lire cette police, c'est dommage de ne pas avoir mis ton nom et tes fonction en titres, cela aurait amélioré la hiérarchie.
Sinon, j'ai une question (pour ma culture personnelle), peut être idiote mais au niveau du changement de style, c'est une seule page (codage) qui se charge en plaçant les différents éléments html au bon endroit ou c'est trois pages différentes ?
Bonne chance :)

loicbcn
10 Octobre 2010 à 07h23

@cilou : bonjour,
Merci pour ton commentaire, Pour répondre à ta question concernant les templates, seul le "squelette" change, le site est en php, les contenus sont chargés dans le template via des includes.

En fonction du style choisi, la page appelle un squelette plutôt qu'un autre, et ce squelette appelle les contenus dont il a besoin.
En effet, il était difficile voir impossible d'obtenir ce que je souhaitais en changeant uniquement le css, et cela évite en plus de charger du javascript inutile.

cilou
10 Octobre 2010 à 16h17

Ok, merci, je n'avais pas pensé aux includes, en tout cas, cela n'enlève rien à la sympathie du site :)

yokel72
11 Octobre 2010 à 23h53

Le refresh saute aux yeux ! C'est un compliment. Par contre,pb de contraste, comme bcp l'ont évoqué ici.

Les commentaires sont clos.

 Alsacréations, un site dédié au <body> building  (Jean-Claude Vandamme)

  • 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/