• 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

onlinegraph par onlinegraph

Voir en ligne http://www.onlinegraph.com

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.220/10

Commentaires

atelierwebactif
27 Septembre 2010 à 14h01

J'aime bien les grosses font, mais là je pense que tu n'y as pas été de main morte ! Surtout que certains de tes polices sont plus grosses que le titre du site. Et sinon, bien évidemment, la nouvelle version de ton site est bine plus sympa que la première. Bonne chance à toi !

onlinegraph
27 Septembre 2010 à 14h07

Merci pour ton commentaire. Bonne chance à toi également !!!!

Shokojjo
27 Septembre 2010 à 15h23

Là je dois reconnaître aussi que les polices sont trop grosses pour mes petits yeux! ;) Sinon la version noscript n'étant pas présente,il est impossible de visiter tes références sans JS et le validateur met en avant 51 erreurs CSS c'est beaucoup!

En revanche les points positifs sont nombreux aussi et je préfère de loin la nouvelle version de ton site, sa mise en page, et ses couleurs c'est donc une bonne refonte dans l'ensemble d'après mon modeste point de vue, je te dis donc bien joué ;)

Bonne continuation
Tom

onlinegraph
27 Septembre 2010 à 15h33

ha ha ces grosses polices !!!! Cela fait parler !!!!

Merci en tout cas pour tes commentaires Shokojjo. Pour ce qui est de la CSS oui je sais, mais bon la mise en page est correcte sur tous les navigateurs, c'est le principal !!! non ???

Bonne chance à toi Shokojjo

Ariakan972
27 Septembre 2010 à 16h56

Très tèrès sympa ! :D
Dommage qu'il n'y ai pas un menu de rappel en position absolute quand on navigue sur la page, on est obligé de remonter à chaque fois...

Code non valide, et erreurs de JS sous IE6.
Sinon l'idée et la réalisation visuelle est bonne. :)

onlinegraph
28 Septembre 2010 à 08h33

Salut Ariakan972.

Merci pour tes remarques. Pour ce qui est du menu de rappel, en même temps la page n'est pas trés longue. Un peu de courage bon sang ;-)

Pour ce qui est du code, oui c'est vrai, mais je n'ai pris qu'une soirée pour tout faire alors je me suis concentré sur l'affichage front office !!!!

Merci encore et bonne chance à toi.

sogam
28 Septembre 2010 à 09h16

sa serait sympa d'avoir un peu plus de profondeur dans ton site, à mes yeux il manque une petite touche, genre des effets, mais sinon les grosse typo je trouve sa cool... sauf que là si tu penses au gens qui ont des ptits écran il ne voyent que sa et n'iront pas forcément plus loin

sogam
28 Septembre 2010 à 09h17

sa serait sympa d'avoir un peu plus de profondeur dans ton site, à mes yeux il manque une petite touche, genre des effets, mais sinon les grosse typo je trouve sa cool... sauf que là si tu penses au gens qui ont des ptits écran il ne voyent que sa et n'iront pas forcément plus loin

onlinegraph
28 Septembre 2010 à 09h22

@sogam : Les grosses polices sont un parti pris que j'assume. Question : les moniteurs ne font pas tous 1920 x 1200 ;-)

PS : je l'ai testé sur ipad et c'est génial !!!

Et tout cas merci pour tes commentaires

iManu
28 Septembre 2010 à 10h32

Très corporate, ce site ne s'adresse pas à tout le monde. Néanmoins l'aspect typo est du plus bel effet, même si travailler avec les fontes uniquement est un exercice très risqué, mais tu ne t'en sort pas trop mal.
Pourquoi ce mélange anglais/français ?

onlinegraph
28 Septembre 2010 à 10h38

@iManu : Merci pour tes remarques encourageantes. Pour le mélange anglais / français, c'est plus STYLEEEE.

audrasjb
28 Septembre 2010 à 17h49

Hello,

Visuellement, j'avoue que je trouve les textes un peu trop gros :)
A part ça, j'aime assez l'aspect général (je suis d'accord avec iManu, c'est pas évident de travailler presque uniquement avec des typos et l'ensemble est correct).

Par contre, côté code, je ne suis pas trop d'accord sur l'utilisation du h1 sur la citation en anglais (d'ailleurs, tu ne déclare pas le changement de langue dans ton document) : cette citation n'est pas un titre..
Ensuite :
- Il y a des soucis dans la hiérarchie de tes titres (h2>h4>h3)
- Une divite de plus :D
- beaucoup de paragraphes de texte directement dans des divisions au lieu d'utiliser <p>
-target="_blank" est autoriser en transitionnal, mais 1/ C'est mal ;) 2/ il faudrait au moins prévenir que les liens s'ouvrent dans une nouvelle fenêtre
- un peu de Js intrusif...
- des retours chariots utilisés pour de la mise en forme
- il faudrait utiliser des listes pour ton portfolio plutôt que des divisions
- Il faut utiliser la balise label dans ton formulaire de contact
- les scripts gagneraient à être regroupés et appelés en fin de document

Je crois que c'est tout ce que j'ai vu comme points noirs ;)

darkstar2023
28 Septembre 2010 à 19h14

Bonjour,

Je laisse mon tout premier commentaire du concours, car le design est vraiment bien. Les gros textes sont très biens, mais ils seraient mieux mis en valeur avec textes plus petits.
Je m'intéresse moi-même à la typographie, et j'aime bien jouer sur la taille des textes pour faire ressortir les titres, textes, slogans, etc.

Bonne chance !

onlinegraph
28 Septembre 2010 à 20h55

@audrasjb : Merci audrasjb pour toutes ces remarques... C'est ce que l'on appel un développement à l'arrache. Promis tout sera corrigé dés que j'ai une petite heure à consacrer à mon portfolio. Mais a vrai dire j'en ai marre des normes d'accessibilité et de référencement naturel ( oups fallait pas le dire !!!! )

Et puis arrête de balancer, c'est pas beau ;-)

onlinegraph
28 Septembre 2010 à 20h59

@darkstar2023 : Merci beaucoup cela fait plaisir au moins.
Et surtout n'oublie pas : We can't design without type.

Bonne chance à toi également.

negstek
28 Septembre 2010 à 23h25

sympas les polices surgrasses et les couleurs flashies

galeazzo
29 Septembre 2010 à 23h01

Enfin un site qui m'enthousiasme et me fait plaisir à voir.
Pour ce qui me concerne, je me fiche de savoir si le "target_blank" est permis ou non dans le transitionnal ou s'il y a des soucis dans la hiérarchie des titres. Ce que je veux, c'est avoir envie de revenir et là, oui, je reviendrai.
Merci pour ton design.

onlinegraph
30 Septembre 2010 à 09h12

@galeazzo : Merci à toi pour ton commentaire réjouissant. Et à bientôt donc !!!!

onlinegraph
30 Septembre 2010 à 09h13

@negstek : C'est mon côté Austin Powers. Merci pour ton commentaires.

3arly3F
01 Octobre 2010 à 14h24

J'adore les big police, surtout que je suis écrans de 27, original sans choquer pour autant, bon boulot, bravo =)

designer1959
04 Octobre 2010 à 14h07

Je suis assez heureux de lire le slogan en exergue du site !
Ça commence si bien que, pour cette seule raison, je serais tenté de donner d'emblée la meilleure note, mais il va falloir étayer un peu et raisonner aussi.
Tant de critiques se bornent à considérer et affirmer, très répétitivement, que telle proposition n'est pas standard selon tel ou tel critère qui parfois confine au pinaillage, que vouloir nous imposer aujourd'hui des standards quI demain seront obsolètes, et ainsi perpétuellement.
Plus grave, les graphistes eux-mêmes semblent de plus en plus bridés dans leur créativité, anxieux du codage, trop soucieux d'effets attractifs omniprésents, etc. consacrant un temps considérable à coder, ou essayer de coder proprement.
La dimension ludique de la créativité est oubliée ou étouffée par trop de normes.
J'aspire à de plus fréquentes associations, efficaces et fécondes, entre développeurs et graphistes, plutôt que de demander aux uns et aux autres des compétences qui les dépassent.

Design du site /
Enfin un noir de fond de page savamment dosé, c'est parfait : la note grimpe encore.
Les nombreuses critiques sur la taille des typographies de ce site dans les commentaires indiquent à quel point les normes du regard, et sur le web plus encore qu'ailleurs, font des ravages. Heureusement l'auteur tient bon et assume. Encore faudrait-il dire que ce n'est pas une question de subjectivité, de goût. Les typo de grandes tailles ont été utilisées brillamment par d'excellents graphistes. il y a une touche année 70 bien conçue, par la taille et aussi le style de la typo du slogan (cooper sans doute ou de cette famille). Idem pour la demande de " profondeur "… qui me semblerait un non sens par rapport au style graphique de ce site. L'aplat et la typo de grande taille ne sont plus dans l'air du temps, ça s'entend !
Mais comment mon cher Onlinegraph ? Vous n'avez pas cédé à la tentation du tout cristal, voulez-vous que je vous indique un tutoriel ?
Ah, et je découvre la citation Austin Powers desurcroît !
« Ce site m'a tiré », je sais maintenant mieux pourquoi.

Réserves /
Après les louanges, il manquerait quelque chose si je ne pointais pas quelques réserves. Contrairement à ce qui a été remarqué comme un défaut : la typo slogan est plus grosse que celle du titre du site, j'aurais été tenté de réduire encore, au minimum le logo du haut.
Je ne suis pas trop convaincu par les bordures grises des images.
Stratégiquement, je ne donne jamais un lien d'un site qui a été modifié par un tiers après que j'en ai été le concepteur. Un visuel suffit, ou le cas échéant, une version off-line, mais c'est plus délicat.
Dernière salve, et celle-ci est plus sévère peut-être. Le slogan pour m'avoir enthousiasmé, ne me fait pas oublier que finalement, ce site joue assez peu avec les pixels.

Heureux d'avoir partagé ces réflexions enthousiastes en espérant que cela vous apporte quelque chose.

onlinegraph
05 Octobre 2010 à 08h36

@designer1959 : Heu, je dois prendre cela pour des compliments ? En tout cas merci pour ce commentaire.

designer1959
05 Octobre 2010 à 21h03

Je crois bien que oui. Je salue l'originalité, le fait de se démarquer des modes, et le fait de tenir sa position face aux académies par trop normatives. Voyez que je sais aussi donner dans la forme brève.

onlinegraph
05 Octobre 2010 à 21h22

@designer1959 : Ok !!!! Alors un grand MERCI !!!!!

designer1959
06 Octobre 2010 à 00h53

Il y a des travaux qui pour n'être pas dépourvu d'imperfections apportent une stimulation créative, et cette qualité-là est précieuse. À chaque nouveau commentaire,je regarde à nouveau le travail, et je découvre la matière presque imperceptible du background qui m'avait échappé. Encore un plus ! ; )

pixelb
11 Octobre 2010 à 16h31

Très très belle réalisation, sauf ce gros texte très moche lorsqu'on arrive sur le site. C'est dommage car on sent que le reste est vraiment très réussi...

Nico3333fr
11 Octobre 2010 à 21h23

Argh, je suis totalement divisé. :)

Y a un délire visuel, c'est original et un peu gonflé, c'est assumé... et ça j'apprécie beaucoup !

Mais... ayayay ! J'ai l'impression que les effets Javascripts ne sont pas complètement fluides...
Et cette sensation de relative lourdeur est confirmée par un test des performances, qui sont franchement à améliorer. Rien qu'avec la compression activée, au moins, 200 Ko d'économisés.

Il faudrait pouvoir naviguer sans avoir à repasser par le haut de la page aussi, je trouverais bien de garder la navigation... et si je désactive le javascript... patatrac, la navigation est peu souple (alors que des ancres internes permettraient d'y pallier aisément).

Au final, je garde néanmoins une bonne impression, le délire me plait.

A perfectionner ! :)

Les commentaires sont clos.

 En terme de sémantique, j'utilise beaucoup de javascript...  (Cindy Sander)

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