Le test

Personnellement j’ai adoré la question sur Buffy…. :). Mon résultat :

Bon c’est surement pas parfait… Mais comme vous etes plein de bonne volonté, laissez donc un commentaire pour ajouter ou modifier une nation.

Police

Et il est évident que le site de Ségolène à plusieurs train de retard. Ne serait-ce que sur le choix de la taille de la police. J’ai toujours trouvé qu’une taille de police trop importante donnait un effet non terminé à un site web. Le site Web de Carla Bruni ressemble plus à une sorte de prospectus. Cependant, il possède de long pavé de texte qui ne donne pas envie de lire ou d’approfondir l’article. Contrairement d’ailleurs à celui de Ségolène on arrive à lire sans se fatiguer (Du moins tant qu’on s’attaque pas à la biographie).

Menu

Un des points fort du site de Carla est la navigation. En effet, dès la page d’accueil avec de gros carré il est possible de se dirigé rapidement sur les articles mis en avant. Une fois sur un article, on voit deux barre de navigations une en haut et une sur le coté. Celle du coté permet encore une fois d’aller rapidement, grâce à de gros carré,  sur les articles importants. Et la barre de navigation du haut tant qu’à elle est en menu d’accès à l’ensemble des articles… du standard. A noté la présence d’un lien Facebook et Twitter trop discret permettant de poster sur l’un ou l’autre site l’article en cours de lecture. De plus, on retrouve en bas du site Web une barre contenant les raccourcis standards tels que contact, RSS, plan du site…

La navigation sur le site de Ségolène ne convient pas beaucoup. Elle est composée d’un ensemble de bloc organisé verticalement sur la gauche de l’écran. Il est difficile de parcourir ce menu et ne permet pas dès le début d’accéder aux liens important. De plus la séparation entre la barre de navigation et l’article n’est pas suffisamment prononcé.

Couleur

Le site de Carla est sur des couleurs pastel jouant sur la transparence de certain élément. Ceci donne à la fois un coté fille sage et un coté reposant et sérieux. Le fond blanc prédominant joue beaucoup dans cette notion de sérieux. Le blanc symbolise un peu la pureté ou disons quelque chose de sain.

Le site de Ségolène tant qu’à lui, est composé de deux couleurs vives rose et violet. Je trouve que ces couleurs sont de très mauvais choix et ne correspond surtout pas aux valeurs que Ségolène désire faire passer par son site Web. C’est comme parler de son Cancer déguisé en clown.

Organisation de l’information

Il est évident que le site Web de Ségolène est sur le principe du blog et possède donc l’arborescence typique d’un blog. Cependant, je pense que se site mérite plus. Ne serait-ce que sur des parties telles que la biographie. En effet, une présentation mono article sur la page d’accueil aurait été plus de meilleurs augures.

Conclusion

On n’a beau pas aimer notre président ou son système de communication il faut quand même reconnaitre que le site Web de Carla est très jolie et très bien finit. C’est simple, ce site Web est de la qualité d’une brochure faite par des spécialistes de la communication. Du coup, on as l’impression de touché quelque-chose d’un peu glacé voir de froid quand on parcours le site Web.

A contrario, le site de Ségolène est de facture plus simple ce qui lui donne un coté plus accueillant et plus populaire.

Site Web de Carla Sarkosy : http://www.carlabrunisarkozy.org

Site Web de Ségolène Royal : http://www.desirsdavenir.com/

Je suis 1er… So nice !

Voici mes réponses :)

Alors si vous êtes curieux c’est partie :

• Les Sopranos (Tony Soprano, Paulie Walnuts, Silvio Dante, Christopher Moltisanti, Junior Soprano , Bobby « Bacala » Baccalieri)
• Robin des bois
• John McClane (Bruce Willis)
• Bill Cosby
• Charles Darwin
• Michael Moore
• Ali G
• The Mighty Boosh: Bollo
• Merlin (Non ce n’est pas Dumbledor)
• Tenacious D (Kyle Gass et Jack Black) [Fin ligne 1]
• Agence tous risques (Sergent Bosco Albert (B.A.) « Barracuda », Colonel John « Hannibal » Smith, Lieutenant Templeton « Futé » Peck, Capitaine H. M. « Looping » Murdock)
• La mort (ou la faucheuse ou en anglais The Grim Reaper)
• André Roussimoff, dit le géant Ferré
• Long John Silver
• Cheech and Chong (Richard « Cheech » Marin et Tommy Chong)
• Seinfeld (Cosmo Kramer, Jerry Seinfeld, Elaine Benes, George Costanza)
• Harold & Kumar (Harold : John Cho, Kumar Patel : Kal Penn)
• Clint Eastwood
• Condoleezza Rice
• Salvador Dali [Fin ligne 2]
• Jay & Silent Bob (Jason Mewes, Kevin Smith)
• Philip Marlowe
• Winston Churchill
• Le Dalai Lama
• South Park (Eric Cartman, Kyle Broflovski, Stan Marsh, Kenny McCormick)
• Indiana Jones
• The Office (Dawn Tinsley, Gareth Keenan, Tim Canterbury, David Brent)
• Albert Einstein
• Napoleon Dynamite
• Edward aux mains d’argent (Edward Scissorhands)  [Fin ligne 3]
• Austin Powers
• Dr. Evil & Mini-Me (Docteur Denfer et Mini-moi)
• K2000 et Michael Knight (David Hasselhoff)
• Mitch Buchannon (David Hasselhoff)
• Le Magicien d’Oz (Le Bûcheron en Fer Blanc, Le Lion Peureux, Dorothée, L’Épouvantail)
• Napoleon Bonaparte
• Paul Reubens alias Peewee Herman
• Michael Myers (Halloween)
• E.T. [Fin ligne 4]
• Bruce Lee
• Power Rangers (Kimberly « Kim » Hart Ranger Rose, Billy Cranston Ranger Bleu,Zackary « Zack » Taylor Ranger Noir, Jason Lee Scott Ranger Rouge,Trini Kwan Ranger Jaune) (Mais ou est Tommy ? :D )
• Super Nacho (Nacho Libre)
• Lincoln Imp
• Mork & Mindy
• La Vipère noire (Blackadder)
• Bert & Ernie (Sesame Street)
• Toccata, l’oiseau géant (Big Bird) (Sesame Street)
• Elmo (Sesame Street)
• Stone Cold Steve Austin
• Karl Marx [Fin Ligne 5]
• Forrest Gump
• Michael Jackson (Billie Jean 1982)
• Michael Jackson (Black Or White 1991)
• Michael Jackson (MTV Music Awards 2002)
• Michael Jackson (En pyjama pour le procès de 2005)
• Rob Zombie
• Spiderman (Peter Parker)
• L’Île fantastique (M. Roarke ,Tattoo)
• Friends (Ross Eustache Geller, Rachel Karen Green, Monica E. Geller, Chandler Muriel Bing, Phoebe Buffay, Joseph Francis Tribbiani dit « Joey ») [Fin ligne 6]
• Orange Mécanique (Alex DeLarge,Pete,Georgie,Dim (Alos la pour l’ordre…))
• Stanley Kubrick
• The Blues Brothers (Dan Aykroyd (alias le joueur d’harmonica Elwood Blues) et John Belushi (alias le chanteur Jake Blues))
• Les Sentinelles de l’air  (Thunderbirds) (Gordon Tracy , Alan Tracy , Scott Tracy , Virgil Tracy , John Tracy )
• Alfred Hitchcock
• Sherlock Holmes
• Pikachu
• William Shakespeare
• S.O.S. Fantômes (Ghostbusters) (Dr Peter Venkman, Dr Peter Venkman, Dr Egon Spengler, Winston Zeddemore) [Fin ligne 7]
• Superman (enfin Clark Kent)
• Beavis & Butthead (Sur l’image ils sont dans l’autre sens d’abord butthead puis beavis)
• Le père noel (Santa Claus)
• Dawson (Pacey Witter,Jennifer « Jen » Lindley,Dawson Leery,Josephine « Joey » Potter)
• Daft Punk: Da Funk dog
• Daft Punk (Thomas Bangalter et Guy-Manuel de Homem Christo)
• Fonzie
• Fight Club (Tyler, Jack)
• Beatrix Kiddo, aka The Bride (Kill Bill)
• Kim Jong-il
• James Bond [Fin Ligne 8]
• Star Trek (ou La Patrouille du cosmos) (Montgomery Scott, Dr Leonard McCoy, Capitaine James T. Kirk, Spock, Pavel Chekov, Hikaru Sulu, Nyota Uhura)
• Le Masque (The mask)
• X-File (Scully et Mulder)
• Edgar Allan Poe
• Rod Hull et Emu (Emu étant l’oiseaux)
• Starsky et Hutch
• Magnum P.I.
• Wonder Woman
• Spinal Tap (Derek Smalls ,Nigel Tufnel , David St. Hubbins ) [Fin ligne 9 et page 36]
• Hunter S. Thompson
• Teenwolf (Scott Howard)
• My Chemical Romance (Gerard Way, Bob Bryar, Mikey Way, Ray Toro, Frank Iero)
• El Santo (Rodolfo Guzmán Huerta)
• Philip Marlowe
• Fatboy Slim (Fat Kid)
• Simpson (Maggie, Marge, Homer, Bart, Lisa)
• Freddy Krueger
• Hans Ruedi (à l’origine Rudolf) Giger
• Xena [Fin Ligne 1]
• Kiss (Gene Simmons, Paul Stanley, Ace Frehley, Peter Criss)
• Boadicée (Boudicca)
• Point Break ( James LeGros dans le role de Roach, Patrick Swayze dans le role de Bodhi,Keanu Reeves dans le role de l’agent Spécial du FBI John ‘Johnny’ Utah)
• Columbo
• La Matrix (Cypher , Morpheus, Néo ou Thomas A. Anderson, Trinity)
• Emiliano Zapata
• The Breakfast Club (Brian Johnson, Claire Standish, Allison Reynolds, Andrew Clark, John Bender)
• Batman [Fin ligne 2]
• Ace Ventura (Mr Carrey)
• Crocodile Dundee
• The Osbournes (Jack, Kelly, Ozzy et Sharon Osbournes)
• William Shakespeare (encore !)
• Deux flics a Miami (Miami Vice) (Détective James “Sonny” Crockett, Détective Ricardo “Rico” Tubbs)
• Jacques Tati
• Braveheart
• Brian Potter
• Earl (My Name Is Earl) (Earl J. Hickey, Randy Hickey, Catalina Aruca, Darnell « Crab Man » Turner , Joy Darville Turner) [Fin ligne 3]
• Cornelius (Planète des singes)
• Dr Milo (Planète des singes)
• Dr Zaius (Planète des singes)
• Dr Zira (Planète des singes)
• General Ursus (Planète des singes)
• Nova (Planète des singes)
• Taylor (Planète des singes)
• Scooby Doo (Véra Dinkley, Scooby Doo lui-même, Norville Rogers alias Shaggy ou Sammy, Daphné Blake, Fred Jones)
• The Chemical Brothers (Ed Simons et Tom Rowlands)
• Blue Demon [Fin ligne 4]
• Darth Vader (Star Wars)
• Boba Fett (Star Wars)
• George Lucas
• R2D2 (Star Wars)
• Woody Allen
• L’Incroyable Hulk (The Incredible Hulk)
• Rocky
• CHiPs (Officier Jonathan « Jon » Baker, Officier Francis Llewellyn « Ponch » Poncherello)
• La Famille Tenenbaum (The Royal Tenenbaums) (Margot Tenenbaum, Henry Sherman , Etheline Tenenbaum , Eli Cash ,Royal Tenenbaum ,Ari Tenenbaum ,Chas Tenenbaum ,Uzi Tenenbaum , Richie Tenenbaum, Raleigh St. Clair) [Fin Ligne 5]
• Obi Wan Kenobi (Star Wars)
• Yoda (Star Wars)
• Luke Skywalker (Star Wars)
• Princess Leia (Star Wars)
• Han Solo (Star Wars)
• Chewbacca (Star Wars)
• Lando Carlissian (Star Wars)
• C3PO (Star Wars) [Fin page 37]
• Napoleon Dynamite
• Dr. Spencer Reid (J’ai du mal sur celui-ci pfff)
• Chuck Bartowski
• Sheldon Cooper (Le seul ou je suis pasz sur pour l’instant) (http://www.imdb.com/media/rm620205312/ch0064640) [Fin page 38]
• Spiderman
• Le Roi Leonidas (Gerard Butler dans 300)
• XXX
• XXX
• XXX
• XXX [Fin page 40]
• Astro le Robot
• ozamu tezuka
• Sangolu enfant (Son Goku)
• Sangoku super sayen 1 [Fin page 42] (Son Goku)
• Stephen Hawking
• Stephen Hawking
• Stephen Hawking [Fin page 44]
• Robbie ou un autre robot d’Isaac Asimov
• Robbie ou un autre robot d’Isaac Asimov
• Robbie ou un autre robot d’Isaac Asimov
• Robbie ou un autre robot d’Isaac Asimov
• Robbie ou un autre robot d’Isaac Asimov
• Robbie ou un autre robot d’Isaac Asimov [Fin page 45]
• La Matrix (Cypher , Morpheus, Néo ou Thomas A. Anderson, Trinity)
• Harry Potter
• Albus Dumbledore (ici Albus, même si l’auteur à appeller ce magicien Merlin, mais par rapport à l’article c’st bien Albus ici) [Fin page 46]
• Bill Gates
• Steve Jobs (Apple)
• steve wozniak [Fin page 48]
• Jay & Silent Bob (Jason Mewes, Kevin Smith) [Fin page 49]

Bonne chance a tous ! :)

Plus d’information sur les minipops ici : http://www.flipflopflyin.com/minipops/

http://blog.lafraise.com/fr/2009/06/fraisiens-graphistes-reservez-votre-1er-juillet/

Un concours sur le thème de la fraise. Youpi quelquechose à ma porté ! Bien que j’ai peu de chance contre les mastodonte designer et autres artistes en herbe actuellement en congé. J’ai décidé d’essayer car qui tente rien, se plante jamais. Enfin voila j’ai donc décider de faire une fraise verte pour me faire remarquer. (J’aurais du choisir le bleu) Et surtout mêttre un titre provocateur exprimant ce que nous désirons tous.

Le but du concours est simple, la création du design d’une page web sans utilisation d’images ni de JavaScript et respectant les normes du W3C

Tout d’abord l’idée générale est d’avoir une interface ultrasimple sans trop de chose. Ici j’ai orienté le design vers les jeunes de 10 / 14 ans. Un langage direct avec le tutoiement. Le choix des couleurs à été effectué sur un des très nombreux sites de création de palette. Ces couleur ne sont pas parfaite car pour la cible que je désire cibler le bleu et notamment le bleu clair est trop neutre. Il aurait fallut une couleur plus criarde. Mais ceci est facilement modifiable à l’aide de la feuille de style. Voila ce que cela donne :

Le menu de gauche est un menu ultra simple permettant la recherche et l’ajout d’ami. L’idée ici est de juste mettre le stricte nécessaire à la navigation : Pas trop de lien Pas trop d’option. La plus part du temps ça complexifie l’ergonomie pour pas forcément une forte plus-value.

La gestion du profile : Édition de ces informations, accès à la messagerie interne au site, bannir ou bloquer des utilisateurs sera réalisé à l’aide du menu en haut à droite. Plus discret, il reste accessible tous le temps sans venir brouiller l’information principale.

Et enfin il existe une zone centrale permettant de partager ce qu’on désire :

Elle se compose en trois parties. La première partie est composé par un bouton cible qui sera implémenté en flash. Ce bouton autorisera différente chose. On pourra réaliser des drags and drops dessus pour partager ce qu’on désire ou alors en cliquant dessus cela ouvrira une interface permettant de copier-coller à objet à partager (par exemple une image sur une autre page web) ou encore de parcourir les dossiers de sont PC pour trouver un fichier. Ensuite, on décrit rapidement ce qu’on partage et enfin un bouton pour envoyer tout ceci aux serveurs.

Un certain nombre de tooltips on été insérer un peu partout pour améliorer l’ergonomie.

La dernière partie est composée de l’ensemble des objets partagés soit par soi-même ou pas ces amis. Il permet d’avoir des informations sur ces amis et une previews des commentaires.

Techniquement la page est conforme aux normes W3C. Cependant, la feuille de style ne l’est pas pour des raisons esthétiques évidentes tel les que les bordures arrondis.

Enfin, un effort particulier à été apporté à la barre des titres. Sur cette barre se trouve de multiples effets tels que : le fait d’avoir deux couleurs, les dégradées et les étoiles. Bien sur cela fonctionne avec autant de div qu’il y a d’étoile ou de dégradée.

Voila les idées principales de ce design. Il est évident qu’il n’est pas parfait.

et si vous l’aimez bien vous pouvez aller sur http://www.fullcsscontest.com pour votez pour moi.

Déception, je n’arrive que 5 ème de ce concours. Arfff Bon tanpis

PS: La musique c’est bien « Il était une fois dans l’Ouest »

Le site http://www.fullcsscontest.com/ organise un concours consistant à proposer le design d’un site Web sans utiliser d’image ni de javascript…

J’ai décider de participer :D Et oui… Vous pourrez découvrir à partir du 19 juin ma création je vous en reparlerait surement à ce moment la pour vous inciter à voter pour moi.

En attendant soyez patient !

Vous voulez voir un bout de ma création :

Hé Hé et sans image :)

Sur le site de lafraise.com.

http://healthmap.org/swineflu

Vous pourrez alors suivre sur une carte l’évolution de la maladie :

Et après vous pourrez vous amusez à simuler la pandémie grâce au jeux : Pandemic 2. Le but du jeux créer un virus qui tueras le plus de gens possible.

Vous pouvez y jouer ici

Bon si avec tout ça vous portez pas un masque pour aller au boulot….