Metablog 92

3 clés de succès pour créer votre site web

2015-03-17T12:04:00.005+01:00

Il existe aujourd'hui de nombreuses plateformes qui vous permettent de réaliser vous-même et facilement votre site web. Votre objectif consiste à ce qu'il soit repéré par les internautes et fréquemment consulté. Voici quelques recettes efficaces !

lire la suite sur planete-auto-entrepreneur.com

Repenser les réseaux sociaux

2015-02-08T14:15:00.000+01:00

Document de présentation pour un nouveau regard sur le Web social"

Pratique de l'impression 3D

2015-01-02T16:44:00.002+01:00

A découvrir sur Bibliovox

Le guide essentiel pour imprimer en 3D

La révolution de la fabrication personnelle est en marche. Mais pour y prendre part, quelle imprimante 3D choisir et comment l'utiliser au mieux de ses possibilités ? Quels types d'objets peut-on modéliser et fabriquer ? Avec quels matériaux ? Destiné aux makers en devenir, cet ouvrage 100% pratique répondra à toutes les questions que l'on est en droit de se poser devant sa machine.

Comparatif exclusif des principales imprimantes 3D disponibles en France, panorama des différents modeleurs et slicers, méthodes de création et de réparation de scans 3D, techniques de finition... tous les aspects de l'impression 3D à la maison sont détaillés dans ce livre très illustré, qui se clôt par plusieurs tutoriels sur la fabrication d'objets divers, dont un appareil photo argentique.

A qui s'adresse ce livre ?

Aux makers, designers, artistes, artisans, inventeurs, bidouilleurs, geeks...
À tous les créateurs d'objets

Sur www.serialmakers.com

Consultez les compléments (liens utiles, news, etc.)
Téléchargez des fichiers 3D d'objets

Dans ce livre, vous apprendrez à :

maîtriser le flux de l'impression 3D, de la modélisation à l'objet fini
créer et finaliser vos propres modèles 3D à partir de scans
fabriquer des moules à l'aide d'une imprimante 3D
peindre, teindre et vieillir vos créations

Cet ouvrage a été écrit par différents collaborateurs du magazine américain Make, tous experts dans leur domaine, qui apportent leur expérience en matière d'impression 3D. L'ensemble a été compilé par Anna Kaziunas France, qui anime un cours de prototypage rapide à la Fab Academy de Providence (États-Unis).

Depthy.me

2014-11-27T18:00:00.000+01:00

Depthy.me permet de créer des profondeurs de champ sur une image fixe. Ensuite vous pouvez l'enregistrer comme JPG avec un effet de focale, en vidéo ou en animation GIF dite 'wigglegram'.

Ecriture SVG

2014-11-15T16:36:00.000+01:00

Scalable Vector GraphicsLe Scalable Vector Graphics (en français « graphique vectoriel adaptable »), ou SVG, est un format de données conçu pour décrire des ensembles de graphiques vectoriels et basé sur XML. Ce format inspiré directement du VML et du PGML est spécifié par le World Wide Web Consortium.

Code surprise à essayer pour les fêtes de fin d'année.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="212.96161"
height="347.32999"
id="svg2">
<defs
id="defs4" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(-733.6937,-353.76406)"
id="layer1">
<g
transform="matrix(0.85392941,0,0,1.1939783,515.83729,-268.18751)"
id="g3106">
<path
d="m 255.12227,811.80836 249.39018,0 -124.69507,-190.13872 z"
id="path3104"
style="fill:#0db04b;fill-opacity:1;stroke:none" />
<path
d="m 276.84055,752.65132 205.95362,0 -102.97679,-150.23769 z"
id="path3102"
style="fill:#50b748;fill-opacity:1;stroke:none" />
<path
d="m 298.30628,693.49425 163.02215,0 -81.51106,-115.38743 z"
id="path2997-1-2-0"
style="fill:#80c242;fill-opacity:1;stroke:none" />
<path
d="m 319.77202,634.33719 120.09067,0 -60.04533,-86.59808 z"
id="path2997-1-2"
style="fill:#98c93b;fill-opacity:1;stroke:none" />
<path
d="m 340.98523,575.18013 77.66425,0 -38.83212,-54.2732 z"
id="path2997-1"
style="fill:#b1d235;fill-opacity:1;stroke:none" />
</g>
</g>

</svg>

Dossier référencement

2014-11-13T14:24:00.002+01:00

"Et vous, votre site Internet est bien référencé ?" .Cette question piège à l'heure du numérique, on vous l'a posée, vous l'avez aussi lancée lors d'événements de networking ou pendant des salons.

Bien souvent, on y répond en étant flou et en assurant que oui, tout se passe bien pour nous. En fait, la plupart du temps, les entrepreneurs que nous rencontrons pourraient être plus précis et surtout, en comprenant mieux ce qui se cache derrière ce mot "référencement", pourraient encore plus développer leur entreprise.

Aujourd'hui, je vous propose de dérouler les quelques points qui vous permettront d'améliorer le référencement de votre site Internet et de vous appuyer sur des faits pour répondre aux gens qui voudront en savoir plus sur votre référencement.

Avoir le bon esprit pour améliorer son référencement

Dans la communication sur Internet, tout commence par des notes sur un cahier de brouillon, des idées formalisées sur un tableau blanc ou un document de synthèse qui formalise ce que vous voulez faire, avec qui, comment, quand et où. Pour le référencement, c'est pareil !

Qu'est-ce que veut dire "être bien référencé sur Google" ? Cela signifie que lorsqu'un internaute tape une requête sur Google, c'est une de vos pages qui apparaîtra dans les premiers résultats affichés par le moteur de recherche.

Idéalement, donc, on devrait dire "mon site Internet est bien référencé sur telle et telle expressions que tapent les internautes". Ces expressions sont appelées abusivement "mots clés" puisqu'elles peuvent contenir plusieurs mots.

Par exemple, un mot clé sur lequel je veux que le site Internet de Neocamino soit bien référencé est "trouver des clients par Internet" alors que La Cordée qui propose des postes pour travailleur indépendant voudra plus probablement apparaître dans les premiers résultats lorsque l'on tapera "espace de coworking à Lyon".

Vous l'avez compris, le premier travail est donc de déterminer quels sont les mots clés tapés par les internautes que vous voulez attirer sur votre site Internet.

Je ne suis pas Coca-Cola, vous n'êtes pas Coca-Cola et avec tout le respect que nous nous devons, peu d'internautes tapent le nom de nos sociétés respectives. Apparaître dans les premiers résultats de Google lorsqu'on tape votre nom est automatique, vous devez aller au-delà de cette première étape et faire en sorte que les pages de votre site soient dans les premiers résultats lorsque les internautes expriment sur Google une envie, une question, une problématique ou un désir auxquels vous êtes capable de répondre.

Votre première mission aujourd'hui : faire une liste de toutes les expressions clés qui expriment les besoins ou les envies qu'ont les internautes qui achètent vos produits ou services.

Vous devez ensuite vérifier que ces mots clés sont régulièrement recherchés par les internautes. Qui veut en effet apparaître dans les premiers résultats lorsqu'on tape un mot clé ... que personne ne tape ?

Lire la suite sur www.planete-auto-entrepreneur.com

Coder une sphère animée avec texture

2014-11-08T13:53:00.004+01:00

La projection cylindrique équidistante, encore appelée projection équirectangulaire ou projection géographique, est un type de projection cartographique très simple attribué à Marinus de Tyr vers 100 ap. J.-C.

La projection consiste simplement à considérer les coordonnées polaires de latitude et longitude comme des coordonnées cartésiennes. En ce sens, on parle parfois de « non-projection ».

Cependant la transformation effectuée se définit (partiellement) comme une projection de la surface du globe sur la surface d'un cylindre, dont l'axe se confond avec l'axe des pôles et contient les origines des vecteurs de projection. Les méridiens sont alors projetés sur des lignes verticales espacées de manière égale, et les parallèles sont aussi projetés sur des lignes horizontales équidistantes (espacement horizontal constant). Ce dernier point différencie cette projection de la projection de Mercator. De plus, contrairement à la projection de Mercator, la projection cylindrique équidistante n'est pas conforme. Elle n'est pas non plus équivalente, mais aphylactique (elle conserve les distances le long des méridiens).

À cause des distorsions introduites par cette projection, elle est de peu d'utilité pour la navigation ou les cartes cadastrales.

En revanche, sa simplicité fait que cette projection est privilégiée par les sites web de géolocalisation (Géoportail, Google Earth, ...). En particulier, la plate carrée est devenue de-facto un standard car le rendu ne dépend plus du centre choisi. Malheureusement, on observe un étirement horizontal croissant lorsqu'on s'éloigne de l'équateur.

https://www.flickr.com/groups/equirectangular/

http://learnsome.co/blog/spheres/

  <section class="stage">
    <figure class="ball"><span class="shadow"></span></figure>
  </section>

See the Pen Globe by Donovan Hutchinson (@donovanh) on CodePen.

CSS+HTML = ça tourne

2014-10-25T13:59:00.001+02:00

60 règles d'or pour réussir son SITE WEB

2014-10-11T14:21:00.000+02:00

Disponible à la médiathèque, ce livre vous dirige dans une approche critique constructive de votre site. Quels sont les bonnes questions à se poser et comment améliorer son site internet.

A réserver, consulter, emprunter dans le réseau des bibliothèques de Rueil-Malmaison.

60 règles d'or est un guide pour apprendre à auditer la qualité de son site web et se poser les questions nécessaires à la réussite d'un projet en ligne. 60 fiches en couleurs sont construites autour de problématiques liées à la qualité d'un site.

Auteur Jean-Marc HARDY
@jeanmarc_hardy

Avoir la taille de vos images qui change

2014-10-10T15:29:00.004+02:00

Exemple d'utilisation su CSS pour changer la taille de vos images quand elles sont survolées.

Voici le code utilisé
Recopiez ce code dans un fichier texte que vous renommez page.html et que vous ouvrez dans votre navigateur.

<html>
<head>
<style>
img {
display: block;
height: 95;
width: 269;
-webkit-transition: all 1s;
-moz-transition: all 1s;
}
img:hover {
display: block;
height: 190;
width: 538;
-webkit-transition: all 1s;
-moz-transition: all 1s;
}
</style>
</head>
<body>
<img src="https://www.google.fr/images/srpr/logo11w.png">
</body>
</html>

Démonstration ci-dessous :

Comment faire connaître son site ? Dossier sur le référencement

2014-09-16T10:39:00.004+02:00

Référencement naturel : de quoi parle-t-on ?

Quand on dit d'un site qu'il est bien référencé, on signifie que les internautes qui posent des questions aux moteurs de recherche (Google, Bing, Yahoo! ou Voilà par exemple) vont retrouver des pages du site internet dans les résultats.

Pour remonter dans les premiers résultats de recherche, vous pouvez aussi faire de la publicité mais vos pages seront affichées à d'autres endroits comme indiqué sur l'illustration. Pour le référencement naturel, vous ne payez pas les moteurs de recherche. Ils considèrent que vous avez LE contenu qui va répondre à la requête de l'internaute et qu'ils ont intérêt à l'afficher pour que cet internaute revienne sur leur moteur de recherche la prochaine fois.

On parle aussi de SEO (search engine optimization pour le référencement naturel) et de SEA (search engine advertisement pour la publicité sur les moteurs de recherche). La bonne nouvelle dans ces disciplines c'est que c'est comme la magie : il suffit de respecter les règles et de pratiquer régulièrement pour réussir son tour, les résultats suivront, c'est mécanique !

Faîtes le bien autour de vous !

Fermez les yeux, imaginez que vous ayez été un petit commerce de village il y a plusieurs dizaines d'années. Votre meilleure façon d'exister, d'attirer des clients, de les fidéliser et de faire qu'on vous recommande, c'était ... d'être le meilleur. Aujourd'hui, rien n'a changé et vous ne devez pas oublier qu'avoir un bon référencement, c'est avant tout savoir bien communiquer - être vertueux, généreux, attentif et disponible aux personnes que vous voulez attirer sur votre site internet. Il n'y a aucune raison que les moteurs de recherche montrent les pages d'un site qui n'a pas évolué depuis plusieurs mois, dont le propriétaire n'apporte pas de réponse aux questions que se posent les internautes et qui n'existe pas sur internet de façon générale.

La notion de village a changé bien sûr : désormais, ce sont les internautes qui ont les mêmes passions, les mêmes valeurs et qui vibrent comme vous à l'idée de ce qui constitue votre ADN. En tout cas, l'idée est toujours là et vous devez devenir le commerçant du village qu'on aime et recommande pour ses bonnes blagues ou son professionnalisme, en fonction sans doute de votre cible.

Vous êtes jardinier ? Vous pouvez avoir le village des internautes passionnés par les potagers d'appartement ou celui des internautes qui rêvent de fleurs exotiques et de plantes carnivores. Pour que votre site de professionnel du jardinage soit visible dans les moteurs de recherche, vous devez avant tout vouloir devenir le plus aimé par la communauté des internautes qui vibrent au même diapason que vous.

Règle d'or :

Pour réussir son référencement, le plus important est ... de prendre une feuille blanche et un crayon pour écrire noir sur blanc : qui vous ciblez, quelles sont leurs problématiques et les actions que vous allez mener régulièrement. Une idée importante qu'on oublie trop souvent et qui devrait être LA chose à retenir de cet article, c'est qu'il n'y a aucune raison qu'un moteur de recherche choisisse de montrer une page de votre site internet si cette page ne répond pas au mieux à la problématique exprimée par l'internaute dans sa requête.

Reprenons notre exemple concret du jardinier. Si un internaute tape "avoir un jardin japonais dans sa maison", les moteurs de recherche vont chercher tous les contenus qui répondent à cette problématique et ensuite les classer par ordre de notoriété de site internet. Si à la base, le site de notre jardinier n'a pas une page qui explique "Comment avoir un jardin japonais dans sa maison", c'est certain, son site ne sera pas montré dans les résultats de recherche.

Ainsi, pour apparaître régulièrement dans les résultats de référencement naturel et pour augmenter son trafic par ce canal, la règle d'or est de posséder une page par question que se posent les internautes que vous voulez attirer sur votre site internet et de bien exprimer que cette page répond à la problématique en explicitant sur la requête des internautes qui l'expriment (le fameux mot-clé). Si vous avez compris cette règle d'or de "1 problématique = 1 page = 1 mot-clé", vous êtes au-dessus de la majorité des personnes qui communiquent sur internet.

Comment créer toutes ces pages ? Avec un blog bien sûr ! Toutes les entreprises devraient avoir un blog, pas pour raconter leur actualité mais bien pour répondre aux questions que se posent les internautes qu'elles veulent faire venir sur leur site. Qu'est-ce que vous faites encore là ? Allez tout de suite écrire vos premiers articles :)

La mécanique et les outils pour tout maîtriser

Une fois qu'un moteur de recherche a sélectionné toutes les pages de site qui répondent à une question posée par un internaute, il va les classer pour donner à l'internaute la meilleure réponse possible. Votre objectif est alors d'être choisi parmi les 10 premiers (on dit que le meilleur endroit pour cacher un corps mort est la seconde page de Google car personne n'y va). Pour cela, encore une fois, il faut simplement respecter les règles et agir régulièrement.

Le moteur de recherche va évaluer votre site internet et déterminer s'il est le meilleur commerçant de votre village en ligne.

Pour cela, il s'appuie sur 4 aspects :

•	la structure de votre site internet - techniquement, respectez-vous les standards ? En choisissant un outil pour construire votre site internet utilisé largement (Wordpress, Jimdo ...) vous êtes certain de ne pas vous tromper et de pouvoir modifier les éléments indispensables
•	le contenu - offrez-vous régulièrement des réponses à des questions que se posent les internautes de votre village ?
•	les liens - combien d'autres sites internet vous font confiance ou pointent vers le vôtre pour indiquer qu'ils le considèrent comme intéressant
•	les réseaux sociaux - la recherche devient de plus en plus personnalisée et les moteurs de recherche montreront plus facilement vos contenus s'ils voient que l'internaute fait partie d'un cercle que vous avez constitué (s'il est l'ami d'une personne qui a aimé un de vos contenus par exemple).

Pour être choisi, vous devez donc poser régulièrement des petites briques dans ces domaines : écrire régulièrement un nouvel article de blog, être un membre actif d'une communauté sur un réseau social et créer régulièrement des liens vers votre site internet (en allant commenter des articles ou en écrivant des articles invités chez vos partenaires).

Distinguez-vous : agissez !

Le référencement naturel est un puissant levier pour générer du trafic et des contacts qualifiés. Pour arriver à faire remonter votre site en première position sur Google, vous avez vu qu'il s'agit avant tout d'adopter une tournure d'esprit et de suivre régulièrement une routine sur Internet.

En pensant d'abord aux problématiques et/ou envies de vos clients et en créant les contenus qui y répondent, vous allez effectivement assurer un meilleur référencement à votre site internet et devenir en plus une personne meilleure. Réussir son référencement naturel, c'est finalement avoir une communication vertueuse !

Pas de secret en matière de référencement naturel, il n'y a que "ceux qui font" qui réussissent : adressez-vous directement à un prestataire qui réalisera avec vous ce travail ou testez Neocamino qui vous aidera dans votre démarche webmarketing et vous fournira les outils pour attirer, convertir et fidéliser des clients sur Internet.

source : planete-auto-entrepreneur.com

Gestionnaire de communauté

2014-09-10T11:52:00.001+02:00

Gestionnaire de communauté ou le CM, l'abrégé de community manager, est un métier qui consiste à animer et à fédérer des communautés sur Internet pour le compte d'une société ou d'une marque. Profondément lié au web 2.0 et au développement des réseaux sociaux, le métier est aujourd'hui encore en évolution. Le cœur de la profession réside dans l'interaction et l'échange avec les internautes (animation, modération) ; mais le gestionnaire de communauté peut occuper des activités diverses selon les contextes.

Appellations alternatives

Métier émergeant, la gestion de communauté et le gestionnaire de communauté sont souvent désignés par plusieurs termes. On parle en général de « community management » et de « community manager », mais d'autres appellations coexistent :

médiateur de conversations interactives
animateur de communautés
manager de communautés
responsable de réseaux sociaux
animateur de réseaux sociaux
modérateur
Influenceur
Jardinier de communautés

Les missions du Community Manager

Missions communes à la plupart des gestionnaires de communauté :

Organiser les échanges au sein de la communauté
Préciser / animer l'objectif des échanges au sein de la communauté
Rappeler les règles de bonne communication (Nétiquette)

Missions qui peuvent être assignées à un Community Manager :
Favoriser l'échange d'expériences au sein de la communauté.
Celle-ci peut ainsi être une véritable communauté de pratique
Dans ce cas, les échanges seront centrés sur le domaine d'expérience de la communauté, et le Community Manager aura pour objectif de :

Cadrer les échanges : s'assurer que les échanges restent centrés sur cet objectif
Accueillir les nouveaux participants : les inciter à se présenter et les encourager à participer
Animer la communauté : modérer et anticiper leurs attentes

Développer l'image de marque au niveau de sa visibilité au sein de communautés virtuelles

Identifier les communautés sur le web pouvant faire connaître la marque (blogs, forums, listes de discussion, groupes...).
Fixer les objectifs de la communauté : test de produit, communication et promotion autour de la marque.
Définir les indicateurs de mesure permettant de valider les objectifs atteints.
Animer des actions de recrutement de nouveaux membres.

Maintenir et entretenir la bonne notoriété de la marque

Surveiller sa e-réputation par l'intermédiaire de techniques de veille d'image ou veille d'opinion.
Fidéliser et valoriser sa communauté.

Missions internes (qui ne prennent de sens que par rapport à la mission principale) :
Améliorer la cohésion de la communauté

Faire des membres existants des relais d'information au sein de la communauté.
Lancer des sujets permettant de susciter le débat ou le partage d'expérience, de pratiques entre les internautes / consommateurs.
Veiller à la qualité des réponses et relancer la discussion.
Assurer la fidélisation des membres à travers l'organisation d'événements on-line (chats, interviews, newsletter, jeux, concours, etc.) et off-line (barcamps, conférences, meetings, etc.)
Faire respecter les règles éthiques de la communauté par la modération des contenus produits par les internautes.
Veiller au respect des conditions générales d'utilisation du site.

Améliorer la plate-forme technique de la communauté

Gérer l'historique et l'archivage des contenus produits par la communauté.
Accompagner le développement des fonctionnalités de la plateforme utilisée par la communauté.
Signaler les dysfonctionnements du site et veiller à la disponibilité technique de la plateforme.
Transmettre aux équipes techniques les améliorations à apporter au site de la communauté.

Compétences requises

Connaissance métier sur les thématiques qui fédèrent la communauté.
Connaissance du jargon, des codes et des bonnes pratiques (Éthique, Nétiquette, législation sur l'utilisation des données personnelles, etc.)
Connaissance pratique des réseaux sociaux et communautaires tels que YouTube, Linkedin, Xing, Viadeo, Facebook, Twitter, MySpace, la blogosphère et les forums.
Connaissance des techniques de veille et de recherche d'information.
Capacité à mobiliser des acteurs (entreprises, collectivités, associations) et à créer des partenariats.
Capacité à organiser des événements réunissant la communauté.
Connaissance des logiciels servant à la production de contenu sur le web : retouche photo, systèmes de gestion de contenus (CMS).
Connaissance des moteurs de recherche, référencement naturel.

Formation

La première formation française consacrée au métier de Community Manager a ouvert ses portes en 2011 au sein de l'école de commerce INSEEC à Bordeaux. Le master Communication Digitale & Community Management est actuellement accessible à Bac +4 pour une formation d'un an aux web et aux médias sociaux. Il existe également une formation diplômante française consacrée entièrement au métier de Community Manager et dispensée par l'université de Nantes. Cette licence professionnelle, accessible au niveau bac +2, a ouvert à la rentrée 2013.
L'Apec donne aussi les formations les plus recherchées pour ce profil :

Formation universitaire supérieure Bac + 2 à Bac + 5 en sciences humaines (lettres, arts, histoire, sociologie, etc.) complétée par une spécialisation dans la communication on-line.
Formation supérieure de type IEP ou Écoles de Commerce généralistes, complétée par une spécialisation dans la communication on-line.
Écoles spécialisées en communication, marketing, en relations publiques ou dans le journalisme (CELSA, ISCPA, ECS, EFAP, ISCOM, INSEEC, ISTC, ISERP, ISC Paris, ESTA...).

Activité

Le community manager peut intervenir sur le recrutement des internautes en prenant en charge la recherche de partenariats. Il peut également occuper une fonction de chef de projet fonctionnel auprès des équipes techniques sur des évolutions ou des améliorations à apporter au site web de la communauté. Le community manager joue également un rôle de modération. Il conduit et modère les débats sur une page ou le profil d'un reseau social. Il est l'ambassadeur d'une marque ou d'une enseigne sur Internet, bien que son identité est généralement anonyme pour les internautes.

Rattachement hiérarchique

Directeur de la communication
Directeur marketing
Directeur internet
Responsable de la communication externe et des RP
Responsable de la communication interne
Rédacteur en chef

Facebook facilite les publications et les commentaires en tant que page

2014-09-10T11:48:00.000+02:00

Les community managers qui gèrent une présence Facebook sont souvent confrontés à ce problème : pour publier un statut, une image ou un lien, il doivent se rendre sur leur page Facebook. Ils peuvent également choisir d’utiliser Facebook en tant que page grâce au menu déroulant présent en haut à droite. Cette étape ne fait pas perdre un temps fou, mais on comprend aisément que ceux qui gèrent des dizaines de pages soient lassés par cette manipulation. Pour faciliter les publications, Facebook déploie actuellement une amélioration de sa plateforme qui devrait plaire aux community managers.

Désormais, les community managers vont pouvoir publier du contenu depuis leur propre fil d’actualité. Un bouton présent en haut à droite de la zone de publication leur permettra de choisir s’ils souhaitent publier en leur nom ou en tant que page. Ceci n’est pas une révolution, mais cela devrait s’avérer bien pratique pour publier du contenu rapidement.

Pour les commentaires, cela fonctionne de la même façon. Le petit drapeau qui symbolise les pages Facebook est présent à droite des liens « J’aime, Commenter, Partager ». En choisissant la page avec laquelle vous souhaitez réaliser cette action, vous pourrez aimer, commenter ou partager en tant que page. Une fonctionnalité pratique pour aller plus vite, gérer de nombreuses pages et interagir directement avec des contenus visibles sur notre fil d’actualité.

La Google Webmaster Academy disponible en français

2014-09-09T15:19:00.002+02:00

La Webmaster Academy de Google lancée en mai 2012, est dorénavant disponible en 22 langues différentes dont le français.

La Webmaster Academy vous fournit les informations et les outils pour apprendre à créer un site et à le rendre visible dans les résultats de recherche Google.
À qui s'adresse la Webmaster Academy ?

À toute personne qui souhaite créer ou améliorer son site Web. Que vous soyez une entreprise qui cherche à être plus présente sur le Web ou un photographe qui crée un album en ligne, nous pouvons vous guider dans vos premiers pas.

Que contiennent les modules ?

- Des conseils pour créer un site de qualité.
- Des leçons pour comprendre comment fonctionnent la recherche Google et les outils pour les webmasters.
- Des questionnaires, des vidéos, des exemples (à l'aide d'un site fictif brandonsbaseballcards.com) et des ressources.
Combien de temps dure la formation ?
Chaque module peut prendre une heure. Vous pouvez passer d'un module à l'autre à votre propre rythme.

Bonne consultation du site et bon travail !!

Vous aimerez peut-être:

Comment choisir les bons mots-clés pour son profil LinkedIn

2014-09-09T10:56:00.001+02:00

Dans LinkedIn, qu’on recherche un profil, une compétence, une entreprise, un groupe… tout passe par ce moteur de recherche. D’où l’importance des mots-clés dans son profil. Explications détaillées.

LinkedIn est de loin le premier réseau social professionnel au monde. Le français Viadeo est loin derrière et si Facebook donne des signes montrant qu’il veut se rapprocher du monde professionnel (appli Social Jobs, compétences professionnelles sur les profils, accord CGPME…) il n’y a pas réellement de proposition claire de leur part pour cette cible. Pour une majorité de professionnels, LinkedIn est donc LA référence et « the place to be ».

Qu’est-ce qu’est (réellement) LinkedIn?

LinkedIn est un annuaire, une base de données (la plus importante au monde) de profils professionnels.
Dans LinkedIn, on accède à l’information via un moteur de recherche situé en haut des pages de l’interface. Qu’on recherche un profil, une compétence, un alumni, une entreprise, un groupe… tout passe par ce moteur de recherche. LinkedIn repose sur la recherche.
Quand on fait une recherche, elle est analysée par LinkedIn et un certain nombre de profils correspondant sont proposés par degré de pertinence. Il s’agit comme pour Google de pertinence de mots-clés dont LinkedIn seul connait la recette. Il faut aussi préciser que la pertinence est individuelle est qu’un profil pertinent pour un membre de LinkedIn ne le sera pas pour un autre.

Qu’est-ce qu’un mot-clé pour LinkedIn?

C’est un mot qui est répété plusieurs fois et qui apparait dans des zones clés comme par exemple (mais il y en a d’autres) les titres de postes (ce qui est assez logique pour un réseau professionnel) ou dans le résumé. A propos du résumé, il faut plus le concevoir comme un résumé du savoir-faire ou de l’expertise que comme un résumé de carrière. D’ailleurs, le parcours professionnel vient ensuite.
LinkedIn, comme tout autre site, repose sur ce système de mots-clés. On ne peut être visible sur LinkedIn que par les mots-clés recherchés et de la manière dont ils sont écrits. LinkedIn est très précis. Faites le test : « ingénieur télécom » est différent d’ « ingénieur télécoms. Le nombre de résultats et les résultats obtenus sont différents. Vu de mon profil (les résultats sont personnalisés), j’obtiens 3209 résultats pour « ingénieur télécom » et 828 pour « ingénieur télécoms ».
Cela signifie qu’on peut améliorer la probabilité d’apparaître dans les résultats de recherche en optimisant la rédaction de son profil et notamment en choisissant les bons mots-clés. Si vous êtes capable de savoir comment quelqu’un qui a besoin de vos compétences va utiliser LinkedIn pour mener ses recherches, vous aurez plus de chance d’apparaître dans ses résultats de recherche et donc d’être visible. Cela suppose au préalable de savoir précisément quelles sont ses compétences clés et différenciantes.

Comment va-t’on vous chercher?

La bonne question à vous poser en créant votre profil n’est donc pas tant de vous demander comment créer votre profil mais comment vont vous rechercher ceux qui auront besoin de vos compétences. La question clé est donc de savoir quels mots-clés mettre dans son profil.

Commencez par trouver des annonces

Le meilleur moyen de faire est de partir d’offres d’emploi qui vous correspondent. Il est très probable que si un recruteur (manager, RH, chasseur de tête, consultant RH…) utilise des termes spécifiques pour rédiger une annonce ou une job description, il utilise les mêmes termes quand il recherchera des profils sur LinkedIn. Il existe pour cela des job boards et des moteurs de recherche pour trouver les bonnes annonces qui vous correspondront.
L’idée n’est pas de trouver une offre mais plusieurs qui vous correspondent.
Le problème est qu’une offre peut être très longue et que ce n’est pas toujours très simple d’en faire ressortir les mots-clés principaux.

Trouvez les bons mots-clés

Heureusement, il existe un outil pour le faire. Il est en ligne, gratuit et ne demande pas de créer un compte pour être utilisé : Wordle. Wordle est un outil qui permet de faire des nuages de mots-clés à partir d’un texte. Dans les nuages obtenus, les mots principaux prennent plus de place (ils sont écrits en plus gros caractères).
Quand quelqu’un rédige une job description ou une annonce, il est généralement très attentif aux mots utilisés. Ce sont des documents importants qui sont rédigés de manière très précise. Donc, pour donner plus de poids à certains termes, notamment à ceux qui sont essentiels, ils sont répétés plusieurs fois.
Trouvez une annonce ou une job description, allez sur Wordle, cliquez sur « create », collez votre texte et « Go ». Vous obtiendrez un nuage de mots-clés qui fera ressortir les mots essentiels.
En partant d’une annonce telle que celle-ci :
Business Segment Healthcare Eastern & African Growth Markets
About Us
Role Summary/Purpose En tant que membre de l’équipe Service Business Operations vous serez en charge des processus de définition des offres, de gestion des contrats, de la facturation régie et de tous les processus associés à la facturation et à notre gestion financière.
Les orientations de nos activités sont focalisées sur l’optimisation de nos processus tant d’un point de vue Lean que d’un point de vue qualité des données afin de préparer l’introduction de notre nouvelle plateforme Se
Essential Responsibilities Travaillant étroitement avec les différents acteurs du Service dans les Régions (direct + distributeurs ), avec les équipe modalité, avec le Service Marketing, avec le Service Finance, ainsi qu’avec les Responsables d’application et les Lean Leaders :
-Vous résoudrez les problèmes d’intégration de nos processus entre différents domaines et entre différentes organisations. (Intégration Ventes et Service, 1GEHC).
-Vous effectuerez les changements dans nos processus afin de les simplifier et de les rendre plus efficaces en appliquant la méthodologie Lean.
-Vous serez garant de la consistance européenne des changements demandés dans nos applications MUST, CBs, SDMS, Siebel et dans les interfaces afin d’optimiser le flux de nos processus.
-Vous préparerez la migration de nos outils actuels vers Siebel en optimisant nos processus et en préparant les données.
-Vous conduirez les changements en utilisant les outils CAP avec les utilisateurs finaux.
-Vous définirez les scripts de tests et participerez à la validation complète de nos processus de A à Z.
-Vous mettrez à jour et créerez les gammes opératoires ainsi que les documents de formation des utilisateurs finaux.
-Vous définirez les différentes mesures et assurerez la mise en place des tableaux de bord.
-Vous mettrez à jour et créerez les instructions pour gérer la qualité de nos données.
-Vous participerez au déploiement de « 1GEHC » dans l’organisation Service et Vente de Service.
POSTE
Role Summary
Qualifications/Requirements – Excellentes compétences en communication, incluant les capacités de formation de présentation.
- Anglais courant
- Très bonnes capacités relationnelles
- Solides compétences en matière d’analyse et de gestion de processus
- Expérience en tant qu’utilisateur local en région, connaissance des processus du Service.
- Expérience dans la capture des besoins utilisateurs et la mise en ¿uvre de l’acceptation de nos utilisateurs.
- Connaissance des outils bureautiques MS office, des « Scorecards », et des outils de suivi de défaut.
Desired Characteristics – Connaissance des processus relatifs aux processus d’administration du Service.
- Expérience en tant qu’utilisateur local en région.
- Expérience Lean
- Solides expériences dans l’écriture des spécifications et des scenario de tests utilisateurs.
une autre localisation en EAGM pourra être envisagée en fonction des compétences des candidats
An other location in EAGM can be considered if the applicant has the desired and required competencies
Essential Responsibilities
PROFIL
Qualifications- Excellentes compétences en communication, incluant les capacités de formation de présentation.- Anglais courant- Très bonnes capacités relationnelles – Solides compétences en matière d’analyse et de gestion de processus – Expérience en tant qu’utilisateur local en région, connaissance des processus du Service.- Expérience dans la capture des besoins utilisateurs et la mise en oeuvre de l’acceptation de nos utilisateurs.- Connaissance des outils bureautiques MS office, des « Scorecards », et des outils de suivi de défaut.- Excellent analytical skills- Excellent problem solving skills- Excellent communication skills (written and verbal)- Good understanding of Service and Finance systems and processes – Good organisation- Good Knowledge of Excel and Analytical tools (BO, ..)- Can do attitude- Willing to learn and dig into details- Abiity and willingness to work with multiple and diverse teams – Fluent english
Desired Characteristics
- Connaissance des processus relatifs aux processus d’administration du Service. – Expérience en tant qu’utilisateur local en région.- Expérience Lean – Solides expériences dans l’écriture des spécifications et des scenario de tests utilisateurs.une autre localisation en EAGM pourra être envisagée en fonction des compétences des candidatsAn other location in EAGM can be considered if the applicant has the desired and required competencies
On obtient ce nuage de mots-clés :

Attention cependant, Wordle ne fonctionne pas comme LinkedIn. Wordle fonctionne essentiellement à partir d’une répétition de termes. LinkedIn prend aussi en compte l’emplacement dans le profil.
Wordle ne vous révèlera probablement pas les mots-clés principaux que vous connaissez déjà. Wordle vous aidera à identifier les mots-clés secondaires que vous pourriez avoir oubliés.
Refaites-le plusieurs fois, à partir de plusieurs supports pour avoir une vision la plus juste possible. Avec Wordle, j’ai par exemple réalisé que « achats » est un terme important pour un Directeur Marketing, ce qui n’est pas évident a priori.

Qu’est-ce que votre profil dit de vous?

Au-delà d’utiliser Wordle pour trouver les bons mots-clés pour votre profil, vous pouvez aussi vous en servir pour voir ce que votre profil dit de vous ou pour mettre ce nuage de mots-clés en pièce jointe sur votre profil. Vous verrez ainsi si vos mots-clés principaux sont suffisamment visibles et cela permettra aussi à ceux qui arrivent sur votre profil de mieux comprendre quelle sont vos compétences spécifiques. Vous pourrez également en profiter pour améliorer votre profil et vous assurer que vos mots-clés principaux ressortent bien.
Voici par exemple le nuage de mots-clés d’un responsable marketing du leader mondial des boissons sans alcool avant optimisation :

Et après :

Comment permettre à vos visiteurs de traduire votre blog WordPress

2014-07-25T15:46:00.004+02:00

source : Les Outils Wordpress

Vous l’avez peut être remarqué dans vos stats de fréquentation, une partie de vos visiteurs vient de l’étranger. Magie de l’Internet qui offre une audience mondiale très facilement.Comment développer cette audience en facilitant la lecture de vos contenus en levant la barrière de la langue ?

Une de façons les plus simples c’est d’intégrer dans votre blog WordPress un widget Google Translate pour permettre à vos visiteurs étrangers de de traduire vos articles dans sa langue natale d’un seul clic.

Installer cette fonctionnalité sur vote blog est très simple.

Il faut vous rendre tout d’abord sur le service Google translate. Il faudra vous y connecter via un compte Google. Si vous n’en avez pas un, il vous faudra le créer. Ensuite, il faut renseigner l’adresse url de votre site et selectionner la langue dans laquelle le blog est écrit.

Une fois validé, vous passerez à l’étape suivante où vous allez pouvoir configurer le widget. Vous pouvez ainsi par exemple offrir la traduction dans toutes les langues proposées par Google Translate ou limiter le choix à une ou plusieurs langues spécifiques. Cliquer ensuite sur « Get the code » puis copiez les lignes de code fournies par Google

Rendez-vous ensuite dans le backoffice de votre blog WordPress. Allez dans le menu apparence puis widgets. Ajoutez un Widget texte dans votre zone de widgets, ouvrez-le et collez le contenu de votre presse-papier en l’occurrence le code copié depuis Google Translate.

Sauvegardez et fermez. C’est fait. En visitant votre blog WordPress, un nouveau bouton est apparu en cliquant dessus le visiteur aura accès à la traduction automatique de votre blog dans la langue de son choix. Même si le service de traduction de Google s’est beaucoup amélioré, le résultat laisse encore quelque peu à désirer, mais sera largement suffisant pour comprendre le sens d’un article.

Lien: Google Translate

Miniatures de vidéo Youtube

2014-07-10T10:53:00.002+02:00

Les miniatures de vidéo permettent de donner un aperçu de votre vidéo aux autres internautes. Après la mise en ligne d'une vidéo, vous pouvez sélectionner une miniature parmi les trois que YouTube génère automatiquement. Cliquez simplement sur la miniature à utiliser pour la sélectionner, puis sur Enregistrer les modifications.

Pour modifier une miniature, procédez comme suit :

Accédez au Gestionnaire de vidéos de votre chaîne.
Cliquez sur Modifier à côté de la vidéo correspondant à la miniature que vous souhaitez modifier.

Miniatures de vidéos personnalisées

Si votre compte est validé et en règle, vous pouvez importer des miniatures personnalisées lors de la mise en ligne de vos vidéos.

Importer des miniatures personnalisées

Pour importer une miniature personnalisée lors de la mise en ligne d'une vidéo :

Enregistrez ou importez votre vidéo.
À la fin du traitement de la vidéo dans l'interface de mise en ligne, une option vous permettant de sélectionner une miniature personnalisée apparaît sous la section "Miniatures de vidéo".

Pour importer une miniature personnalisée pour une vidéo existante :

Accédez au Gestionnaire de vidéos de votre chaîne.
Recherchez la vidéo souhaitée, puis cliquez sur le bouton Modifier.
Cliquez sur le bouton Miniature personnalisée, puis importez une miniature.
Une fois la miniature ajoutée, n'oubliez pas de cliquer sur le bouton "Enregistrer les modifications".

Bonnes pratiques concernant les miniatures personnalisées

Taille

Votre miniature personnalisée doit être la plus grande possible, car elle sera également utilisée comme aperçu de la vidéo dans le lecteur intégré. Elles doivent de préférence présenter les caractéristiques suivantes :

Avoir une résolution de 1 280 x 720 (avec une largeur minimale de 640 pixels).
Être mises en ligne dans des formats d'image, tels que .JPG, .GIF, .BMP ou .PNG.
Ne pas dépasser 2 Mo.
Nous vous recommandons d'utiliser une miniature aux dimensions 16:9. Il s'agit du format le plus utilisé pour les lecteurs et les aperçus YouTube.

Règlement

Toutes les images de miniatures personnalisées doivent respecter le Règlement de la communauté. Si vous utilisez une miniature à caractère sexuel, violent ou choquant pour votre vidéo, cette dernière risque d'être soumise à une limite d'âge. Les vidéos de partenaires soumises à une limite d'âge ne feront pas l'objet de publicité et n'apparaîtront pas sur les pages de recherche.

Les créateurs utilisant régulièrement des miniatures non conformes à notre règlement risquent de ne plus pouvoir mettre en ligne de miniatures personnalisées. Une fois ce droit retiré, il est impossible de faire machine arrière.

CODEPEN UN OUTIL DE PARTAGE DE CODE POUR LES DÉVELOPPEURS FRONTEND

2014-07-10T10:42:00.002+02:00

CodePen est un outil de social coding qui permet de créer des snippets (bouts de code html/css/JS) permettant d’illustrer des tutoriels et autres techniques que les blogeurs, développeur frontend… souhaitent partager avec la communauté du web.

Il permet également d’implémenter ces « pens » sur votre site/blog pour afficher vos exemples d’astuces web en tout genre. Voyons cela plus en détails…

Intégration dans votre site internet

Pour intégrer cette fonctionnalité sur un site web codé from scratch, il vous faudra ajouter le script :

<script async src="//codepen.io/assets/embed/ei.js"></script>

Ensuite, il faudra copier/coller le code fourni dans le champs « Copy & Paste Code » en haut à droit de la lightbox qui s’ouvre. Il faudra toutefois penser à retirer l’insertion du script javscript que j’ai copié au-dessus de la capture d’écran. Cela ressemblera à ceci :

<p data-height="268" data-theme-id="0" data-slug-hash="ivcIA" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/Piju06/pen/ivcIA'>ivcIA</a> by Provost Pierre-julien (<a href='http://codepen.io/Piju06'>@Piju06</a>) on <a href='http://codepen.io'>CodePen</a>.</p>

Vous avez également la possibilité de faire un embed du shortcode pour WordPress qui fonctionne avec le plugin qu’ils ont créés spécialement pour cette plateforme. Nous y reviendrons juste après.

Pourquoi retirer ce script à chaque fois ? Toute simplement parce qu’il est plus avantageux de le déclarer une seule fois dans le head ou le footer de votre page que de l’insérer autant de fois que vous aurez de pen dans votre page. Là, il s’agit clairement d’un soucis du détail en terme de performance web !

Plugin WordPress

Si par contre vous utilisez un site sous WordPress, il existe une alternative très simple pour intégrer « pens » sur votre blog. Voici un exemple de shortcode permettant d’intégrer un bout de code.

[codepen_embed height="268" theme_id="0" slug_hash="ivcIA" default_tab="result"]See the Pen <a href='http://codepen.io/Piju06/pen/ivcIA'>ivcIA</a> by Provost Pierre-julien (<a href='http://codepen.io/Piju06'>@Piju06</a>) on <a href='http://codepen.io'>CodePen</a>.[/codepen_embed]

Dans l’exemple ci-dessus, j’ai intégré un snippet d’un précédent article concernantl’intégration de font icons en css.

YouTube Creator Studio : l'application que les youtubeurs attendaient

2014-06-28T12:38:00.002+02:00

Google a enfin édité l'application très attendue par les férus utilisateurs de YouTube. "YouTube Creator Studio" optimise la gestion des chaînes et des vidéos de la plateforme d'hébergement.

C'est l'application qui va vite devenir incontournable pour les humoristes comme Norman, Cyprien et autres génies du web.

L'application officielle YouTube Creator Studio vient d'apparaître jeudi 26 juin sur la plateforme Play Store. Elle est ainsi disponible pour tous les téléphones fonctionnant avec le système d'exploitation pour mobile Android.

Tout gérer du bout des doigts

Avec cette nouvelle sortie, l'utilisateur de YouTube peut gérer facilement et rapidement sa chaîne YouTube, où qu'il soit.

Il est désormais possible depuis son mobile de consulter les dernières statistiques de vues de ses vidéos, de répondre aux commentaires et de recevoir des notifications personnalisées pour rester informé de l'activité de ses abonnements.

Il est aussi possible de modifier les titres des vidéos, leur description ou encore les paramètres de confidentialité.

En somme, YouTube Creator Studio est une bonne surprise qui décroche une bonne fois pour toutes la plateforme d'hébergement YouTube des carcans imposés par les modes de connections web standards.

Ressources sur internet pour le webdesign

2014-06-19T20:55:00.002+02:00

Retrouvez sur dopelists.com une grilles de sites, plus utiles les uns que les autres, pour vous accompagner sur tous vos projets web. Les sites sont triés par catégories : réseaux sociaux, icônes, polices, logiciels, images, couleurs et motifs, etc.

http://dopelists.com/webdesign/

HTML5 Canvas

2014-06-12T15:36:00.003+02:00

Depuis l’arrivée de HTML5 et de ses nouveaux éléments, les sites et applications web peuvent profiter de grandes avancées pour rendre ce média attractif : audio, vidéo et Canvas pour disposer de fonctionnalités de dessin en 2D et 3D dans le navigateur. L'élément qui nous intéresse ici est <canvas>. Il s'agit d'un espace de pixelsinitialement transparents, armés de JavaScript pour réaliser un bon nombre de fonctions graphiques, partant du simple tracé de courbe pour aller jusqu'aux animations et jeux vidéo. Le nombre de démonstrations existant aujourd'hui sur le web est impressionnant, il serait difficile de toutes les lister ici pour en donner un avant-goût complet des possibilités.

Flash est-il mort ?

De nombreux parallèles avec la technologie Flash ont été réalisés et diffusés. Il est vrai que Canvas est attendu en tant que standard du web pour remplacer Flash jusqu'à un certain point, en combinaison avec JavaScript pour l'interaction, <video>pour la vidéo et <audio> pour la partie sonore. Cependant, la situation est plus complexe que cela, chaque technologie a ses avantages et inconvénients, ses partisans et ses détracteurs, le débat est long et vaste, et ne sera pas abordé ici.

Voici quelques avantages de Canvas :

il s'agit d'un standard développé par le W3C et le WhatWG
il fonctionne très bien en osmose avec les autres standards (HTML, JavaScript)
il est performant et accéléré matériellement sur la plupart des navigateurs et systèmes
il est mieux pris en charge sur les mobiles (notamment sur iOS pour les iPhone, iPad, iPod qui ont été les premiers à mettre de coté Flash, mais aussi Android, Opera Mobile, Firefox Mobile, etc).

De quels outils dispose-t-on ?

L'inconvénient encore actuel de Canvas est que ses usages sont si variés et modulaires (dépendant de librairies, d'images chargées, d'interactions) qu'il n'existe pas d'outil miracle ou d'IDE (Environnement de Développement Intégré) pour produire le code nécessaire sans devoir toucher directement au code JavaScript. Adobe a tenté une approche avec Edge Animate, qui a encore du chemin à faire mais reste promis à un bel avenir. Tout comme pour HTML et CSS, rien ne remplacera une parfaite maîtrise du code source. D'autres programmes peuvent néanmoins simplifier la vie de l'artiste, par exemple Ai to Canvas, une extension produisant le code correspondant à une forme depuis un export Illustrator.

Qu'en est-il de SVG ?

Attention, il ne faut pas confondre Canvas, qui est une surface de dessin bitmap pilotable en JavaScript spécifique à HTML, et SVG, qui est un format de fichier pour le dessin vectoriel, décrit en XML. Bien souvent, on néglige de penser à SVG comme alternative à Flash, alors que celui-ci serait plus approprié (aussi conçu pour être vectoriel, animé, léger et modulaire).

Support navigateur

Lancé en 2004 par Apple sur Safari et implémenté dans Gecko (moteur de Firefox) en 2005, Canvas est supporté à l'heure actuelle par tous les navigateurs modernes. Pour les plus anciens (Internet Explorer 6 à 8), le projet Explorer Canvas leurs permet de profiter des joies de Canvas, avec toutefois une perte de performances.

Support de <canvas>
	Navigateurs	Versions
	Firefox	2.0
	Chrome	4.0
	Internet Explorer	9
	Opera	9.0
	Safari	3.1

Création du canvas et principes généraux

Canvas étant un nouvel élément, il ne déroge pas à une structure HTML classique, avec des dimensions précisées par les attributs width et height (ou via CSS).

<canvas id="mon_canvas" width="350" height="350"> 
  Texte alternatif pour les navigateurs ne supportant pas Canvas.
</canvas>

À partir de ce moment, tout se passe du côté de JavaScript, qui va se servir de cet élément HTML pour accéder à la surface de dessin. Pour ceci, deux fonctions sont appelées :

getElementById() qui va permettre d'aller chercher et cibler l'élément <canvas>identifié par son attribut id unique (ici mon_canvas),
puis la méthode getContext() de l'élément ainsi récupéré pour savoir dans quel contexte de dessin (2D ou 3D) le script va pouvoir agir, et de quelles fonctions il pourra disposer. Le contexte sera l'élément central de gestion de Canvas.

<script type="text/javascript">
  var c = document.getElementById("mon_canvas");
  var ctx = c.getContext("2d");
  // Le reste du script ici...
</script>

Tous les exemples suivants dans ce tutoriel feront appel à cette structure (élément Canvas + élément script + appel à getElementById + getContext) qui ne sera pas reprécisée à chaque fois.

Après cette étape préliminaire de mise en place, il faut se plonger dans l'ensemble des méthodes de dessin 2D.

Celles-ci vont toutes exploiter le même système de coordonnées :

Le point de référence (0,0) est situé en haut à gauche
L'axe horizontal (x) est défini par la première coordonée
L'axe vertical (y) est défini par la seconde coordonnée
Ces valeurs correspondent à la grille entourant les pixels, et non pas aux pixels eux-mêmes

Par exemple le point de coordonnées (4,2) sera situé 4 pixels à droite du coin supérieur gauche, et 2 pixels en-dessous.

Si l'on trace un polygone entre les 3 points présents sur ce schéma, on obtiendra un triangle.

Cet article concerne uniquement la version 2D de Canvas, car la manipulation de la 3e dimension fait appel à des compétences radicalement différentes et son support est plus limité. Pour utiliser Canvas en 3D, le nom du contexte est ''webgl'', mais change ensuite du tout au tout les fonctions disponibles et les méthodes de tracé.

source :
http://www.alsacreations.com/tuto/lire/1484-introduction.html

adresses utiles
http://www.w3schools.com/html/html5_canvas.asp
http://htmledit.squarefree.com/
http://thecodeplayer.com/
http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html

Comment rajouter un bouton Pinterest ?

2014-04-24T15:55:00.001+02:00

Site officiel d'aide pour rajouter un bouton pour partager le contenu de son site sur le réseau Pinterest :
http://help.pinterest.com/fr/articles/website-widgets-and-pin-it-buttons

Microsoft PhotoSynth

2014-04-24T15:04:00.000+02:00

http://photosynth.net/

De nombreux logiciels existent pour créer des panoramiques à partir de plusieurs photos. PhotoSynth va plus loin en vous proposant de recréer l'environnement 3D du lieu ou de l'objet principal en assemblant automatiquement des dizaines ou centaines de clichés, grâce à des points similaires.

Très simple d'utilisation, il vous suffit de lister l'ensemble des photos d'un sujet, de les sélectionner, d'ajouter des commentaires et de cliquer sur "Synth". Vous pourrez ensuite visionner le résultat sur Internet, et partager votre création avec d'autres internautes.

L'affichage dynamique et interactif du site vous permet de passer rapidement d'une vue à l'autre, de zoomer ou de visualiser toutes les miniatures, etc.

Comment retirer fièrement propulsé par Wordpress ?

2014-04-17T15:46:00.000+02:00

Pour la version auto-hébergée, vous devez vous rendre sur votre espace FTP. Ensuite, il suffit d'ouvrir le fichier "footer.php", d'aller dans le code source et d'éditer la ligne contenant le texte à retirer.

<a href="http://wordpress.org/" title="Plate-forme de publication personnelle à la pointe de la sémantique">Fièrement propulsé par WordPress</a>

5 astuces pour TOUT trouver sur YouTube

2014-04-05T13:40:00.004+02:00

YouTube est le célèbre site de partage de vidéos. Saviez-vous que chaque minute, YouTube recevait 35 heures de vidéo ? Impressionnant ! Ça fait beaucoup de contenu à regarder et, le pire, à chercher. Car oui, je suis certain qu’il vous est déjà arrivé de chercher une vidéo et de ne pas la trouver. Pourtant, vous avez tout essayé. Dans ces cas là, voici 5 astuces pour TOUT trouver sur YouTube…

Trouver des vidéos HD

Si votre connexion est assez puissante pour lire des vidéos HD (Haute Définition), alors ajoutez le paramètre “HD” lors de vos requêtes. Par exemple : “beyonce, hd”.

Trouver des films

Si vous êtes un amateur de cinéma, alors vous aimez regarder des bons films. YouTube permet, à travers son service de streaming, de visionner des films. Ils sont bien entendu payants mais le prix reste raisonnable. Par exemple, tapez : “brad pitt, movie” (ça marche mieux en tapant “movie” que “film”).

Trouver des Playlists

Un filtre particulièrement intéressant pour ceux qui ne veulent pas se prendre la tête à créer leurs propres listes de lecture est la playlist. Tout est automatique et compilé. Par exemple : “beyonce, playlist”.

Trouver des vidéos longues

Si vous êtes un mordu de la musique, vous pouvez trouver des vidéos longues de vos artistes préférés. Reportage, concert, il suffit d’ajouter un petit mot afin de trouver des vidéos plus longues que 20 minutes. Par exemple : “beyonce, long”.

Trouver des vidéos 3D

La 3D a explosé ces dernières années. Le plus grand service de vidéos se devait de suivre la tendance. La 3D est aussi présente sur YouTube ! Pour la trouver, rien de plus simple, un petit filtre. Par exemple : “bande annonce, 3d”.

Connaissez-vous d’autres astuces pour trouver des vidéos YouTube ?