• 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

Dawn designs par p0ulpe

Voir en ligne http://dawn-designs.fr

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.730/10

Commentaires

Ariakan972
27 Septembre 2010 à 12h38

Joli design. :)
Dommage cependant pour :
- le Lorem Ipsum toujours présent
- les images cliquables sur rien
- la page "À propos" qui n'existe pas (pourquoi mettre un lien ?)
- et surtout : où est le Doctype ???

Termine le en tout cas, il vaut le coup d'être soigné jusqu'au bout. :)

@TiK
27 Septembre 2010 à 12h39

Vraiment dommage qu'il ne soit pas finalisé!
Agréable de voir que le choix du html5 a été fait. Ca manque peut-être un poil d'animation/d'interactivité et n'oubliez pas de mettre une petite favicon, c'est rapide et c'est toujours mieux avec ;-)

p0ulpe
27 Septembre 2010 à 12h46

@Ariakan972 Euh le doctype y est, c'est du HTML5 ^^

Merci pour vos commentaires sinon :)

Dredds
27 Septembre 2010 à 12h54

J'adore, vivement qu'il soit terminé ! :)

#voiciuncommentairevachementconstructif

PierreA
27 Septembre 2010 à 12h55

Beau refresh, sobre et pro comme je les aime. :)

Par contre les liens de "sur la toile" ne mène nul part... et le paragraphes de "compétences" c'est du "lipsum". Dommage.

Dommage qu'on ai pas plus d'informations sur tes réalisations (quelles compétences à tu mis en oeuvre ? Qu'as tu fait au sein du projet ?).

C'est un bon début mais le site est apparemment pas terminé. :)

Bonne continuation,
Pierre

atelierwebactif
27 Septembre 2010 à 14h34

Jolie refonte. Tu ne t'es pas loupé. Comme ce qui a été déjà dit dans les commentaires précédents, ce site mérite d'être soigné (code et contenus) jusqu'au bout car il est (à mon goût) joli, simple sobre, clair et efficace. Bonne continuation !

p0ulpe
27 Septembre 2010 à 18h50

Je prend le temps de répondre à tous, je suis d'accord avec vous, c'est dommage de n'avoir pas eu le temps de finaliser le site.

Quand le concours sera terminé, je m'empresserai de le finir :)

Pour la page "à propos", il n'y a rien dedans car j'ai préféré ne rien mettre, plutôt que de bâcler le contenu et la mise en forme de la page.. Pour le lorem de l'onglet compétences, pareil, même si j'avoue que j'aurais pu mettre un petit truc vite fait..

En attendant un grand merci à vous de trouver le temps de commenter ma participation, c'est vraiment sympa ! :P

ClementRoy
27 Septembre 2010 à 19h07

Ahhh pourquoi n'est-il pas fini? C'est dommage, je ne peux pas me permettre de mettre une excellente note, bien que le projet semble prometteur, car cela me paraîtrai injuste envers les autres candidats qui ont bien souvent été plus loin dans la réalisation...

Sinon :
- entour tes input de balises <p>
- penses à la navigation au clavier (:focus)
- width/height sur les images à ajouter!
- ton titre c'est typiquement un hgroup ;-)
- trop de liens vides et quelques problèmes d'encodage

Sinon encore une fois c'est pas mal, l'ergonomie est bonne! Hâte de le voir terminé!

Billou
27 Septembre 2010 à 20h05

Très sympa !

Par contre juste une chose pour moi : essayer de ne pas mettre la police aussi blanche. Avec le fond sombre, j'ai le texte imprimé dans les yeux.
Soi mettre de l'opacité ou alors mettre une couleur blanche/grise.

lightcode
27 Septembre 2010 à 21h17

Le rendu final est très bon : niveau design, j'ai testé deux navigateurs IE9 (pas significatif vu qu'il est en bêta, mais je navigue toujours avec) et Chrome (pour la petite extension afin de passer au peigne fin ton site.

Pour le code, rien à dire, j'ai même appris un truc en CSS3 (transition et background). Pour chipoter, j'aurais mis une balise <figure> sur certaines images (plutôt que des <div>). Les liens sur les images qui mènent nulle part, et le lipsum retire un peu au sérieux du site : je pense que tu devrais les modifier au plus vite (je me demande si c'est faisable pendant un tel concours, mais bon).

Bon, j'ai rien d’autre à dire, c'est "trop" parfait. Dommage que je ne puisse pas noter.

A3TA
28 Septembre 2010 à 11h15

Bonjour, ayant visité le site avant sa refonte je peu te dire qu'il y a du mieux et beaucoup, je n'avais pas du tout aimé scroller horizontalement pour voir les images de ton portfolio c'est d'ailleurs ce qui ma marqué le plus. La refonte est vraiment bien faite, plus professionnelle, dommage qu'elle ne soit pas fini, même dans tes créations tu as du Lorem Ipsum...

designer1959
28 Septembre 2010 à 12h35

La mise en page est efficace, équilibrée. Mais une page de site, c'est tout de même un peu plus qu'un background, non ? ( je ne répète pas tout ce qui a été dit sur les liens manquants ).

anais-id
28 Septembre 2010 à 16h11

coucou p0ulpe,
Sympa, un peu trop noir pour moi mais très sympa, par contre comme le signal tout le monde c'est dommage c'est pas fini.

audrasjb
28 Septembre 2010 à 16h41

Visuellement, c'est assez réussi pour un design sombre :)
Côté code, c'est franchement bien, même si on déplore l'absence de :focus pour la navigation clavier (qui du coup est impossible) et de comportement :active, car un bouton, c'est censé s'enfoncer quand on appuie dessus ;)

Globalement j'aime bien :)

p0ulpe
28 Septembre 2010 à 17h11

@ClementRoy : Merci pour ton retour, je modifierai tout ça une fois le concours fini :)

@Billou : Oui niveau contraste en fait, je test mon site chez moi sur un écran LCD calibré, et sur un pc portable avec des couleurs et contrastes pas terribles..

Quand je regarde mon site sur d'autres écrans, il arrive qu'il soit hyper foncé et donc que le texte ressorte à mort.. :/

Merci pour ton commentaire en tout cas :)

@lightcode : Merci ! Oui dommage que tu ne puisses pas noter :P

@A3TA : Merci pour ton commentaire, effectivement, avant c'était vraiment pas terrible niveau présentation de travaux... surtout au niveau de la taille de ceux ci.

J'ai voulu avoir des détails sur presque chaque travaux donc y ai mis une petite description ainsi que des gros visuels. J'aime ce genre de présentation de travaux sur les portfolios, ça aurait été con de pas le faire sur le mien.

@designer1959 : Après c'est une affaire de goût et de couleurs non ? :) J'ai voulu faire un portfolio qui me ressemble, simple et avec un accès direct aux infos (on sait où cliquer quoi..).

Merci pour ton commentaire en tout cas :)

@anais-id : Merci pour ton avis :)

@audrasjb : Première chose que je ferai lors de la fin du concours, promis :P

Encore merci à tous.

mat_dev
29 Septembre 2010 à 10h11

Tout a été dit pour les -.
+++ pour la propreté du code
+ pour la validation W3C
+ pour le choix du design, sobre, simple, efficace
Un joli site, un peu de contenu et c'est parfait.

designer1959
29 Septembre 2010 à 18h40

Je précise que l'image de fond est attractive, fonctionne bien, et est adaptée à ce site. Ma remarque est la suivante : dans la mesure où les liens ne fonctionnent pas actuellement, l'impression est que tout repose sur ce visuel. Cela dit, le reste de la page est bien conçu.

cilou
29 Septembre 2010 à 22h42

Bonjour
Bien que je ne sois pas fan des sites si sombres, je trouve que le tien est très lisible (sauf la partie contact, je n'ai pas compris tout de suite que c'était un formulaire) et je trouve le haut très chouette :)
Le code est vraiment tip top (sauf les br..), par curiosité, pourquoi n'as tu pas mis les textes dans des balises article ?
A ce niveau, je trouve un peu dommage d'avoir utilisé des tailles de police fixe.

Bonne chance

p0ulpe
30 Septembre 2010 à 00h24

@mat_dev : Thank's :P

@designer1959 : Sur que le squelette d'un site web c'est quand même les liens :) Merci pour ton avis en tout cas.

@cilou : Comme quoi ça dépend des écrans, sur mes deux écrans il passe niquel, à mon boulot aussi, mais j'ai remarqué que sur les écrans LED il est super sombre..
Pourquoi tu n'aimes pas les br ? je les ai juste utilisés pour couper le texte au bon endroit afin de ne pas avoir des fins de lignes sur des "et", "par" ou "que"..

Merci pour ton commentaire :]

cilou
30 Septembre 2010 à 17h24

Bonjour
Il me semble juste qu'utiliser des padding pour la mise en page est plus propre que d'utiliser des br

p0ulpe
30 Septembre 2010 à 19h09

@cilou : pour des paragraphes oui, mais pour aller juste à la ligne, un br suffit..

loicbcn
03 Octobre 2010 à 05h49

Comme tout le monde je trouve le design très réussi, cependant je ferai deux remarques:
Le formulaire de contact envoie sur une page d'erreur ... Je t'ai écrit un petit message et je n'ai pas l'impression qu'il soit arrivé. Les textes pré-inscrits dans le formulaire sont restés affichés quand je remplissais les champs.
Les compétences en latin, c'est osé, mais ça te laisse l’opportunité de faire un jour un site pour l'Opus Dei :)

Bye baille et bravo.

p0ulpe
03 Octobre 2010 à 15h23

@loicbcn : Oui le formulaire n'est pas encore au point (pour l'instant il n'y a que le HTML/CSS), je mettrai en place le JS qui fait disparaitre les labels et le PHP à la fin du concours.

Et sinon j'ai fait Lorem Ipsum en LV2 :P

Merci pour ton commentaire :))

laurie
05 Octobre 2010 à 17h01

efficace et joli, j'aime bien! :) je pense qu'une fois terminé il sera vraiment bien!

Noix de Coco
09 Octobre 2010 à 12h03

Dommage qu'il ne soit pas terminé. Cependant je ne note qu'au design et à l'ergonomie : sobre, élégant, droit au but. J'aime beaucoup. Bravo !

Nico3333fr
11 Octobre 2010 à 20h10

Mêmes commentaires que les autres : c'est réussi, mais ce n'est pas fini et c'est perfectible (tout a été dit).

Continue !

Les commentaires sont clos.

 J'ai mis ma captcha pour l'hiver.  (John Sans Radius)

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