Les 5 applications photo incontournables de ce début d'année

L'année 2011 aura incontestablement été marquée par le succès d'Instagr.am qui a initié une véritable révolution dans l'usage de l'appareil photo grâce à la personnalisation par filtres. L'application a alors été souvent copiée mais rarement égalée. 2012 est synonyme de rupture avec l'apparition d'applications aux fonctionnalités inédites. Entre habillage et retouche photo, découvrez des nouveautés à couper le souffle !

Cinemagr.am

De loin, l’application incontournable de ce mois de février, Cinemagr.am dont le nom et les fonctionnalités principales ne sont pas sans rappeller le très populaire Instagr.am, s'apprête à révolutionner votre appareil photo ! Outre la possibilité d’ajouter des filtres à vos clichés, Cinemagr.am vous permet de les animer en les transformant en gifs. L’application vous demande de choisir une zone précise à animer, donnant un aspect subtile et poétique à votre animation. On évite alors l'impair du gif sorti tout droit des années 90. Pour les plus sceptiques, voici quelques exemples en images !

Cliquez pour visionner l'animation

Cliquez pour visionner l'animation

Disposable Hipstamatic

La plus vintage des applications photo revient avec une version qui ravira les amoureux de l’argentique ! Disposable Hipstamatic propose en effet de capturer l’instant en revisitant le principe de la pellicule photo. Il vous faudra donc finir les 24 poses pour pouvoir découvrir le résultat. L’application reste néanmoins ancrée dans la modernité en vous permettant de partager la pellicule (et l'expérience) avec vos amis comme avec de simple inconnus. 

Grid Lens

Enfin une application qui allie l'utile à l'agréable, Grid Lens vous permet de prendre plusieurs photos et de les assembler pour n'en faire qu'une ! Après avoir choisi une grille parmi les différents modèles proposés, il vous suffira de choisir les photos que vous souhaitez voir apparaître au sein de votre montage. L'application offre également la personnalisation de ses clichés à l'aide de filtres. Mention spéciale à Grid Lens qui est compatible avec Instagr.am !

Phoster

Envie d'épater votre entourage ? Cette nouvelle application est faite pour vous ! Phoster vous propose d'habiller vos photos grâce à sa librairie de gabarits. Au total 37 modèles de visuels qui vous permettront de réaliser en toute simplicité de véritables posters.

Remove

Jusqu'ici, les outils de correction photo des applications restaient relativement limités (luminosité, flou, yeux rouges), la sortie de Remove fait alors figure de révolution en permettant à l'utilisateur de supprimer tous les objets indésirables de sa photo. L'application met donc un terme à l'âge d'or du photobombing puisqu'il sera désormais possible d'effacer toute personne indésirable. Encore à l'état de prototype, l'application imaginée par l'entreprise Scalado devrait être directement intégrée au sein de smartphones. Affaire à suivre dans les semaines à venir...

Mélanie G.

Vidéoblog, le média participatif de demain ?

Blog vidéo, videoblog ou encore vlog (contraction du terme video et blog), nombreux sont les blogueurs qui ont recours à cette nouvelle forme de communication se rapproche du média télévisuel, de plus en plus prisé. Les raisons ? Les prix du matériel vidéo ont baissé, la qualité des appareils photo reflex est bien souvent largement suffisante pour produire des billets vidéo, les logiciels d'édition sont devenus plus accessibles. De nombreux freins à la création vidéographique ont donc été levés, et ont permis la création de blogs de qualité. L'essort des webTV et des plateforme vidéo ainsi que l'amélioration des connexions internet y sont également pour beaucoup.

L'avantage d'un vidéo blog sur une simple chaîne Youtube, par exemple, est qu'il vous permettra d'enrichir vos vidéos de données annexes, telles que des textes, des photos, ou des liens vers des ressources externes. Enfin, le vidéo blog - ou l'insertion régulière de billets vidéos au sein de blogs "classiques" - s'adapte facilement à tous types de sujets : mode, humour (c'est par ce biais que plusieurs jeunes humoristes se sont fait connaître), cuisine, actualité, jeux vidéo ou encore blogs de voyage. Le podcast vidéo (ou vodcast) est bien sûr un medium de choix pour les vidéos pédagogiques et les tutoriels.

Nous avons sélectionné quelques exemples de vidéo blogs de qualité, centrés sur des thèmes tous très différents :

Blog trotters 

Cette expérience associative lancée en 2006 par deux passionnés propose un blog vidéo de leurs voyages. Centré autour de sujets de société, les blog trotters parcourent le monde pour proposer des reportages participatifs. Depuis son lancement, et avec une dizaine de reportages effectués, le blog a reporté plusieurs prix journalistiques.

Seby Rollins 

Ce vidéo blog personnel du journaliste et réalisateur Sébastien Raynal propose des vidéos de très grande qualité sur des thèmes variés tels que les jeux vidéos, les arts culinaires, les smartphones, le web ou le cinéma. 

Whiteboard Friday 

De loin le rendez-vous incontournable des passionnés de référencement, ce vlog est animé par Rand Fishkin, co-fondateur de l’entreprise américaine et site d’actualités SEOMoz. Chaque semaine, l’expert aborde en vidéo une problématique SEO avec pour unique support un tableau blanc rempli de notes et schémas. Alors que le sujet et la forme peuvent laisser présager un cours magistral des plus rasoirs, Rand Fishkin le rend ludique et captivant en agrémentant son propos d’exemples et de notes d’humour. Et si vous êtes toujours sceptiques quant à l’aspect attrayant d’une vidéo 100% référencement, voici un extrait en images !

Quels sont les éléments nécessaires à un bon blog vidéo ?

• s'inspirer du travail des autres : Il existe aujourd'hui de nombreux blogs vidéo de grande qualité. Prenez le temps d'étudier le style des blogueurs dont le travail vous plait afin de mieux les comprendre et d'en tirer les enseignements nécessaires pour votre propre blog, tout en gardant, bien sûr, votre identité propre.

• être passionné par son sujet  : Si l'ennui du rédacteur peut déjà facilement transparaître dans un texte, c'est encore plus flagrant à l'écran. Il est impératif de choisir des sujets pour lesquels l'on possède un réel intérêt, afin de transmettre cette passion aux visiteurs. Et si, en plus, la vidéo reflète la personnalité de son auteur, c'est un pas supplémentaire pour fidéliser son audience.

• préparer un script : Un plan de tournage bien préparé permet d'éliminer une bonne partie des accidents fréquents et de réduire le stress inhérent à ce genre d'exercice. Pensez également, quand cela est possible, à répéter votre vidéos afin d'identifier d'éventuels tics de langage ou mouvements du corps parasites. Evitez par contre d'apprendre un texte par cœur qui semblera "récité" et risque d'ennuyer votre audience. Notez simplement quelques points important afin de ne rien oublier. Et ménagez-vous toujours des moments d'improvisation qui vous garantiront une part de spontanéité. 

• éviter les longueurs : Les vidéos les plus courtes sont souvent les meilleures. L'internaute peut être rapidement distrait, il est donc préférable d'en venir rapidement au fait. Selon une étude conduite par Yahoo! en novembre 2011, les vidéos de moins de 5 minutes sont les plus appréciées. En effet, au sein du panel interrogé, 71% des internautes avaient vu une vidéo courte dans les dernières 24h, contre 9% qui avaient regardé un film, et 20% un programme de télévision. N'oubliez pas non plus que la limite d'upload est de 15 minutes sur Youtube, 500 MB par semaine sur Viméo et de 20 min et 2 Go sur Dailymotion. 

• privilégier la qualité : Même sur le net, les visiteurs sont aujourd'hui habitués à un niveau de qualité relativement élevé : qualité des images et du son, fluidité du montage, etc. Une vidéo qui ne correspondrait pas à ces canons aurait donc peu de chance de succès. A l'inverse, ne proposez pas non plus de vidéos trop lourdes qui risquent de prendre trop de temps au chargement et vous ferait perdre des visiteurs. Ne recherchez pas la perfection, surtout au début. Demandez conseil à des blogueurs plus expérimentés, et faites-vous aider. C'est avec l'expérience que vous parviendrez à maîtriser tous les aspects du vidéo-blogging. 

• adapter son matériel à son sujet : Dans certain cas, il peut être préférable de privilégier la mobilité à la qualité. Bon nombre de défauts peuvent être rattrapés au montage si l'on dispose d'un bon logiciel, il serait donc dommage de passer à côté d'un sujet intéressant ou inédit à cause d'une caméra trop encombrante ou mal adaptée au terrain. Comme toujours, il est important de trouver le bon compromis, et surtout un matériel que vous maîtrisez et avec lequel vous vous sentez à l'aise.

• adopter une stratégie de diffusion "multicanal" : En plus d'une publication sur votre blog ainsi que sur les réseaux sociaux, ne négligez aucune plateforme vidéo. Les internautes sont souvent fidèles à leur plateforme de prédilection, alors même si vos préférences personnelles vous portent plutôt sur Viméo pour sa qualité, ne négligez pas Youtube qui reste le principal canal de diffusion, et vice-versa. En laissant au visiteur le choix du canal, vous aurez toutes les chances de toucher une plus large audience. 

Alors, envie de vous lancer ?  Quels sont les blogs vidéo qui vous inspirent ?

Stéphanie M.

Hyuro, le street art aux formes oniriques

Après avoir consacré un premier volet sur le street art espagnol à travers le portrait d'Escif, le peintre révolutionnaire, découvrez aujourd'hui son alter ego féminin, Hyuro dont les oeuvres sont une véritable invitation au voyage.

Albal, Espagne (2010)

Originaire d'Argentine, l'artiste vit depuis trois ans en Espagne, plus précisément à Valence où sa rencontre avec une figure phare du street art va bouleverser sa vie. Outre l'admiration qu'elle voue pour le travail de l'artiste Escif, ce dernier va la convaincre de passer de la peinture sur toile à la réalisation de fresques en milieu urbain. A l'instar d'Escif, les oeuvres de Hyuro se caractérisent par la finesse de leur exécution et leur sobriété.

(2010)

Son passage de la toile à la rue est également synonyme de profonds changements au sein de sa démarche artistique. Dès son arrivée en Espagne, Hyuro choisit de laisser de côté l'art strictement décoratif en privilégiant le fond à la forme. Même si son style se veut évolutif, l'artiste s'applique à rester dans des teintes sombres afin de sensibiliser davantage le public au message véhiculé.

Valence, Espagne (2011)

A travers ses réalisations, Hyuro évoque des sujets qui la touchent directement telles que ses peurs et inquiétudes. Des maux universels que l'artiste illustre à l'aide de personnages évoluant à mi-chemin entre un monde réel et onirique. Quant à la réalisation de l'oeuvre en elle-même, Hyuro laisse peu de place à l'improvisation, des croquis sont réalisés en amont afin de limiter le temps d’exécution ainsi que la marge d'erreur lorsqu'elle se retrouve en face du mur. L'artiste ne donne d'ailleurs aucun nom à ses oeuvres qu'elle se contente simplement de numéroter, une manière de laisser libre le choix de l'intepretation à tout spectateur.

Escif x Hyuro (2009)

Outre l'admiration qu'elle voue à son mentor Escif, Hyuro a eu l'occasion de signer avec lui de nombreuses fresques. Une complémentarité évidente qui ressort dans chacune de leurs collaborations, où les univers se rejoignent avec perfection en démultipliant la force des thématiques abordées.

Difficile alors de ne pas voir en Hyuro, le pendant féminin d'Escif dont la poésie et l'onirisme ont su donner au street art espagnol ses lettres de noblesse.

Mélanie G.

Expositions interactives, quand le multimedia investit les musées

Musée interactif ou exposition multimedia, de nombreuses structures tentent depuis quelques années le virage du multimédia afin d'inciter les jeunes à pousser leurs portes ou à découvrir de nouvelles formes artistiques. Que ce soit dans la conception ou dans la scénographie de leurs expositions, ou simplement dans leur communication, ces musées ont décidé d'innover. Même s'il reste encore du chemin à parcourir, passons en revue quelques unes de ces initiatives qui méritent d'être saluées.

En France...

• Le musée du Quai Branly

Avec une muséographie résolument moderne, le musée du Quai Branly fait figure de modèle dans le renouveau des espaces d'exposition. Cette démarche de proposition d'une expérience nouvelle trouve également sa continuité dans les documents multimédias qui sont proposés au public. Extraits de films, photographies mais aussi scènes de la vie quotidiennes viennent illustrer une période ou une civilisation. Des installations interactives permettent au visiteur d'être immergé dans le sujet. 

A noter : de nombreuses ressources multimedia sont également disponibles sur le site du musée, dont une "visite" 3D permettant de visualiser certains objets du musées en volume, des programmes interactifs ainsi que des "albums" de certaines collections sont proposés en versions mobiles pour tablettes.

• Historial Charles de Gaulle

Véritablement centré autour de l'outil audiovisuel et l'utilisation du multimedia, l'historial Charles de Gaulle a poussé très loin le concept d'interactivité. Le parcours du visiteur suit le parcours historique qui n'est présenté pas sous forme d'objets mais de documents d'archives ou de décryptage, sonores et visuels, qui le rendent bien plus vivant. La scénographie a été conçue pour apporter au musée un aspect pédagogique et ludique bien loin des musées "à l'ancienne". Avec une salle multi-écrans, des alcôves permettant une démarche plus individuelle et volontaire d'approfondissement de l'exposition et des dispositifs interactifs disponibles tout au long de l'exposition, l'historial Charles de Gaulle a de quoi séduire les visiteurs de musées les plus réticents... A noter : un espace pédagogique très riche est proposé sur le site internet du musée, afin de préparer au moins la visite pour les plus jeunes.

• Tim Burton, l’exposition - Cinémathèque française

Conçue par le Museum of Modern Art de New-York en 2009, et présentée à partir du 7 mars à la Cinémathèque Française, l'exposition Tim Burton a été conçue pour refléter les nombreuses facettes artistiques du célèbre réalisateur américain. Une rétrospective intégrale de ses œuvres (mais également des projections de films choisis par Burton) sera naturellement associée à l'exposition présentant de nombreux dessins, peintures, photographies, sculptures, costumes et extraits de films. Mais l'aspect le plus innovant de cette exposition se retrouve dans sa stratégie de communication. En effet, chose rare, une bande annonce a été créée par l'artiste lui-même pour promouvoir l'exposition, et une très jolie chronologie interactive de la carrière de Tim Burton est proposée sous forme de timeline sur le site de la cinémathèque, avec des images, la bande annonce de chaque film ainsi que des renvois vers leurs fiches respectives sur le site spécialisé IMDB. A noter : un concours de film d'animation autour de Tim Burton et de son œuvre est organisé par la cinémathèque en association avec Dailymotion. Tous à vos tablettes !

Exposition Tim Burton à la Cinémathèque... par lacinematheque

… et à l'étranger

• L'International Spy Museum de Washington

L'International Spy Museum de Washington est l'un des plus riches musées consacré à l'histoire de l'espionnage dans le monde. Il présente les techniques, les outils et l'histoire de l'espionnage sur près de 6 000 m². L’interactivité a bien sûr été un médium de choix pour ce type de sujet puisque les nouvelles technologies ont pris une place prépondérante dans l'histoire de l'espionnage au fil du temps. Des présentations audiovisuelles expliquent l'importance de maintenir une bonne couverture pour ses activités d'espionnage ou comment mettre en place des écoutes efficaces... A noter : pour les anglophones, de nombreux jeux et missions dignes des plus grands espions sont proposés sur le site du musée.

• Le 9/11 Memorial de New York

Situé sur l'emplacement des tours du World Trade Center, le 9/11 Memorial est destiné à rappeler à la mémoire de chacun ces événements tragiques. De nombreuses installations interactives et participatives y sont proposées, afin que chacun puisse découvrir et partager son expérience autour des attentats du 11 septembre. A noter : une application mobile est proposée par le mémorial afin de guider le visiteur et de lui rappeler les événement qui ont eu lieu.

Gageons que ces initiatives devraient se multiplier dans les années à venir afin de moderniser la muséographie. Et vous, avez-vous eu l'occasion de découvrir des installations interactives ?

Stéphanie M.

BeMyApp, les week-ends 100% applications mobiles

Vous avez une idée d'application mobile révolutionnaire, mais aucune compétence en développement ? Vous êtes designer et vous aimeriez approfondir vos compétences dans le domaine du design d'apps ? Vous ne connaissez rien à tous ça mais vous aimeriez beaucoup savoir comment on crée une application pour smartphone ? Les week-ends BeMyApp sont pour vous !

 Le concept : réunir des profils variés (développeurs, designers, créatifs et porteurs d'idées, webmarketeurs, chefs de projet, artiste, etc...) le temps d'un week-end pour créer de A à Z des applications mobiles inventives. Les idées sont présentées en une minute le vendredi soir. Celles qui sont retenues par le jury disposeront de 48h pour leur mise en œuvre. Une équipe se forme autour du porteur d'idée pour mener à bien une première version du projet. Le dimanche soir, un groupe professionnels décerne le prix du jury, tandis qu'une équipe de bêta-testeurs pré-sélectionnée élit celui du public. Certains projets seront ensuite accompagnés par des sponsors afin de les peaufiner avant leur sortie publique.

Mais au-delà de la création d'applications, le but principal des week-ends BeMyApp reste l'échange. Des profils aux compétences très diverses se retrouvent le temps d'un projet autour d'une idée qui les séduit, et s'enrichissent aux contacts des autres. Le concours, dont l'inscription est entièrement gratuite, permet aussi de tisser des liens et d'étendre son réseau professionnel. C'est aussi l'occasion de découvrir de nouvelles techniques, que l'on soit débutant ou spécialiste des applications mobiles.

 A ce jour, une vingtaine d'applications ont déjà été créées lors des week-ends BeMyApp, et ce pour différents types d'OS mobiles tels que iOS, Android, Bada, Windows Phone et même en HTML5. Des concepts particulièrement intéressants ont ainsi vu le jour, autour de sujets variés tels que la géolocalisation de lieux adaptés aux personnes handicapées (Tel est ton mobile, une application android créée dans le cadre d'un week-end spécial Téléthon) ou le suivi de vos résultats scolaires en direct sur votre smartphone (Study + pour iPhone). C'est aussi lors des week-ends BeMyApp qu'ont été développées deux applications que nous vous avions déjà présenté : Alerte Fièvre qui vous aide à contrôler votre état de santé et Food Reporter qui vous permet de partager vos découvertes culinaires avec vos amis.

La nouveauté, pour 2012, c'est l'organisation des App'Olympics. En guise de clin d'oeil aux jeux olympiques de Londres qui se tiendront cette année, le concours BeMyApp aura lieu entre les 24 et 27 février, dans 7 villes simultanément : Paris, Londres, Zurich, Berlin, New-York, Dallas et San Francisco. Pour la France, c'est à L'IESA Multimedia que se tiendra la compétition. Au terme de chaque concours national, un vainqueur sera désigné pour participer à la finale internationale. Le choix du grand gagnant dépendra du vote des internautes, et la médaille d'or sera décernée le 1er mars. Les dotations du concours sont pour le moment gardées secrètes, mais les prix devraient être à la hauteur de la compétition. Des idées ?

Stéphanie M.

Candy Chang, ambassadrice du street art participatif

Véritable ovni du street art, Candy Chang utilise l'art comme vecteur de lien social entre les habitants d'une ville. Participatives et empreintes de poésie, ses oeuvres n'existent qu'à travers la création conjointe de l'artiste et du passant. Portrait d'une urbaniste altruiste dont les rêves sont devenus réalité.

D'origine taïwanaise, Candy Chang se définit avant tout comme une artiste nomade dont les rêves et projets n'ont pas de frontières. Elle grandit dans l'Ohio et débute sa vie d'adulte à New York où elle fait de brillantes études. Diplômée de la très célèbre Columbia University en architecture, graphisme et urbanisme, la jeune femme a alors l'assurance d'une carrière pavée de succès. Cependant après un passage au New York Times en tant que graphiste, Candy Chang quitte les Etats-Unis pour l'Europe et voit sa vie complètement bouleversée. Alors qu'elle travaille dans la recherche en design pour la multinationale Nokia, l'artiste doit faire face à une série de drames dans son entourage proche. Loin des siens, elle prend alors conscience du caractère éphémère de la vie et de l'irréversibilité du temps qui passe. Désireuse de vouloir partager sa passion pour l'urbanisme avec le plus grand nombre, l'artiste démissionne et choisit la Nouvelle Orléans comme lieu d'expérimentation. Candy Chang a alors pour projet de transformer l'espace urbain à l'image de ses citadins en s'inscrivant dans une démarche participative.

"I wish I was"

A son arrivée à la Nouvelle Orléans, l'artiste remarque un nombre considérable de magasins vacants dans son quartier lui rappelant ses années passées à New York où elle se plaisait à imaginer quelle nouvelle enseigne apparaîtrait. Or trop souvent, Candy Chang était frustrée de découvrir un énième salon de coiffure alors qu'elle souhaitait par dessus-tout une librairie... Elle décide alors de détourner le célèbre sticker "Hello my name is" en invitant les habitants de la Nouvelle Orléans à y inscrire leur lieu rêvé.

un des lieux témoin du projet "I wish I was" (novembre 2010)

Très rapidement, les devantures de ces lieux désertés se remplissent d'autocollants aux souhaits réalistes comme utopiques. Certains passants engagent même une discussion par stickers interposés, l'un se proposant par exemple de financer le souhait d'une éventuelle boulangerie dans le quartier. Candy Chang prend alors conscience de l'impact de son installation face à l'enthousiasme provoqué.

"Before I die"

Toujours dans l'optique de créer du lien social au sein de l'environnement urbain, Candy Chang métamorphose une bâtisse abandonnée en véritable lieu de rendez-vous. Les murs recouvert d'ardoise, la maison devient un tableau noir sur lequel les passants sont invités à confier leur ultime souhait avant de quitter ce monde. Munis d'une craie, chacun complète alors la formule "Before I die" donnant à l'installation une résonance particulière. 

Projet "Before I die" (2011)

Une fois rempli, l'artiste immortalise le tableau et l'efface faisant de ce projet une toile infinie où chacun peut y apporter sa contribution. Face à l'ampleur du succès de cette installation, de nombreuses villes à travers le monde telles que San Diego, Amsterdam, Lisbonne ou encore Londres ont elles aussi souhaité tenter l'expérience.

Neighbourland

Après le passage de Candy Chang, nul endroit ne demeure déshumanisé. Même déserté, l'artiste prouve qu'il est toujours possible de créer du lien social. Cette dernière s’intéresse également au voisinage, un  terme souvent barbare dans les grandes villes. Avec "Neighbour doorknob hanger", Candy Chang décomplexe la rencontre entre voisins en permettant d'instaurer un dialogue de manière ludique.

 "Neighbourland" est quant à lui, un outil en ligne spécialement crée pour recueillir les idées d'habitants au sujet du développement de leur quartier. Artistique et citoyen, ce projet permet de donner une autre approche de la politique d'une ville dont les citadins seraient les acteurs principaux.

A travers ses installations empreintes de poésie, Candy Chang prouve que les murs ont une âme qu'ils soient habités ou désertés et que les passants ne cesseront jamais de les faire parler.  

Mélanie G.

20 outils pour aider les jeunes développeurs à créer leur site internet

Il n'est pas toujours facile quand on débute dans la création de sites internet de trouver les outils et les services qui nous permettent de gagner du temps et de travailler plus efficacement. Nous avons sélectionné 20 utilitaires pour aider les jeunes professionnels du web.

Poser les bases de son projet :

• Choisir son CMS :

Il est aujourd'hui de plus en plus fréquent d'avoir recours à un CMS pour créer son site internet. Plus pratique et mieux conçu, c'est souvent une solution de premier plan pour créer un site solide et esthétique. Il existe une multitude de CMS, le choix du logiciel idéal pour votre projet n'est donc pas des plus aisé. Pour vous venir en aide, vous pouvez notamment vous référer à cette infographie sur les trois principaux CMS opensource ou consulter le livre blanc des 200 questions pour choisir un CMS.

• Créer sa charte graphique :

Nous vous avons déjà présenté l'outil Kuler, proposé par Adobe. C'est l'un des meilleurs utilitaires pour vous aider dans la création de la charte graphique de votre site. Grâce à lui vous pourrez créer des harmonies graphiques élégantes à partir de votre logo ou d'une photo, ou bien puiser l'inspiration auprès des membres de la communauté.

Créer une maquette :

• Composer une grille :

Un site donne toujours une impression plus professionnelle quand son design est structuré sous forme de grille. Pour vous aider à créer la grille qui correspond le mieux aux besoins de votre site, Modular Grid est l'outil qu'il vous faut. Il vous suffit d'indiquer quelques paramètres de votre grille (largeur du site, nombre de colonnes, largeur de la gouttière, etc.) pour que ce site génère pour vous un modèle correspondant parfaitement à vos attentes. Il ne vous reste plus qu'à le télécharger dans le format de votre choix. Une extension est également disponible pour créer votre grille directement dans Photoshop.

• Prévoir ses espaces publicitaires 

Quand on souhaite monnayer son site internet, il est primordial de prendre en compte la taille et l'emplacement des encarts publicitaires dès les premières étapes de la conception de son site, afin de s'éviter toute mauvaise surprise. En effet, les publicités sur le web répondent à des normes strictes. Pour connaître les formats standards des encarts, vous pouvez consulter l'aide de Google pour les formats de publicités Adsense, ou encore les recommandations de l'IAB sur les formats publicitaires classiques.

• Choisir ses icônes 

Si vous n'êtes pas un pro du webdesign, la création d'icônes personnalisées pour votre site risque de poser problème. Heureusement, il existe de nombreux sites qui proposent des packs d’icônes gratuits, tels que la PNG Factory, ou encore le site Icon Finder, une véritable mine d'or. Attention cependant à bien choisir le type de licence correspondant à votre projet.

• Trouver la police qui correspond à votre projet :

La recherche de la typographie idéale est une quête de longue haleine. Pour vous aider dans vos recherches, il existe de nombreux sites proposant des polices gratuites. Parmi ceux-ci, Dafont et son catalogue de plus de 12 000 typos s'impose comme l'une des références en la matière. Vérifiez bien là aussi quelles sont les conditions d'utilisation de votre police.

Développer son site :

• Coder :

Plus convivial que le simple bloc-note, l'utilitaire Notepad ++, grâce à ses nombreuses options de coloration syntaxique, d'indentation ou de recherche vous permettra de créer ou de modifier votre code plus facilement.

• Créer ses feuilles de style :

Primer CSS se charge de générer automatiquement votre css à partir du code HTML que vous lui avez indiqué. Vous récupérez ainsi un squelette vide avec vos classes et vos attributs, et il ne vous restera plus qu'à les décrire.

• Débuter en HTML5 :

Grâce à cet aide-mémoire des tags HTML5, le nouveau et très prometteur standard du web n'aura plus de secrets pour vous. L'infographie propose également un très utile récapitulatif de l'état de compatibilité des navigateurs avec le HTML 5.

• Innover grâce à la CSS3 :

Envie d'ajouter un dégradé, des bordures arrondies ou encore cette jolie police que vous avez trouvé sur Dafont à votre site ? Exit les images, grâce à la CSS 3 vous gagnez en accessibilité et en référencement et le CSS3 Generator vous permettra de créer le code correspondant à vos envies.

• Préparer ses emplacements textuels :

Pour ne pas perdre de temps dans le développement de votre site en attendant d'avoir les textes définitifs de vos pages, vous pouvez utiliser du texte de remplissage tel que le fameux lorem ispum ou, pour une utilisation plus avancée, le html ipsum qui vous fournira tout le code nécessaire au type de texte qu'il vous faut.

• Utiliser des images de remplissages :

Si vos photos ou vos illustrations ne sont pas encore prêtes mais que vous souhaitez tout de même préparer vos pages, pourquoi ne pas faire appel au service Placehold.it ? Il vous suffit de choisir la taille de votre image, sa couleur ou encore un texte d'accompagnement, et de récupérer le code généré pour le placer sur votre site.

• Générer ses mentions légales :

Étape peu attrayante mais pourtant indispensable dans la création d'un site internet, vos mentions légales peuvent être facilement générées grâce aux modèles fournis par le site de la CNIL. Juste quelques cases à cocher et il ne vous restera plus qu'à les personnaliser.

Tester et débugger :

• Tester la compatibilité sur les navigateurs...

Le service Adobe Browser Lab vous aidera à tester la compatibilité de votre site avec tout type de navigateurs, des plus anciens aux plus récents. Le meilleur moyen de vérifier comment votre site sera perçu par les internautes. Attention, ce service deviendra payant à compter du mois d'avril 2012.

• … et sur les terminaux mobiles :

De plus en plus d'internautes consultent aujourd'hui le web depuis leur téléphone portable, leur tablette et bientôt par le biais de leur télévision connectée. Pour leur éviter une expérience désagréable en arrivant sur le vôtre, et risquer de perdre des visiteurs définitivement, testez le rendu de votre site sur les différents types de terminaux mobiles grâce aux services emulateur mobile pour les smartphones, ou screenfly pour tous les types de terminaux mobiles.

• Tester l'accessibilité :

Il est primordial de vérifier si votre site sera bien accessible à tous types de visiteurs. Heureusement, il existe un outil très efficace et simple d'utilisation : la plateforme Wave. Grâce à elle, vous pourrez tester et facilement visualiser les éléments de votre site qui n'auraient pas été optimisés pour l'accessibilité web. Il ne vous restera plus qu'à apporter les correctifs nécessaires pour faire de votre site un modèle d'accessibilité.

• Valider son site :

Pour garantir la qualité et l'accessibilité de votre site, il est nécessaire de vérifier qu'il est bien en adéquation avec les spécifications des standards du web édictés par le W3C. Le W3C Markup Validation Service vous permettra de valider à la fois votre code HTML, mais aussi vos feuilles de style grâce au W3C CSS Validation Service.

• Débugger en ligne :

Une fois votre site en ligne, le plus simple pour traquer les bugs ou essayer quelques modifications est de recourir à l'extension Firebug pour Firefox. Grâce à ses fonctionnalités avancées, vous pourrez facilement faire vos tests avant de les appliquer à votre site.

• Tester le temps de chargement des pages :

La vitesse de chargement d'un site tient une place des plus importantes dans son référencement par les moteurs de recherche. Un site trop lent pourra être pénalisé, même si son code et son contenu ont été optimisés pour le référencement. Pour vous éviter ce genre d'impair, tester le temps de chargement de vos pages grâce à des outils en ligne tels que Yottaa. Cet utilitaire aux fonctionnalités avancées calculera le score de votre site et vous permettra même de simuler son temps de chargement pour plusieurs zones géographiques.

• Votre site internet et Google :

Pour voir votre site comme Google le voit, vous assurer qu'il ne présente aucun obstacle majeur pour être correctement référencé et tester votre sitemap avant de la soumettre aux moteurs de recherche, vous pouvez utiliser les Google Webmaster Tools qui vous aideront à en savoir plus sur l'indexation de votre site.

Vous voilà désormais armés pour développer votre premier site internet. Et pour les créateurs les plus aguerris, n'hésitez pas à partager vos astuces dans les commentaires.

Stéphanie M.

Du développement à l'utilisation, tout ce qu'il faut savoir sur les Spotify Apps

Le 30 novembre 2011 a marqué une nouvelle ère pour le leader du streaming musical avec le lancement de Spotify Apps. Depuis lors, les utilisateurs de Spotify ont pu tester une quinzaine d'applications aux concepts des plus variés. Que vous soyez développeur ou utilisateur, le collectif Digitives vous offre une visite guidée de cette nouvelle fonctionnalité.

Soucieux de vouloir faire oublier la polémique engendrée par ses nouvelles conditions d'utilisation signant la fin du tout gratuit illimité, le géant suédois a su rebondir en proposant à la communauté de développeurs de participer à une nouvelle expérience d'écoute.

Pourquoi développer une application Spotify ?

Avec plus de 10 millions d'utilisateurs actifs et une présence dans douze pays, Spotify a tous les atouts pour attirer les développeurs les plus inventifs. Outre la visibilité mondiale offerte par la plateforme, le catalogue de ressources, riche de 15 millions de titres, est mis à disposition avec en prime la garantie d'une écoute intégrale des morceaux. Un véritable terrain de jeu pour tout développeur qui pourra exploiter l'ensemble des œuvres musicales proposées en toute légalité.

Comment créer sa propre Spotify app ?

A l'instar de l'Appstore, le processus de développement est soumis à des règles strictes et la distribution de  l'application n'est possible qu'après accord préalable de Spotify. Ceci explique le nombre réduit d'applications actuellement disponibles, ne concernant pour le moment que les partenaires officiels (Pitchfork, The Guardian, Rolling Stone etc.).

Spotify encourage néanmoins tout utilisateur passionné de musique à se livrer à l'expérimentation en lui proposant des ressources d'aide au développement sous forme de documentation, de kits et de tutoriels. La plateforme utilise également les langages de programmation communément utilisés pour le développement d'applications (Javascript, HTML et CSS) et met à disposition un kit de ressources d’éléments de design afin de garantir une cohérence au sein de son interface native.

Outre la documentation fournie, les développeurs bénéficient aussi du soutien de la communauté avec la création d'un topic dédié à Spotify Apps sous la forme de questions/réponses.

Comment soumettre son application ?

Avant de se lancer dans toute création d'application, la plateforme requiert l'obtention d'un compte Spotify Developer. L'inscription est rapide (identifiant spotify et email), l'activation, encore manuelle, peut elle prendre 1 à 3 jours. Pour espérer voir son application diffusée, un formulaire doit être soumis renseignant les informations la concernant (concept de l'app, régions géographiques ciblées etc.).

Comment Spotify a intégré ses apps ?

Après avoir installé la version 8.1, à l'ouverture du logiciel Spotify, l'utilisateur peut constater l'arrivée de cette nouvelle fonctionnalité dans la barre d'outils se situant à gauche : "APPLIS".

Il est désormais possible de faire une recherche d'applications directement via le menu. S'offrent à l'utilisateur plusieurs choix : un simple preview qui permet de se faire une idée de l'app en question ou alors l'installation au sein de l'interface spotify via le bouton "add application to sidebar". L'installation n'est qu'anecdotique, pas d'achat requis ni de temps d'attente, en un clic l'app s'ajoute au menu.

Quelques exemples de Spotify apps :

We are Hunted

Cette application propose de naviguer entre les différents tops musicaux. Les statistiques sont générées par les utilisateurs de réseaux sociaux, les blogueurs ou autres twittos. Le site s'enquiert de glaner ici et là les derniers morceaux en vogue à travers une interface attractive. L'application puise dans la base de données de Spotify pour proposer une écoute intégrale. We are Hunted permet un filtrage par genre, idéal pour faire de nouvelles découvertes. Un moyen fiable pour être en phase avec ce qui se fait de mieux en ce moment. 

 Last.fm 

Le site de scrobbling qu'on ne présente plus s'est offert le luxe d'apparaître parmi les Spotify Apps. Les utilisateurs de last.fm seront forcément séduits puisque l'app présente des fonctionnalités qui enrichissent l'expérience d'écoute et de scrobbling. Les non-subscribers seront les plus ravis car l'écoute sur last.fm n'est possible qu'en preview.. Grâce à l'application last.fm sur Spotify, les utilisateurs peuvent désormais écouter les recommandations, les titres et albums récemment écoutés, ou encore leurs coups de coeurs, basés sur les statistiques du compte.

D'autres applications valent également le détour tels que Songkick qui permet de se tenir au courant des concerts prévus dans votre coin grâce à un scan de votre bibliothèque Spotify et Soundrop qui propose d'écouter de la musique à plusieurs en créant des salons par genre.

Justine P.

Museek #7 : L’Otamatone

Contrairement aux précédents articles de la rubrique Museek dans lesquels nous avons pu découvrir des instruments qui demandaient des compétences en bricolage relativement avancées, nous allons aujourd’hui découvrir un instrument que l’on peut trouver dans le commerce, mais qui n’en est pas moins geek : l’Otamatone.

Cet instrument en forme de note de musique et dont l’extrémité sphérique représente une tête de bonhomme a été créé en 2009 par Maywa Denki pour le Tokyo Toy show. Il s’agit d’un instrument électromécanique. En effet, pour en jouer, le musicien doit placer un doigt sur le manche de la note (la hauteur défini la note, comme pour la guitare) puis presser la tête du bonhomme (ce qui lui fait ouvrir la bouche) afin de produire un son. Comme l’explique le créateur sur un site dédié à l'Otamatone : « It creates "waaaah"-like singing sounds ». Regardons sans plus attendre une vidéo de démonstration :

L’idée de reprendre un air joué généralement par une cornemuse n’a pas été choisie au hasard, vu la sonorité de l’instrument. Comment ça, c’est pire qu’un Vuvuzela ? Vous êtes dur, mais soit, je vous l’accorde, il y a des passages assez douloureux pour les oreilles ! La vidéo suivante montre l’utilisation de l’Otamatone sur un morceau où il s’en sort un peu mieux mélodiquement. Et admirez au passage la splendide chemise du musicien très raccord avec l’instrument !

Amis bassistes ne soyez pas tristes, le créateur de l’Otamatone a aussi réalisé une version « Jumbo » beaucoup plus grosse, et avec des sons légèrement plus graves. Pour en jouer, le musicien doit se servir d’une pince serre joint. Voici un bel exemple de ces capacités avec ce massacre absolument atroce de l’hymne américain :

En noir, blanc, bleu, jaune ou encore rose, il est disponible dans les bonnes crèmeries (comprenez magasins de geek vendant des objets totalement inutiles donc indispensables !) pour environ 30€. Donc si vous voulez « Whaaaaaaaaahiser » vos chansons cultes et briller en société (ou pas !) vous savez ce qu’il vous reste à faire !

Yves G.

5 bonnes raisons d'adopter Pinterest

Un nom présent sur toutes les lèvres depuis le début de l’année et qui semble être annonciateur d’un phénomène mondial bien parti pour durer. Fort de plus de 7 millions d’utilisateurs, Pinterest a su séduire le plus grand nombre en offrant une dimension sociale à la curation.

Pinterest, le réseau social visuel

Issu de la fusion des termes “pin” et “interest”, Pinterest invite l’internaute à "épingler ses intêrets". Un principe qui prend tout son sens lorsque l’on découvre le tableau (de bord) sur lequel sont affichées toutes les trouvailles de l’utilisateur collectées au fil du temps. Ces dernières pourront ensuite être rangées au sein d'albums classés par thématiques.

Pinterest remplace alors le bon vieux frigo envahit de post-it en ajoutant au passage une touche sociale à la collecte.

5 bonnes raisons de l'utiliser

1. La curation décomplexée

Si la curation résonne encore comme un terme barbare à vos oreilles, Pinterest est alors fait pour vous ! Basé sur le même principe que ces deux prédécesseurs Svpply et Fancy, l'internaute endosse le rôle d'agrégateur de contenus multimédia. Le site se démarque toutefois à travers une approche de la curation moins ésotérique. Fini le cloisonnement, Pinterest s'offre le luxe d'allier curation et plateforme sociale en vous permettant de partager vos goûts et intérêts avec le plus grand nombre sur vos propres réseaux.

2. Archiver en toute tranquilité

Vous désespérez face à la quantité d'images en tout genre stockées sur votre ordinateur ? Vous croulez sous   le nombre de marques pages présents au sein de votre navigateur ? Pinterest vous vient en aide en devenant le lieu idéal pour collecter toutes vos trouvailles et cela sans limite de stockage !

3. Epingler facilement ses goûts et envies

Beaucoup d'entre vous ont sûrement cessé de compter les heures perdues à retrouver l'url d'un site qui vous avait plu, la recette que vous vous étiez promis de tester ou encore la photo de l'année perdue à jamais dans le trou noir de votre historique... Avec Pinterest, le cauchemar n'est plus qu'un vague souvenir grâce à son système de d'albums classés par thématiques. Vous pourrez donc créer autant d'albums que vous avez de centres d'intérêt, tout cela en quelques clics.

4. Partager ses passions en toute simplicité

Pinterest offre la possibilité d'inviter d'autres membres à rejoindre  vos centres d'intérêt pour vous aider à les enrichir de médias. Certains utilisent même cette option dans le cadre de leur travail, très utile dans le cas de l'élaboration d'un carnet de tendances.

5. Retrouver un environnement familier 

Une grande partie du succès de Pinterest repose sur son fonctionnement calqué sur les principaux réseaux sociaux tels que Twitter ou Facebook. L'internaute, toutes tranches d'âge confondues, n'est donc pas dépaysé en étant invité à "liker" un pin, à re-pin un média qu'il a aimé et à le commenter, autant de termes qui font écho à ceux utilisés par les plateformes concurrentes.

Lancé en 2010, Pinterest reste encore aujourd'hui accessible uniquement sur invitation privée. Loin d'être un frein, ce système confère un caractère exclusif et continue d'éveiller la curiosité des internautes. Les membres actifs sont eux à forte majorité féminine, le site ayant permis de révéler une nouvelle catégorie d'internautes : les digital mums. Une simplicité d'utilisation qui a su séduire ces utilisatrices qui ne privilégiaient jusqu'ici que les réseaux sociaux généralistes.

Et vous, êtes-vous prêt à adopter Pinterest ?

Mélanie G.

Offrez du bonheur !

En ces temps troublés où l'on ne sait pas vraiment qui de la crise ou de l'apocalypse aura raison de nous en premier, il est bon de conserver un peu d'optimisme et de poésie dans son quotidien. Pour vous aidez à maintenir ce cap parfois difficile, nous sommes allés chercher de bonnes idées sur le web, et nous avons retenu un service au concept étonnant et généreux : Gift a Stranger.


L'idée : envoyer le cadeau de son choix à un parfait inconnu, quelque part dans le monde, au hasard.


Un concept très simple, et une mise en pratique qui l'est tout autant. En effet, il suffit de vous rendre sur le site et d'indiquer votre nom, votre ville et votre pays. Il vous est ensuite demandé de spécifier quel sera votre cadeau et d'uploader une photo. Le site va ensuite vous fournir une adresse aléatoirement, et il ne vous suffira plus que d'imprimer cette adresse pour la mettre sur votre colis, ou bien de demander au site de vous en fournir une autre si la précédente ne vous satisfait pas.

Les adresses fournies par le site sont récupérées grâce au service de géolocalisation de Google Maps. Votre colis ne portera comme destinataire que la mention "The happy person living at" (on plaint le facteur qui devrait choisir un habitant particulier dans le cas d'un immeuble...). Votre don viendra ensuite s'ajouter à tous ceux qui ont déjà été envoyé par le biais de Gift a Stranger.

Ce bel exemple d'altruisme a été imaginé par la talentueuse agence de communication belge Happiness Brussels qui a récemment fait parler d'elle pour son beau projet The safest new Year.

Découvrez le concept de Gift a Stranger en vidéo :



Et vous, quels sont les projets qui vous inspirent ?

Stéphanie M.

Le top 10 des meilleures cartes de voeux 2012

Ça y est, le mois de janvier est passé, plus besoin de souhaiter une bonne année à tous ceux que vous croisez. Cette période est une source d'inspiration pour les agences de communication qui rivalisent d'inventivité pour se démarquer dans leurs vœux. Nous en avons profité pour faire le tour du web à la recherche des cartes les plus inventives et les plus originales.

La plus apocalyptique : The last greeting card ever de Buzzman

Buzzman, l’agence de publicité derrière l'immense succès de la publicité interactive pour Tipp-Ex est restée fidèle à sa réputation en créant une carte de vœux basée sur un concept plutôt gonflé et détonnant, qu'on vous laisse découvrir par vous-même...

La plus web : We believe in... de Soleil Noir

L'agence parisienne Soleil Noir a frappé fort avec cette carte interactive drôle et élégante qui rappelle le travail épuré du graphiste Vahram Muratyan. En mettant à profit intelligemment les technologies du web, Soleil Noir nous propose une série de tableaux mettant en scène les bonnes résolutions que nous devrions tous prendre pour la nouvelle année, telles que croire en ses idées et miser sur le futur.

La plus 8-bit : Publicis

Au rayon originalité et inventivité, Publicis n'a pas été en reste cette année. Pour leur carte vidéo, ils ont misé sur le décalage et la culture geek et nous livrent des vœux très humoristiques. Le suspens est préservé jusqu'au dénouement final qui ne manquera pas d'enchanter les amateurs de musique.

La plus "ça ira mieux en 2012" : EURO RSCG C&O

L'agence de communication Euro RSCG C & O a choisi de revenir sur une année 2011 très chargée sur le plan de l'actualité. Un bilan minimaliste tout en stop motion qui balaie les événements marquant de l'année qui nous permettront, espérons-le, d'en tirer les conclusions qui s'imposent pour 2012.

La plus zen : HNY 2012 de MNSTR

Et si nous placions justement la nouvelle année sous le signe de la relaxation ? MNSTR nous invite à la détente en nous déconnectant pendant 60 secondes pour profiter d'un sublime voyage dans la nature avant de retrouver nos bonnes vieilles habitudes.

La plus fluorescente : Best Wishes 2012 de Future Creation

Une idée poétique et une réalisation artisanale pour les vœux de l'agence Future Creation. Ou comment être inventif avec trois fois rien.

La plus en rythme : Dance Soca Dance de My client is rich

Un support en plein revival (le gif, LA tendance de 2012), une playlist funky, des pulls en jacquard (autre tendance prometteuse de cette nouvelle année), nos amis de chez My Client Is Rich ont frappé très très fort...

La plus barrée : Meilleurs veaux d'Intuiti

Qui n'a pas passé des heures, devant une carte de vœux vierge, à chercher comment tourner de façon originale une formule ô combien galvaudée. Intuiti a su détourner cette frénésie créatrice qui assaille tout communiquant en période de fêtes pour produire LA carte qui saura faire toute la différence. Il se pourrait bien qu'ils aient trouvé une piste intéressante...


La plus hivernale : Flocons de l'année 2012 d'Artkode

Originale et participative, la carte de vœux de l'agence Artkode vous permet de créer votre propre flocon de neige et de le soumettre au vote des internautes. Et l'inspiration n'a visiblement pas manquée quand on regarde la galerie des créations des visiteurs !


La plus Digitives :

Grâce à l'inventivité de notre graphiste Laurence Bentz, nous vous avons nous aussi proposé nos vœux personnalisés et très digitaux. Un seul mot d'ordre : en 2012, soyez connectés !

Et vous, quelles sont vos cartes de vœux préférées ?

Stéphanie M. & Mélanie G.