• 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

Cheek fille - le blog par Cheek-fille

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

Voir l'image en taille réelle

Après refresh

Voir l'image en taille réelle

Note obtenue : 5.097/10

Commentaires

sogam
27 Septembre 2010 à 13h24

Black is beautiful

rionma33
27 Septembre 2010 à 20h34

La première version était sympa aussi ^^

Shokojjo
27 Septembre 2010 à 21h29

Site sympa à tendance Dark/Black faut aimer le style! ;)

Ericf
27 Septembre 2010 à 23h25

Presque 1Mo pour l'image de fond !!!
Pour moi qui habite à la campagne et ai une connexion faiblarde, c'est rédhibitoire et ça mérite une note inversement proportionnelle à la taille de l'image :-)

loicbcn
28 Septembre 2010 à 00h33

Vraiment chouette, juste un reproche: avec une résolution de 1024x800, un scroll horizontal apparaît, tu pourrais arranger ça en diminuant la marge gauche de ton <div id="page"> :)
je ne mettrai pas une note inversement proportionnelle à la taille du scroll.

Ecstatic
28 Septembre 2010 à 10h35

Très beau refresh! Très classe...

iManu
28 Septembre 2010 à 10h48

Bon choix de fontes. J'aime beaucoup.
L'effet pleine page de l'image de fond est toujours sympa même s'il est difficile de proposer une image légère pour ce choix de mise en page.
Heureusement qu'il y a des images en couleurs quand même.

Jep
28 Septembre 2010 à 11h15

C'est beau et classe (l'effet noir et blanc sans doute) même si je sais que le code c'est pas trop ton truc, le design est vraiment bon.

J'ai aimé
- Le design
- Les choix typo et l'usage de @font-face

J'ai moins aimé
- Le manque d'optimisation de l'image de fond
- Le manque d'optimisation du code (mais bon voila quoi ;)

Cheek-fille
28 Septembre 2010 à 11h36

Bonjour à tous

Je vais m'essayer à une réponse globale alors ne m'en voulez pas si j'oublie des trucs

Sogam > merci beaucoup

Mr Satan > comme je fais beaucoup de photographie couleur avec des appareils photos argentiques je sais par habitude que le contenu de mon blog est très coloré alors c'était une vraie chance de pouvoir faire du full black sans prendre le risque d'être terne (noir + orange = très beau mélange à la fois dynamique et calme, bravo !) Pour l'image de preview retournée c'est moi qui suis très bête à mes heures et qui ne comprenait pas comment une preview de blog pouvait par essence être plus étirée horizontalement que verticalement alors j'ai cru qu'il y avait une erreur dans les spécifs d'alsa mais en fait non haha

Rionma33 > merci beaucoup. C'était mon premier vrai blog et il m'a été très utile pour arriver à cette nouvelle mouture

Shokojjo > merci beaucoup. Certes le noir ne plait pas à tout le monde mais bon je vois surtout le résultat dans sa globalité et son respect de l'image

Ericf > tu pointes une erreur assez balèze de ma part (ah les graphistes et le poids des images). Bien qu'il soit trop tard elle est corrigée

Loicbcn > oh le vilain scroll ! Je vais régler ça au plus vite, merci beaucoup

Ecstatic > merci beaucoup

iManu > cela me touche que le choix des fontes soit apprécié. Merci beaucoup !

Jep > merci merci. Pour le manque d'optimisation du code je n'ai rien à dire pour ma défense et je sais par avance que cela jouera en ma défaveur mais j'assume

Je dois vous avouer que je craignais de passer mon site au test "concours alsa" car je pensais me faire lapider et en fait je suis ravie de recevoir des critiques constructives de la part de gens qui ont un réel intérêt dans les css et le web.

LuciferX
28 Septembre 2010 à 21h01

Sympa le coté minimaliste du blog ;-)

Peut-être un peu trop black, une petite note colorée aurait en effet été de très bon goût.

atelierwebactif
29 Septembre 2010 à 09h44

J'aime beaucoup ton site. Il est frais (malgré les couleurs N&B), simple et élégant. Moi aussi je me suis mis au @font-face depuis pas longtemps et j'avoue que ca te change un site ! Bonne chance pour le concours !

atelierwebactif
29 Septembre 2010 à 09h45

@LuciferX : Justement, je pense que le thème N&B met en valeur le contenu et surtout les photos colorées. (je te sauve la mise la Cheek-fille... :D)

anais-id
29 Septembre 2010 à 11h23

coucou Cheek-fille,
J'aime beaucoup aussi, mais trop noir et blanc même si sa met en valeur le contenu et les photos, sinon c'est sympathique :)

designer1959
29 Septembre 2010 à 13h25

Le parti-pris noir et blanc est évidemment une réussite, tellement adaptée au sujet du site. Quel éclat-écrin pour les prises de vue couleur qu'on découvre au fil de l'ascenseur. Combien de fois faudra-t-il dire et redire qu'un site artistique ( peinture, photo, etc. ) demande une sobriété de la charte graphique, qui sinon, par une débauche de gadgets, de couleurs, nuit au contenu. La sobriété ici sert parfaitement le sujet. Les prises de vue sont également de haute tenue, un régal à découvrir et redécouvrir. Je me préoccupe assez peu du code également, mais il faut reconnaître le fonctionnement suivant, un peu gênant : le temps de télécharger l'ensemble des vues, le haut du site apparaît par bribes, peu à peu. Une autre anecdote du même genre : l'image de fond s'est téléchargée à la toute fin, j'ai donc découvert le site sans elle, et… selon moi, elle n'apporte pas vraiment grand-chose. C'est une image intéressante en soi, mais je trouve qu'elle concurrence peut-être un peu, de par sa force, le reste des contenus. J'aurais imaginé une image plus sobre et surtout moins contrastée. Reste que j'aime beaucoup ce site, et comme je ne suis pas là pour apprécier le code, ma notation sera à la hauteur du travail. Félicitations.

galeazzo
29 Septembre 2010 à 22h42

sympa. Sans plus

Heyoan
03 Octobre 2010 à 14h59

Salut,

plutôt sympa effectivement.

Quelques remarques :
* je plussoie très fortement Ericf sur le poids des images.
* une incohérence entre le doctype XHTML 1.0 Transitional et l'usage d'éléments SECTION et FOOTER
* sur un portable 16/9 on se retrouve avec une large bande noire sur la droite. Personnellement j'aurais centré le contenu.

designer1959
04 Octobre 2010 à 03h03

Effectivement le fond noir à droite n'est peut-être pas la meilleure chose de ce site, mais je déconseille vivement le centrage, le décentrage est élégant, il est rarement utilisé et dans ce cas me semble parfaitement justifié. Par contre, il y a d'autres moyens pour résoudre le souci du fond noir…

chamomor
04 Octobre 2010 à 12h11

Bonjour,
sympa comme effet. Sauf qu'on ne voit bien que sur grand écran. Jamais bon de devoir glisser avec la barre horizontale pour voir l'entièreté du site.

annso
06 Octobre 2010 à 09h02

J'adore ! Il manque juste un petit accès rapide au menu.

yokel72
11 Octobre 2010 à 23h16

Beau refresh, c'est sympa ! la zone de contenu est vraiment valorisée. Par contre j'ai aussi le scroll horizontal.
J'ai aussi repéré des erreurs html.

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/