logo

2 sites e-commerce

2 sites e-commerce

soiakyo.jpg

Voici deux site e-commerce faits en flash, qui ont l’avantage d’être très esthétiques et peut être l’inconvénient d’être tous les deux assez peu ergonomiques.

Mais qu’importe, rien que pour le plaisir des yeux et pour s’inspirer un peu, il est toujours agréable d’aller faire un tour sur de tels « jouets » e-marketing.

loworks_store.jpg
Le premier est celui de Soïa & Kyo : une marque de vêtement. Le site est très joli mais il est assez lourd, il n’est donc pas accessible à tous. Mais la présentation est agréable et les images sont belles.

le deuxième celui de Loworks, un site encore plus beau que le précédent, une impression papier buvard et des dessins naïfs colorés avec beaucoup de goût. Au niveau ergonomique et marketing c’est assez abstrait, difficile de savoir ce que l’on va trouver dans cet espace.

Moonk

moonk.jpgMoonk est une application de type web2 qui vous permet de monter des slides-shows, des vidéos et  des jukebox.  Outils toujours pratiques quand on a un besoin occasionnel.

SInon Moonk est assez décevant pour l’instant, il est peu paramétrable : ne serait-ce que pour le jukebox, il est impossible de faire en sorte que la musique ne démarre pas dès l’affichage de votre page. Un point pourtant important, qui me fait fuir, dès que j’arrive sur une page où l’on m’impose de la musique. Auntant laisser le choix à vos visiteurs !

sources :le blog de Florence Meichel

dessiner un code barre

codebarre.jpg

Voici un petit tutoriel fait par mes soins. Ce didacticiel Photoshop s’adresse aux débutants et permet de faire en quelques clics un code barre.

Rien de bien difficile, mais la méthode peut paraitre assez inattendue dans le sens où cela ne consiste pas à coller des barres les unes derrière les autres.

L’exercice est plus intéressant que le résultat, si vous cherchez à obtenir un code barre très réaliste et même fonctionnel, je vous conseille ce logiciel gratuit: code barre generator, qui vous permet d’exporter au format image votre résultat sur 13 chiffres.

Urge me

urgeme.jpgUrge me est un utilitaire en ligne qui doit bien avoir son intérêt puisqu’il existe. Il vous envoie un mail à une date spécifique pour vous signaler que vous avez un rendez-vous important ou quelque chose d’autre à faire.

Rien de nouveau, c’est vrai ! mais c’est sympa. Très simple, on rentre son adresse, l’action à programmer, la date et le tour est joué par retour de courrier. Plus tard, juste avant la date programmée, vous devriez recevoir un mail. Après cela, c’est à vous de jouer.

Check mon référencement

checkmonr__f__rencement.jpg

Check mon référencement est un outil en ligne qui vérifie les points techniques important pour avoir ses chances dans la course au référencement. Ce service est complémentaire d’autres outils plus spécialisés dans le benchmarking et les mots-clés.

Check mon référencement vérifie les balises Méta, la syntaxe des URL, le sitemap, le fichier robots, le contenu, les liens, le temps de connection. C’est déjà un très bon début ! Son grand avantage est qu’il ne nécessite pas d’installation et qu’il est rapide. A titre d’information, c’est toujours intéressant de voir comment est construit son site.

emandarine obtient 20/20, mais cela ne veut pas dire grand chose en matière de référencement. C’est surtout son positionnement sur un ou plusieurs mots-clés qui est important !

email temporaire

tempinbox.gif

Une solution simple et efficace pour éviter de polluer votre boite au lettre avec des « spams » intempestifs ou des messages que vous ne désirez pas. Surtout lorsque vous n’êtes pas sûr de là où vous mettez les pieds et que l’on vous demande une adresse email pour vous inscrire afin d’obtenir une information ou d’autres avantages qui vous ont amenés dans ces lieux.

Car il faut bien considérer que ce que vous obtenez « gratuitement »coûte parfois le prix de votre adresse email. Ce sont des produits d’appels, fruits d’actions webmarketing ciblées. Ces sites vous proposeront par la suite, et dans le meilleur des cas, d’autres produits ou services en phase avec votre requête de départ.

Beaucoup ont des adresses « poubelles » qu’ils utilisent dans ces cas précis, mais il faut là aussi (comme sur votre adresse principale) faire le ménage de temps à autre. C’est là qu’est tout l’intérêt de Tempinbox. Pas de ménage et l’accès à votre mail provisoire est très facile : pas de code et pas d’enregistrement, les messages disparaissent au bout d’un laps de temps sans que vous ayez à agir dans ce sens.

Hearwhere

hearwhere.gif

Voila un site très pratique si vous habitez dans une petite ville (comme Poitiers par exemple) et que vous avez envie d’en savoir un peu plus sur toutes les sorties possibles dans les 40 kilomètres et plus à la ronde de votre habitation.

Hearwhere,  entendre où, littéralement (comme quoi cela passe toujours mieux en anglais qu’en français), facilite la tâche. Votre adresse IP donne à ce moteur de recherche votre emplacement et hearwhere fait le reste et vous informe de vos futures sorties. Moi, je trouve cela épatant tout simplement.

Casse tête

bloxorz.gifJe profite du week-end pour présenter Bloxorz à ceux qui ne le connaîtraient pas encore. C’est un jeu de type casse tête. Le but de ce jeu est de mettre un bloc de marbre dans un trou. Ce bloc mesure deux unités du dallage de la surface de jeu. Il faut donc toujours calculer pour viser juste et ne pas tomber dans le vide. Ce n’est pas si difficile ! idéal, cela dit, pour oublier ce que vous faisiez avant. Parce que pendant un petit moment vous ne penserez qu’à ça.

Compas dans l’oeil

eyeballing.gif

Je sais que la métaphore « compas dans l’oeil » pourrait donner des mauvaises idées aux enfants mais c’est la seule traduction que j’ai trouvé pour « eyeballing« .

Comme Bloxorz, mais un peu plus scientifique, Eyeballing game est un jeu très intéressant pour tester vos facultés à vous situer dans l’espace ; trouver le centre d’un cercle, d’un triangle, trouver les angles égaux, évaluer une perspective, etc.

Jeux géographiques

jeu_geographique.jpg

Le blog d’emandarine, pour des raisons qui nous surprennent quand même un peu, est placé 3ème sur Google avec la requête « jeu géographique ». En décembre 2007, nous parlions d’un jeu/widget ludique et pédagogique qui vous permettait de situer des villes ou des lieux célèbres. Depuis quelques temps le site éditeur propose plusieurs jeux de ce style et en français : « Des jeux flash : quizz sur les pays du monde, sur les départements français, localisation des capitales ou des principales villes françaises et européennes.« 


Vous pouvez également mesurer vos connaissances du jeu World of Warcraft. Et bientôt, peut être, un jeu qui vous permettra de tester votre géographies du livre « le seigneur des anneaux ».


Sources : Online Formapro

L’histoire de l’internet

Une animation très pédagogique et très esthétique qui vous permettra, en seulement 8 minutes, de connaitre la finalement très méconnue histoire d’internet.

En anglais sous-titré.

source : le journal du Geek

Idée labs

orange.jpgLe concept est impressionnant d’efficacité et de pratique.

Si vous recherchez des images qui pourraient correspondre à la palette graphique que vous vous êtes fixé pour illustrer un site, un billet ou un exposé powerpoint (qui sait ?). Vous le trouverez certainement avec l’aide de ces outils.

  • Multicolor : fait une recherche à partir d’une ou de plusieurs couleurs.
  • BYO fait des recherches à partir d’une images que vous allez uploader. Il recherche des images aux couleurs similaires. (image du bas, recherche à partir d’une mes photos).

Les recherches se font sur la base de données du site Flickr ou sur la base payante d’Alami. Une « idée » qui complete celle de « Retrievr » dont nous avons parlé sur ce site.

rouge.jpg

source : Online Foad

Creatives Commons

De nombreux blogeurs, musiciens, photographes … utilisent l’une des licences de creatives commons. Certains pensent à tort que c’est une protection gratuite et palliative au copyright. Ce document explique clairement l’intérêt du creatives commons.
A voir pour en savoir plus sur un concept intelligent qui facilite le partage et les échanges sur internet.

Envie de vous soigner ?

facecorette.jpg

Si vous vous êtes rendu compte que vous passez trop de temps à répondre aux sollicitations de vos connaissances sur facebook au lieu de vous occuper de votre chat ou de travailler, par exemple… mais que vous n’avez pas la force de décrocher, alors vous aurez peut être eu une lueur d’espoir en voyant l’image de ce patch Facecorette.

C’est vrai qu’il s’agit d’un plaisanterie mais le seul fait de sa virtuelle existence vous aidera peut être à penser que vous n’êtes plus seul. C’est toujours ça de pris, en attendant l’arrivée prochaine d’un site spécialisé pour vous aider. Un site où vous pourrez enregistrer votre page personnelle, écrire vos humeurs du moment, chatter avec plein d’amis et parler ouvertement de votre addiction aux réseaux sociaux.

Visitez le site de Facecorette et depistez votre état de dépendance.

source : François thibaud.

Graffitis

enfant.jpgC’est une vision terrible, votre écran est « gribouillé », foutu … Pas de quoi avoir envie de rire en tout cas. C’est vrai, c’était une blague ! mieux une invitation à venir travailler avec vos enfants le jour du « Bring your kids to work days« .

Une sorte de street marketing qui risque pourtant de vous faire réfléchir à deux fois avant de venir avec vos enfants sur votre lieu de travail. A moins que vous commenciez à vous méfier de ceux des autres. Marqueurs et ciseaux interdits !

Source : Adgoodness

Générateur de Sprites

website_performance.gifNon, cela n’a rien à voir avec la boisson gazeuse. Le générateur de Sprites (Petit objet graphique) CSS permet de gagner du poids sur votre feuille de style.  Grâce à cet outil vous n’aurez qu’une image à télécharger pour votre site. Le générateur de Sprites s’occupe de vos images pour n’en faire qu’une seule  au format PNG. Une au lieux de plusieurs, ce qui rend plus rapide la lecture de votre page et cela sur n’importe quel navigateur. L’autre avantage : les images de vos boutons, par exemple, n’attendent pas que vous passiez votre curseur dessus pour se télécharger.

Bien que l’outil soit capable de vous donner tous les éléments nécessaires pour l’intégration des informations sur votre feuille de style, cela peut paraitre un peu complexe. Sur votre CSS cela donne quelque chose comme ça



Cette technologie est utilisée par Yahoo.

Juste une impression

impression.gifLa marque Essilor, qui fabrique des verres de correction, n’est plus à présenter. Tout le monde, qu’il ait des lunettes ou non, connait ce nom.Il n’empêche qu’Essilor s’offre un petit coup de e-marketing, sympa et à peu de frais, pour créer de la circulation sur leur site.

Six impressions optiques corrigées qui s’expliquent progressivement à l’aide d’un curseur. Le site s’inspire de l’existant, du ludique et d’un sujet en phase avec l’utilité de leurs produits. Simple mais il fallait y penser !

Source : e-learning Bretagne

Is it going to rain ?

yes.jpgLa réponse ne se fait pas attendre. D’ailleurs c’est vrai, il pleut sur Poitiers aujourd’hui.

Voici un site qui frise l’inutile, mais qui, non sans un certain humour, répond très correctement et très rapidement à votre requête :  « Va-t’il pleuvoir aujourd’hui ? « .

RIen à paramétrer, l’outil s’appuie sur votre adresse IP. N’espérez pas plus qu’un « Yes » ou un « No » et la température actuelle.

Spam

spam.jpgC’est seulement aujourd’hui que je découvre que le plus laid des mots d’internet « spam » a des origines franchement saugrenues et pour le moins inattendues :

Au commencement était un jambon en boite qui s’appelait SPAM (SPiced hAM). Ce produit, peu ragoûtant, a été l’objet d’un sketch des Monty Python. Durant celui-ci les humoristes parodiaient une publicité un peu trop répétitive de la marque « SPAM« . Le résultat a été largement plus fort que la publicité, le nom de la marque a été répété, sous tous les tons et même en chanson, plus de 100 fois  en quelques 3 minutes de total humour anglais.

Et pour finir, voici encore un mot qui va puiser des origines là où on ne les espérait pas !

Screentoaster

screentoaster.jpg ScreenToaster est un utilitaire online (de type Web2) qui vous permettra, à l’instar de Wink, de faire du screencasting. L’outil est assez étonnant, je m’attendais à quelque chose de lourd et donc de très lent et puis non. C’est même assez bon, l’image (au format avi) est de bonne qualité (même en grand) et le son et lui aussi très agréable. Le programme permet même d’uploader directement votre création sur Youtube. Bientôt, l’outil proposera l’enregistrement de votre tutoriel au format SWF. Un outil à suivre de près !

A noter, la méthode de webcommunication utilisée par l’équipe de ScreenToaster qui a su profiter des blogs et des commentaires afin de se faire connaître et de proposer une alternative à Wink.

Investiture vu du ciel

invest.jpgUne série de photos impressionnantes de l’investiture d’obama à la maison blanche. Mais, il n’y a pas que des photos vu du ciel, il y a celle vu d’Irak également qui valent la peine d’être vues.

Entre perplexité et émotion.

Retrouvez toutes les images sur le site « boston.com » en cliquant sur l’image.

Via : Nextbuzz

Résaux à vendre

angry_whopper.jpgMais non, il n’y a pas que des mauvaises choses sur Facebook, au contraire. D’un point de vue marketing c’est même une média très digne d’intérêt. C’est ce qu’a compris l’agence Crispin Porter & Bogusky qui a imaginé de faire un buzz à tout petit prix pour le lancement d’un hamburger.

Le but de l’opération marketing est d’informer la cible de la sortie du « Angry Whopper » par le biais du fameux site. Vous allez voir que la technique est simple : Pour cela la marque crée un membre nommé « Angry Whopper » qui n’est rien d’autre que le nom d’un gros hamburger… il est vrai qu’un hamburger n’a rien à faire sur un réseau social, mais là n’est pas la question. La société fait savoir que si vous arrivez à placer 10 « Angry Whopper » parmi les membres du cercle d’amis de votre réseau vous gagnez l’équivalent de la coquette somme de … 3.69 $ !
A ce jour 230 000 personnes sont amis avec un hamburger, l’idée est très intéressante et elle est surtout terriblement rentable sur plusieurs niveaux :

(suite…)

Engagement Facebook

facebook.jpgFacebook « s’engage à ne pas charger, publier, transmettre, partager, stocker ou diffuser de toute autre manière sur le site un contenu préjudiciable, menaçant, illégal, diffamatoire, non autorisé, abusif, injurieux, malveillant, vulgaire, obscène, frauduleux, portant atteinte à la vie privée ou aux droits à l’image, odieux, incitant à la violence, à la haine raciale ou ethnique ou autrement répréhensible « … Mais voici que surgissent, en même temps, deux histoires que Facebook aurait certainement préféré ne pas avoir à s’occuper :

Fin décembre 2008 la direction de Facebook décide de supprimer les photos de femmes allaitant leur enfant sur ses pages. Tous ces seins dénudés correspondaient certainement aux adjectifs « vulgaire et obscène » de la charte Facebook.
Au même moment, le site héberge les pages de fans clubs qui font l’apologie de Bernardo Provenzano (6000 adhérents) et Toto Riina (seulement 4000 adhérents) tous deux mafieux notoires et commanditaires de l’assassinat du magistrat italien Paolo Borsellino en 1993. Facebook ne réagit pas, peut être que cette fois, aucun des adjectifs de cette charte ne s’adapte à ce cas : ni menaçant, ni injurieux (même pas pour la famille du magistrat tué) et ne représente ni de près ni de loin une incitation à la violence !

Pas de chance pour Facebook qui aura eu à gérer un très mauvais timing dans ces sales histoires « d’ordre moral ».

Pour en savoir plus
sur la gestion des sites de fans de la mafia sur Facebook
sur les photos d’allaitement

Ligne de code

pastie.jpgPour ceux qui aimeraient partager occasionnellement quelques lignes de code, sans pour autant faire des retouches dans leur feuille de style : je vous conseille « Pastie« . Outre la simplicité de l’opération, l’outil permet de générer un fichier « .txt » que vos lecteurs pourront télécharger avec la touche RAW.

L’outil est très pratique mais il se peut que le résultat sur votre site déborde sur la droite : des lignes de code trop grandes dépassent du cadre de Pastie et s’étalent sur tout le reste de votre page. Il y a un moyen bidouillage pour palier ça : rajouter une valeur « overflow-x:scroll » juste avant de coller le script que vous aurez généré.

L’exemple, le résultat et le code :

Référencement

referencement_1.jpgLa raison d’être d’un site internet commercial, ou non, est d’être visité, pour cela il faut se faire connaitre des moteurs de recherche et de votre public cible.

Mais c’est tout un travail, c’est même beaucoup de travail parfois : pour se lancer dans une activité de référencement naturel de site il faut avoir soit du temps, soit de l’argent. Si vous avez l’argent vous pourrez faire en sorte que d’autres s’en chargent à votre place. Mais comment être sûr que le travail a été fait correctement ? D’autant que les résultats escomptés ne sont pas visibles tout de suite après. Et si vous avez le temps, il vous manque peut être les connaissances nécessaires pour mener à bien cette tâche.

Heureusement, une fois de plus, vous trouverez sur Internet presque toutes les « ficelles » de ce métier. Par exemple : le site d’Abondance, qui propose quelques liens pour des « tutoriels » PDF spécialisés dans le référencement.

eCulture

eCulture.jpgUn clip qui donne la tendance actuelle des TIC dans le monde de la formation initiale : « Comment allez-vous inclure l’eCulture dans vos programmes de formation ?« .

Force est de penser que l’avenir de la formation continue suivra cet exemple, question de génération et de nouvelles compétences d’apprentissage. Le monde de la formation ne sera plus celui que nous avons connu. Ce n’était certes pas un mauvais modèle, mais celui de l’apprentissage via l’interactivité, l’image et la liberté de construire son propre parcours de formation à travers des objectifs spécifiques semble être plus en phase avec les attentes présentes et futures.
Voilà de quoi rendre le monde du e-learning encore plus optimiste et plus créatif.

Pour en savoir plus sur le projet : Ynternet.org

Design resources

designresources.jpgVoici un moteur de recherche basé sur google, spécialement destiné au designer en tout genre.

Le bougre m’a surpris ; je ne m’attendais pas à de tels résultats ! Bon il est vrai que je n’avais rien de particulier à chercher, mais alors que je faisais, sans trop y croire, une recherche sur le mot « ajax », je me suis retrouvé avec une flopée de liens plus magnifiques les uns que les autres : tutoriels, scripts et j’en passe. Le genre de recherches qu’il vaut mieux lancer les dimanches pluvieux, aux risques de ne pas décoller de votre ordinateur.

Noir c’est Noir

charbon.jpgCela ressemble à un jeu de piste dans un monde dur et inquiétant : le monde du charbon en Chine. Il y a du son, des images, des films, de l’interactivité et surtout des personnes qui souffrent et qui travaillent dur pour une bouchée de pain.

Nous vous avions parlé de ce que faisait Géo sur leur site :deux web-reportages très intéressants (1 et 2). Cette fois c’est Le Monde qui propose de mener vous même l’enquête sur le terrain. Des rencontres poignantes de vérité et des images aussi proches de la réalité que cela est possible.

Dans le reportage un ouvrier dit que s’ils continuent à creuser ils finiront par arriver dans un pays étranger ; entre la plaisanterie et le rêve d’être ailleurs. Je me souviens de mon enfance, alors que l’on nous disait que si nous creusions très profond dans la terre nous finirions par arriver en Chine… En attendant, ce sont eux qui creusent !

Grey and black Marketing

e_marketing.jpgNon, tout n’est pas rose sur internet, ça on le savait déjà, pour être au top il faut jouer des coudes (grey marketing) et peut être même parfois des poings, sans lésiner sur quelques coups de pied bien placés (black marketing), ces mêmes coups qui font mal et qui peuvent rapporter gros. Il y a bien quelques risques, mais dans cette jungle où Google fait autorité, il est bien difficile d’obtenir réparation, une fois que le mal est fait : cela dure !

Voici une vidéo-conférence animée par Philippe Floch, consultant e-marketing, qui vous en dira plus sur les pratiques et les techniques e-marketing des entreprises.

sources : conseil créateur

Absolute beginners

askunce.jpgAskunce propose gratuitement sur son site des tutoriels screencasting pour les débutants du net. Des gestes simples qui semblent maintenant évidents aux « scotchés devant leur(s) écran(s) » que nous sommes. Il n’empêche qu’il existe  des utilisateurs très occasionnels ou, parfois, franchement pas doués ! Ceux-là même qui affirment ne rien y comprendre, et qui n’hésitent pas à vous appeler dès qu’ils ont « planté » leur ordinateur…  Justement, voilà de quoi commencer à comprendre.

Maintenant, je ne sais plus si tout ceci est du e-learning ou s’il faut l’appeler autrement, quoiqu’il en soit ça marche en tant qu’objet de formation.

Source e-learning-info : qui en profite pour officialiser le mot « tutoriaux ».

Marketing pédagogique à la BNF

bnf.jpgLa Bibliothèque Nationale de France (BNF) commence à proposer des vidéos de formation qui sont également des produits marketing de ses services en ligne.

Vous pouvez découvrir trois produits :

Je trouve que les modules de formation sont très bien faits, pas trop longs. Ils permettent d’appréhender les services en peu de temps et de découvrir la richesse de la bibliothèque. J’apprécie beaucoup les sous-titres et les illustrations du contenu.

Mondrian et la CSS

mondrian_1.jpgRécemment j’ai eu à expliquer comment faire une feuille de style (CSS) à quelqu’un. Je lui expliquais qu’il n’était question au début que de mettre des petits rectangles dans des grands. Un peu comme replacer des sucres dans une boites, ou mieux des aimants dans une boite en fer.

Pour mettre cela en application, il m’est venu l’idée de recréer une œuvre de Mondrian sans aucune image, juste avec un peu de code. Cela m’a semblé plus visuel et cela s’avère être un bon exercice d’apprentissage de la CSS, (suivront d’ailleurs des tutoriels à partir de ce thème).

La première image que j’ai trouvé sur le net m’a parut idéale. Si ce n’est que les bordures ne vont pas jusqu’au bout. Qu’importe, j’avais commencé, je l’ai donc fini en respectant ces « contraintes ».

Les évolution de la CSS nous permettrons peut être un jour de faire autre chose que des blocks carrés ou rectangulaires. Lorsque cela arrivera je m’attaquerais peut être à Guernica.

L’histoire des choses

story_of_stuff.jpg

Entre la télé et la formation, The story of stuffs, explique le cycle des objets et la société de consommation dans laquelle nous nous trouvons.

Je ne rentrerai pas dans le détail au niveau du contenu même si je le trouve intéressant. Ce qui m’intéresse ici c’est la manière de travailler et de faire passer un message compliqué tout en restant bref et clair. Très bien illustré, vous allez pendant 20 minutes en savoir un peu plus sur une des facettes de notre société de consommation. Le site propose également d’autres supports ainsi que des forum de discussion dans le but de mieux se former et s’informer.

vous retrouverez en deux partie, ICI et LA, la version sous-titrée.

Tutoriels pour « Wink »

wink_tutoriel.jpgWink n’a pas évolué depuis la dernière fois où nous en avons parlé sur ce site, mais il reste une bonne alternative à des logiciels plus chers. Il permet d’intégrer du son à une capture d’écran animé, aussi facilement qu’on le souhaiterait.

Le logiciel est assez ergonomique et simple à prendre en main, mais une petite aide sera certainement appréciée pour certains : c’est ce que vous propose l’académie de Créteil.

Attention lors de la création de vos tutoriels de ne pas exagérer sur le temps, même si c’est animé et qu’il y a du son on décroche très facilement. Faites attention également de ne pas obliger les « apprenants » de votre screencasting de cliquer chaque seconde, cela peut vite devenir lassant.

Autre tutoriel, celui-ci est fait avec Wink pour Wink.

Créer facilement son favicon

favikon.jpgLe « favicon » est cette petite image qui se trouve sur les onglets de votre navigateur et qui, en plus du titre, désigne votre page. Il est en quelque sorte la touche finale de la création de votre site. Le détail ultime qui fait de votre site un site fini.

Mais voilà, ce n’est pas si facile à faire, il mesure 16×16 pixels : c’est dire à quel point il est carré et petit ! C’est d’ailleurs cette petitesse qui le rend difficile à concevoir. Lorsque l’on part d’une grande image on a du mal a se rendre compte à quel point cela sera laid et méconnaissable au résultat. Attendez vous donc à plusieurs essais.

C’est là qu’entre en jeu Favikon, qui facilite on ne peut plus la création et l’intégration du favicon. L’interface est ergonomique et les résultats sont rapides. Favikon ne permet pas les favicons animés, mais bon ce n’est vraiment pas grave !

Packaging écolo

emandarine.jpg

Sur 3D-box maker vous pourrez faire en quelques clicks un packaging  non polluant pour afficher et promouvoir vos productions.

L’image est un outil marketing très important et il est vrai que la 3D rend presque palpable ce qui ne l’est pas, une sensation que nous n’achetons pas du « vent » mais bel et bien quelque chose de concret.

Ces formes de packaging virtuelles sont d’ailleurs largement utilisées sur internet pour des offres de services.

Mappes monde vectorielles

monde.jpgVous trouverez sur le site de Wikipedia, des mappes monde au format SVG. Ces cartes, téléchargeables sur votre ordinateur, peuvent être ouvertes par n’importe quel navigateur, mais peuvent être également transformées par des logiciels prenant en charge le vectoriel (Illustrator par exemple).

Très complètes, elles intègrent les pays avec leurs frontières et leurs territoires et départements d’outremer : en selectionnant la France vous mettrez en surbrillance la Guyane, la Réunion… et bien sûr la Corse (qui devrait rester française encore un petit moment !).

Patterns

bgpatterns_1.jpgC’est vrai que j’aime ce genre de petits outils pratiques que l’on trouve régulièrement sur le web. D’autant que ce n’est pas toujours aisé de réaliser un fond bariolé qui colle vraiment. Bgpatterns vous propose de créer vous même le fond de votre site et de le tester. L’outil est paramétrable et propose plusieurs possibilités.

ava7patterns.jpgPuisque j’y suis, il y a aussi Ava7patterns, Backgroundlabs et DinsPattern, pour ceux qui préfèrent chercher que créer (question de temps ou d’envie !). Sur ces trois sites vous trouverez de très jolis fonds bariolés, un peu plus complexes que sur bgpatterns.

dinpattern.jpgAva7paterns propose un outil de recherche par couleur ou par formes, Backgroundlabs par mots clés et couleurs, Dinspattern vous permet de les essayer sur son site. Sur ces quatre sites vous trouverez surement ce que vous cherchez.

40 ans aujourd’hui

Douglas_Engelbart_Souris.jpgIl y a 40 ans, aujourd’hui, que la souris a été présentée officiellement par son inventeur Douglas Engelbart lors de la conférence des société d’informatique. Cela se passait le 9 décembre 1968, à l’université de stanford en Californie. L’objet, en bois, n’a pas encore de boule et encore moins de laser, il calcule avec deux roues la position X et Y (horizontal et vertical) du curseur sur l’écran.

Ce n’est que beaucoup plus tard que seront commercialisés les premiers ordinateur munis d’une souris : le « Lisa » d’Apple en 1983. Elle est maintenant un objet incontournable et de plus en plus ergonomique.

Source : Libération

Photoshop unplugged

photoshop.jpgReconstituer les outils et le bureau de Photoshop CS4 de manière non virtuelle (pour changer) c’est bien évidemment possible mais au prix d’un sérieux travail de reconstitution. Bien sûr, il s’agit d’une action marketing pour ce programme que l’on ne présente plus et qui a su se rendre indispensable.

Cliquez sur l’image pour la voir en grand et vous trouverez en cliquant ici la page flicker d’Art Snob Solutions qui présente le « making off » de cette reconstitution.

Pour continuer dans le culte de Photoshop, vous trouverez ici, juste pour le souvenir, les images des différents logos de ce programme au cours des âges.

source : adgoodness

Optimiser son référencement

sphere_1.jpgComme le pilote d’un avion avant son décollage, le site « action-rédaction.com » vous propose d’effectuer une check-list de votre site et ainsi de répondre aux nombreux critères impératifs pour bien positionner votre site sur les moteurs de recherche.

Tout y est pour optimiser votre référencement et faire de vous l’un des premiers, et pourquoi pas le premier, sur quelques mots clés.

Les explications, point par point, sont très claires à condition tout de même de savoir de quoi il est question.

(suite…)

Animateur web polyglotte

Voici un widget sympathique : il permet d’animer une page d’un site ou d’un blog, il peut également s’utiliser pour compléter une animation pédagogique ou une petite action publicitaire.

Les plus créatifs trouveront d’autres alternatives à ce widget gratuit et complètement paramétrable, qui lit du texte ou s’adapte à votre voix enregistrée via votre micro. Le widget de Voki est capable de lire dans de nombreuses langues et il propose également de nombreuses voix, quelques accents (notamment canadien. C’est sympa !).

Le seul défaut est que le widget est limité en caractères et en temps d’enregistrement. D’un autre côté, on ne vas pas lui demander de raconter sa vie !

marketing alternatif

marketing_alternatif.jpgUn site aussi intéressant qu’utile quand il est question d’inspiration : le blog du « marketing alternatif« .

Le marketing alternatif ou comment « créer de véritables connexions émotionnelles avec la cible pour développer un puissant « bouche à oreille» en utilisant des supports et des opérations originales dans la rue et sur internet … » . Un concept marketing puissant qui profite des technologies actuelles : Internet, appareils photos numériques et téléphones portables (maintenant les trois réunis dans un même boitier)…  qui permettent de faire facilement circuler une action marketing qui n’aurait pu n’être que local et faire durer dans le temps ce qui n’était que temporaire.

Le blog (Édité par la société Tribeca) « marketing alternatif » illustre très bien ce concept et démontre à quel point certains créatifs du marketing méritent leur salaire.

Rss vector

rss_1.jpgVous avez peut être déjà eu envie de dessiner vous même votre image RSS. Mais c’est parfois assez long de faire le petit rond et les 2 quarts de cercle qui sont au dessus.

Histoire de vous concentrer sur ce qui entoure le logo RSS je vous propose de télécharger ce tracé vectoriel suivi d’un petit tutoriel (si nécessaire) pour intégrer le logo Rss parmi vos formes sur photoshop.

(suite…)

Générateur de balises meta

meta generator_1.jpg Les balises <meta>, vous le savez certainement, sont très importantes en matière de référencement naturel. Certains CMS proposent des outils pour les remplir à partir du back office. D’autres non ! alors j’ai construit un petit outil PHP et javascript pour faciliter cette « fastidieuse tâche » qui consiste à écrire entre les guillemets, sans se tromper tout en faisant attention aux accents.

Je le mets à disposition de ceux qui en auront besoin. Ce n’est pour le moment qu’une version Beta qui fonctionne très bien sur tous les navigateurs récents, mais qui pourrait être complétée, ne serait-ce que pour les infos-bulles explicatives.

L’outil Meta Generator a été fait pour faciliter ce petit travail : Les accents sont HTMLisés et il ne reste qu’à écrire les mots clés dans les champs, pour que l’outil génère des <meta> prêtes à être mises entre les balises <head>.

Gmail en couleur

gmail.jpgPetite surprise ce matin sur la page d’enregistrement de Gmail : des couleurs autres que le bleu habituel. Ce sont des choses que l’on remarque : les pages de Google sont en général très minimalistes en matière de couleurs.

Mais ce n’est pas tout l’interface de la messagerie s’habille et se customise avec des thèmes que Gmail met à la disposition de ses utilisateurs. Ca change !

Vladstudio

vladstudio.jpgVlad Gerasimov vous connaissez certainement, peut être pas de nom, mais vous avez certainement déjà croisé sur Internet quelques unes de ces oeuvres. Il s’est fait connaitre en proposant, en toute simplicité, des fonds d’écran. Il propose également, sur son site Vladstudio, des tutoriels photoshop, dans lequel il montre comment il s’y est pris pour réaliser ses images.

Ce qui est surprenant, ou exotique pour moi, c’est que Vlad, qui n’aura que 28 ans en janvier 2009, vit dans la ville d’Irkutsk, en russie à quelques 87 heures de Moscou en transsibérien… en pleine Taïgua à quelque 66 kilomètres du lac Baïkal.
Taïgua, lac Baïkal, transsibérien … Pas étonnant qu’il y ai autant d’onirisme dans ses dessins !

Stipemania

stripe_mania.jpgLe principal avantage de StripeMania sur les autres outils de ce genre, est qu’il permet de créer autant de bandes qu’on le souhaite,  de faire des dégradés et cela en un temps record.

J’aime ce genre d’outils web2, parce qu’ils sont sérieusement pratiques, lorsqu’on a besoin d’un background rapide, bien fait et quis’accorde, surtout,  parfaitement avec l’image qui suit.

Optimiser sa CSS

cssoptimizerimg.jpgVoici quelques sites sur lesquels vous allez pouvoir offrir un régime amaigrissant et un lifting clarifiant à votre feuille de style (CSS) et cela, dans le but altruiste et esthétique visant à afficher plus rapidement le style de votre site.

Ces outils utiles pour les webdesigners facilitent la lisibilité de votre page, par vous même et par les navigateurs. Cependant même si vous n’obtiendrez aucune validation W3C pour votre CSS sur ces pages, ces outils devraient vous aider à mieux comprendre les résultats du test CSS validator W3C.

  • En Français :

cleancss.jpg CleanCss :

paramétrable et efficace (basée sur CSStidy)

  • En Anglais


flumpcakes.jpg flumpcakes
:

(au logo plus qu’étrange !) efficace


cssoptimizer.jpgcssoptimiser:

très simple d’utilisation mais peu paramétrable

  • Pour ceux qui voudraient leur « optimizer »

csstidy.jpgCSStidy à télécharger sur le site de sourceforge.net et à placer sur votre site :exemples : deux autres sites français : floele et codebeautifier