Il existe de nombreux outils en ligne pour « jouer » avec les couleurs et trouver des gammes chromatiques ou les bonnes couleurs à accorder avec la couleur de son choix. Parmi ces outils, j’ai découvert ce week-end le très simple et efficace Elvan Online. Il s’agit d’un générateur de thèmes chromatiques. A partir d’une couleur au hasard ou de la couleur de votre choix, l’outil vous fournit les couleurs en harmonie correspondantes et différentes variations. Le genre d’outil pratique pour les designers ou les simples curieux qui cherchent quelles gamme de couleurs utiliser avec une couleur de base. Dans le même genre, je vous avais déjà présenté l’excellent outil d’Adobe : Adobe Kuler.

Vous en connaissez d’autres ?

• Facebook rachète FriendFeed : FriendFeed accepts Facebook friend request
• Opera 10 est sorti en version finale : Opera 10: A Pretty Good Browser, But Will Anybody Use It?
• MySpace rachète iLike : MySpace rachète le portail musical iLike et ses 50 millions d’abonnés
• WidgetBooster propose de l’échange de bannière équitable : Du bénéfice des partenariats équitables avec d’autres webmasteurs dans sa thématique
• Wikipedia met en place des niveaux de fiabilité sur ses contenus : Wikipedia passe à l’orange
• Google prépare une nouvelle version de son moteur de recherche nommée Caffeine : Google invite les internautes à tester son futur moteur
• Twitter et Facebook ont subi une grosse attaque Ddos : Twitter ne répond plus
• Snow Leopard est sorti ! Snow Leopard disponible 28 août !
• Apple travaillerait sur un nouvel écran d’accueil pour son iPhone : Bientôt des icônes personnalisées en fonction de votre localisation sur iPhone ?
• Nokia sort un netbook (sous Windows 7) : Nokia Booklet 3G – Le Netbook Nokia
• Google utilise Street View pour les professionnels : Google facilite la recherche des professionnels avec Google StreetView
• Divine est un plugin Photoshop qui transforme un PSD en thème WordPress : Divine: vos PSD deviennent des templates WordPress

Comme dirait l’ami Eric, j’ai raté quelque chose ?

J’ai naïvement posé la question hier sur Twitter et j’ai eu la surprise de voir défiler pas moins de 27 réponses en seulement 15 minutes ! Comme quoi la question s’est déjà souvent posée. Les avis se révèlent être partagés. Petite synthèse des principaux POUR et des CONTRE et ma conclusion/solution mise en place.

Les POUR

• Les réseaux d’amis de Twitter et de Facebook sont souvent différents : cela permet donc de partager un tweet auprès de ces deux communautés et de toucher ainsi un maximum de personnes. Là ou sur Twitter vous allez recevoir des Reply, sur Facebook, cela sera des commentaires.
• Cela évite de publier deux fois une même news/photo à deux endroits différents.
• Cela vous permet de diffuser votre compte Twitter auprès de vos amis Facebook et de récolter ainsi quelques followers de plus.

Les CONTRE

• Comme je le disais, les réseaux de Facebook et Twitter sont souvent différents mais se rejoignent aussi parfois : vous pouvez très bien avoir des amis communs sur les deux services. Pour ces personnes, elles verront vos publications en double, ce qui peut vite être gênant (c’est bien mon avis !).
• Les utilisateurs de Facebook ne connaissent pas forcément Twitter et ne vont donc pas comprendre ce qui est adressé via cette publication automatique.
• Les différentes réponses faites dans Twitter ne seront pas reprises dans Facebook et inversément pour les commentaires laissés sur Facebook.

Conclusion : la solution que j’ai mis en place

Personnellement, j’ai longtemps hésité pour justement ne pas polluer mon mur sur Facebook et ne pas faire de duplicate content pour mes contacts en communs. Néanmoins, je vois de nombreux commentaires Facebook sur certains tweets et je trouve cette fonctionnalité très intéressante. J’ai donc trouvé ce qu’il me semble être le meilleur compromis : pouvoir choisir facilement quels tweets doivent être postés sur Facebook. La solution est une appli Facebook : Selective Twitter Status. Une fois installée sur Facebook et liée à votre compte Twitter, elle s’occupe de publier automatiquement et instantanément vos tweets qui finissent par le hashtag « #fb ».

Cela permet de choisir facilement et de ne polluer excessivement Facebook avec des tweets de type reply par exemple…

Et vous ? Avez-vous connecter votre flux Twitter à votre compte Facebook ?

Partant du principe que certains services récupèrent pas mal d’argent en simple dons (modèle open source par exemple), le logiciel Miro (édité par la Participatory Culture Foundation, une association à but non lucratif, c’est important de le préciser) propose un mode de financement pour le moins original : l’adoption d’une ou de plusieurs ligne(s) de code source du logiciel. Pour rappel, Miro est un lecteur de video HD permettant la lecture de vidéo en ligne notamment.

^{La dernière adoption à date avec même une photo}

Une page dédiée a même été mise en place : le Miro Adoption Center ! Le principe est très simple : pour $4 par mois vous adopter une des lignes de code source du logiciel. Vous recevez un certificat d’adoption avec le nom et même une photo de la ligne de code en question. En retour, vous aidez le projet à continuer de se développer, votre nom apparaîtra dans les crédits du logiciel et vous pourrez même disposer d’un widget pour diffuser votre bonne action… Vous pouvez même adopter des jumeaux ou des triplés ^_^

Plus sérieusement, je trouve l’idée assez géniale : plutôt que de mettre un simple bouton « faites un don Payal », l’équipe de Miro s’est creusée la tête pour proposer un système fun de financement du projet en personnifiant chaque don sous la forme d’une vraie ligne de code. L’histoire ne dit pas combien d’argent ce système génère chaque mois mais si vous revenez de temps en temps sur la page d’adoption vous vous apercevrez que la dernière adoption en date change fréquemment…/p>

Vous le constaterez comme moi, ces exemples sont loin d’êtres tous exploitables dans le cas d’un site web classique mais représentent des prototypes ou des concepts, souvent sources d’inspiration. Pour visiter les sites, il vous suffit de cliquer sur les images

AgencyNet.com

Pour un site en full-flash, je dois dire que cette webagency y ait allé fort : pour naviguer dans leur site et découvrir qu’ils sont, il suffit de se balader dans leurs locaux virtuels redessinés pour l’occasion…

^{AgencyNet.com}

Red-Issue.com

Dans ce site en full-flash, la navigation se fait au clavier (avec les flèches) ou en traçant à la souris le lieu où vous voulez vous rendre( uen flèche « > » pour aller à gauche par exemple). Original, oui c’est sûr… utile ? franchement non !

Red-Issue.com

TapTapTap.com

Ce site nous propose un design soigné avec une navigation basée sur les différentes icônes d’applis iPhone qu’ils développent. Un placement intéressant d’une barre de menu classique

TapTapTap.com

ericj.se

Ce site d’un designer suédois (qui semble aimer aussi le scooter) m’a clairement fait rire avec sa navigation plus qu’originale sous la forme d’un grand scroll horizontal.. à visiter absolument

^ericj.se

JohnnySlack.com

Proposant une interface sur deux niveaux : colonne et ligne, ce site permet de naviguer facilement de contenu en contenu. Cela me fait penser un peu à la Sony PSP (même si je n’en possède pas).. quelqu’un confirme ?

^{JohnnySlack.com}

Mobilux.eu

Ce site a attiré mon attention pour sa galerie photo présentée sous la forme d’une roue (qui tourne ). Simple mais plutôt originale…

^Mobilux.eu

Nickad.com

Vous connaîtrez peut-être déjà ce site que l’on a souvent vu cité comme « innovant » : la navigation se fait ici en laissant le clic droit enfoncé ce qui masque la page actuelle pour faire apparaître un menu où l’on navigue ensuite en glissant la souris.

Nickad.com

Ai interactive Media

Plus complexe à appréhender, ce site porpose une navigation basée sur des disques à drag & droper pour naviguer parmi les contenus. Original mais j’ai rapidement passé mon chemin…

Ai interactive Media

JonathanYuen.com

Ce site est aussi très connu et il y a de quoi ! Si vous ne l’avez jamais visité, je vous invite à le faire sans vous en dire plus afin de vous laisser apprécier le moment !

^{JonathanYuen.com}

MatthiasDittrich.com

Voici une navigation encore différente sur la base d’une colonne d’info où chaque ligne peut être dépliée pour accéder au contenu.

^{MatthiasDittrich.com}

Aigahonolulu.org

Ce site est un bon exemple de ce que l’on voit de plus en plus sur le web : une immense zone de contenue avec une vue zoomée et que l’on peut déplacer. Cela donne l’impression d’être sur un immense site Internet où l’on peut se balader…

Aigahonolulu.org

Sugarrhyme.com

Très belle navigation verticale pour ce site présentant des réalisations de graphismes. L’idée est bonne et la réalisation sympa (être graphiste, ça aide, y a pas de secret..)

^{Sugarrhyme.com}

Media5.ru

Même si la navigation de ce site est plutôt classique : un menu tout bête, les actions qui en découlent (animations, changement d’écrans, etc.) valaient le coup que je cite ce site ici, non ?

^Media5.ru

Merixstudio.com

Pour finir sur un site qui n’est pas en Flash (ben oui, on peut faire original, sans flash !), ce site propose un simple scroll horizontal ( un peu à la Apple) mais où j’ai particulièrement apprécié la bonne interaction avec la souris : à tester pour se rendre compte

^{Merixstudio.com}

La création de diaporama photo est habituellement réalisée par des logiciels dédiés ou des applications de gestions de photos permettant ce genre de création. De plus en plus, des services en ligne permettent ce genre de réalisation souvent sous le forme d’un simple lecteur de photos en flash ou Javascript exportable. Animoto va plus loin… beaucoup plus loin même en réalisant une vraie vidéo de vos photos en les animant en musique et de façon très moderne !

Exemple de diaporama réalisé avec Animoto.com

Plutôt que de vous faire un long discours pour décrire le rendu, je me suis amusé à justemment créer un diaporama avec quelques fonds d’écran Apple… le tout en 10min chrono. Voci le résultat :

^{Plutôt sympa non comme rendu final ?}

Fonctionnement du service

Concrètement, le service vous permet de créer des vidéos/diaporamas de 30 secondes (gratuitement mais payant pour plus long) à partir de photos sur votre ordinateur ou depuis Flickr, Facebook, Picasa, etc., de choisir ensuite une musique (libre de droit) depuis votre ordi ou depuis leur bibliothèque de musiques disponibles et puis vous laissez le service travailler… En quelques minutes, la vidéo est prête et vous pouvez l’exportez sur votre blog (comme ci-dessus), sur Youtube, la télécharger (payant).

^{Interface de création d’un diaporama}

Conclusion : un service à tester

Oui animoto.com est clairement un service à tester. Il est simple à utiliser (interface en full flash bien pensée), donne un résultat vraiment sympa (même dans sa version gratuite) et utilisable facilement. A cela s’ajoute une version iPhone pour faire vos vidéos depuis votre mobile (!!) et une version facebook. Enfin, la version payante permet encore plus de libertés avec la possibilité de télécharger le résultat final, de l’utiliser à des fins commerciales, ou d’utiliser le service en marque blanche et donc sans le logo d’animoto..

Vous en connaissez d’autres dans le même style ? Je suis preneur ^_^

je vous invite à découvrir ici un article de WebDesignerWall qui y compile une quizaine d'exemples de galeries photos en Flash plutôt bien pensées que ce soit d'un point de vue ergonomique, d'un point de vue graphique ou encore au niveau des animations… du plaisir pour les yeux…

Description du site : At Best Web Gallery, I occasionally come across good Flash sites. In this post, I want to feature the best photographer sites (with amazing photos …

Voir le site

Le site MyFonts a lancé récemment un nouveau service des plus utiles ! Il vous suffit d'uploader une image sur laquelle figure un texte dans une police que vous ne connaissez pas (mais dont vous aimeriez connaître le nom) et d'indiquer au service à quoi correspond chaque lettre (vous voyez un « b » indiquez « b ») et hop ! le site vous donne plusieurs possibilités pour trouver la police utilisée ! (ne marche pas encore très bien avec les polices manuscrites)

Description du site : Find, try, buy and download fonts from the world’s largest collection of fonts online. … Submit an image to WhatTheFont to find the closest matches in our database. …

Voir le site

Sur le conseil de Bastien (exotech.biz), j'ai découvert cette liste d'exemples de sites Internet proposant une navigation originale. Par originale, comprenez navogation qui sort de l'ordinaire et des classiques menus gauche ou haut. Une vraie mine d'or pour les graphistes, les ergonomes ou les simples curieux comme moi

Description du site : Navigation is the single most important part of web design. … Inspired in (Web Design) by Chad on April 7, 2009 … Designers are always looking to better …

Voir le site

L’iPhone a considérablement fait évoluer un ensemble de choses ou de pratiques : nouvelles interactions avec un téléphone, nouveaux usages, démocratisation du tactile (et multi-touch qui plus est), nouvelle perception des « widgets  » ou mini-apps, nouveau modèle économique, nouvelle utilisation du répondeur vocal mais aussi démocratisation réelle du web mobile.

Et dans ce dernier cas, les équipe Apple ont réussi quelque chose qu’ils n’avaient peut-être même pas imaginé au départ : faire développer aux plus grands sites Internet une version dédiée pour leur appareil. Quand on y réfléchit, c’est bien la première fois qu’un aussi grand nombre de sites prennent le temps et l’argent de proposer aux internautes une version dédiée pour un terminal mobile. Et attention, on ne parle pas d’une simple version mobile (et donc limitée) de leur site Internet mais bel et bien d’une version dédiée pour l’interface (graphique et tactile de l’iPhone).

En effet, même si une véritable petite révolution s’est faite sur la vente et la diffusion d’Apps pour l’iPhone (ce qui est peut être le plus beau coup d’Apple dans cette histoire),une autre révolution s’est faite sur l’Internet mobile. Tout d’un coup, naviguer sur Internet, accéder à du contenu riche (ok sans Flash), zoomer, dézoomer, bookmarker est devenu une vraie réalité sur un terminal mobile. Fini les reliquats du WAP et d’un Internet mobile qui n’en avait plus le nom qu’une réelle existence et Bienvenue à un Internet mobile, réinventé pour être une adaptation du web existant sans en limité les contenus ou les usages !

Je suis tombé cet après-midi sur un site dédié justement à ces versions pour iPhone des sites Internet et plus exactement à leur design. CSSiPhone.com est un site qui a un but simple : présenter une galerie de sites Internet en version iPhone. Pas d’explications, pas de tris ou de classements, juste une galerie de screenshots avec un lien vers le site original. Une très bonne occasion de découvrir à quel point les sites Internet ont su s’adapter mais aussi utiliser à bon escient les nouveaux composants et template graphiques proposés par Apple dès la sortie de l’iPhone… Je vous laisse découvrir cette galerie de version iPhone. De mon côté, c’est décidé, demain je craque…