contact
home
storecopyright
notice

Archives Non classé

tour
about

3 générateurs de mockups pour mettre son site web en situation

Si que vous soyez une agence web (par exemple implantée à Guingamp) ou un blogueur qui présente des sites ou des services web, vous pouvez avoir envie (ou besoin) de présenter votre site ou votre application mobile en situation.

Par exemple sur un écran de téléphone, sur une tablette ou un écran d'ordinateur.

Pour cela vous pouvez bien sur incruster une copie d’écran dans une image, mais vous pouvez aussi vous appuyer sur une service en ligne de génération de mockups qui le fera pour vous.

 

Nous avons fait pour vous une sélection de quelques uns de ces services qui vous simplifieront la vie et vos présentation client.

 

Mockuphone

Contrairement a ce que son nom pourait laisser penser, Mockup phone vous propose  bien sur des visuels de téléphones de tablette (Iphones, Ipad, Android) mais aussi des visuels d’écrans de TV et d'ordinateur, vus sous plusieurs angles.

il ne vous reste plus qu'a importer votre image, générer les différentes vues, et les incruster dans une image de fond.

exemple mockuphone.com

Un exemple : le site de Mockup phone sur l'ecran d'un ipad

 

Place-it pour mettre son site (ou ses créations) en situation

Placeit propose bien sur des images que vous pouvez incruster dans vos propre visuel, mais aussi toutes sortes de mise en situation. vous pouvez incruster votre site dans un mobile ou un ordinateur, mais aussi pourquoi pas simuler une campagne d'affichage en 4 par trois ou sur un abris bus.

De plus placeit propose propose les images dans plusieurs résolutions en fonction de l'usage qu'on souhaite en faire (les grands formats son payants).

Avec place It on peut par exemple illustrer la préparation d'un week-end de Saint Valentin en Côtes d'Armor...

Avec place It on peut par exemple illustrer la préparation d'un week-end de Saint Valentin en Côtes d'Armor...

 

Magic-mockups

Magic-mockups propose de "présenter votre produit dans un environnement réaliste" l'interface est simple, les visuels jolis pour présenter son site sur mobile ou sur Ordinateur.

Magic mockups propose quelques mises en situation pour votre site fixe ou mobile ou pour logiciel

Magic mockups propose quelques mises en situation pour votre site fixe ou mobile ou pour votre logiciel

contact

Connaître le vrai positionnement de son site web dans les résultats de Google

Je ne sais pas si vous avez déjà remarqué
ceci mais quand vous faites une même recherche sur Google sur différents ordinateurs, vous n’obtenez pas obligatoirement le même
résultat.

 

Gardez un œil sur votre positionnement Google

Gardez un œil sur votre positionnement Google

 

En effet, si vous êtes connecté à votre compte Google, si vous utilisez un terminal mobile, ou simplement si vous faites régulièrement des recherches sur un sujet spécifique, Google va essayer de vous proposer des résultats en lien avec ce que vous avez déjà cherché.

Donc, Google ne vous propose pas de trouver ce
que vous recherchez, mais ce qu’il pense que vous pourriez
rechercher.

Prenons un exemple : vous faites souvent des recherches de recettes de cuisines, si vous lancez une recherche sur le mot « cookies » il est fort probable qu’on vous propose pas mal de liens sur des sites de pâtisserie. Si par contre vous êtes curieux de sécurité informatique, il et plus probable que Google vous propose des liens sur les fichiers textes qui répondent à ce nom de gâteau….

Tout cela est bien pratique, mais si vous avez un site web, que vous le visitez souvent, et que vous voulez savoir comment il est positionné sur les moteurs de recherche, ça risque de vous jouer des tours et vous pourriez voir votre site bien mieux classé qu’il n’est vraiment.

Je vous propose deux petites méthodes pour
essayer d’y voir plus clair dans votre recherche de positionnement.

1/ La méthode manuelle : Surfer sans
cookies en utilisant la navigation privée

Tous les navigateurs proposent maintenant une fonction de navigation privée, c’est un mode qui « isole » votre séance de navigation du reste de votre surf, vos résultats de recherche ne sont ainsi pas parasités par les informations de vos précédents surfs voici comment ouvrir une session de navigation privée avec les navigateurs les plus courants :

  • Firefox : Cliquez sur Fichier > Nouvelle fenêtre de navigation privée (ou utilisez le raccourci clavier [Ctrl]+[Maj]+[P])
  • Internet Explorer 11 :cliquez sur sécurité > activez navigation Inprivate (ou utilisez le raccourci clavier [Ctrl]+[Maj]+[P])
  • Chrome :
    cliquez sur l’icône menu > nouvelle fenêtre de navigation privée (ou utilisez le raccourci clavier [Ctrl]+[Maj]+[N])
  • Opera :
    cliquez sur l’icône menu opera > nouvelle fenêtre de navigation privée (ou utilisez le raccourci clavier [Ctrl]+[Maj]+[N])
  • Safari (sur PC) :
    cliquez sur l’icône en forme d’engrenage > navigation privée
  • Safari  (sur Mac) :
    cliquez sur le menu safari > navigation privée

Vous n’avez plus qu’a vous rendre sur Google et lancer votre recherche, vous verrez le vrai positionnement de votre site en fonction des mots clefs tapés.

2/ La méthode automatique : Free Monitor for Google

Free Monitor for Google est un logiciel gratuit (pour Windows) édité par cleverstat qui permet a partir d’une URL et d’une liste de mots-clef ou d’expressions de connaître votre positionnement dans Google sur ces recherches.

On peut à tout moment compléter la liste de mots clefs et actualiser la recherche pour voir comment évolue le positionnement d’un site.

On peut aussi :

  • choisir la version géographique de Google qu’on veut utiliser pour sa recherche.
  • Exporter les résultats de recherche au format CSV
  • Créer plusieurs sessions de recherche pour plusieurs sites.

Bref se simplifier grandement la vie pour trouver le positionnement de votre site

Free monitor google, prise en main

vous pouvez télécharger Free Monitor for Google sur le site de son éditeur

copyright

L’agence Passeurs de savoirs vous souhaite une Bonne Année 2015

Nous vous souhaitons à toutes et tous un très bonne année 2015.

Qu'elle vous permette de faire aboutir vos projets

à cette occasion, nous vous invitons à découvrir et partager nos vœux interactifs en cliquant sur l'image ci-dessous.

voeux2015

about

Créer un podcast avec les outils Google

Il y a quelques jour j'ai été sollicité par epicureaudio qui souhaitait trouver une solution gratuite pour héberger un podcast.
Après quelques recherches lui ai suggéré d'utiliser les outils de Google pour le faire quelques échanges plus tard, je me suis dis que faire un petit guide pas a pas pourrait être le bienvenu.

flickrsthecommons

1/ techniquement un podcast c'est quoi ?

Un podcast c'est un ensemble de fichiers (audio ou vidéo) qu'on propose en téléchargement de maniére plus ou moins réguliére.

Pour faciliter leur téléchargement on met en place un fichier XML qui regroupe les informations sur chacune des publications (titre résumé, information sur le media)

Ces fichier peuvent ensuite être lus par un agrégateur de flux ou logiciele lecture comme VLC ou Itunes

Donc pour créer une plate forme de diffusion de podcast on a besoin

  • d'un espace d'hébergement de fichier audio ou vidéo.
  • et d'un outil capable de générer le flux xml du podcast.

2/ Comment créer un podcast avec Blogspot - Google drive et feedburner

 

Google propose 3 outils qui peuvent nous permettre de créer un podcast :

  • Google drive (qui permet d'héberger gratuitement jusqu'à 15Go de fichiers
  • Blogger qui permet de créer de blogs et des flux XML
  • Et feedburner qui permet d'embellir les fluxx RSS et atom pour améliorer leur compatibilité

pour voir un exemple de ce que çà peut donner : http://djcpodcast.blogspot.fr/

3/Au boulot !

Bon maintenant qu'on a le principe et la boite a outil, au boulot
Histoire d’alléger un peu le tutoriel je part du principe que (si ce n'est déjà fait) vous saurez créer vos comptes google drive, votre blogue google et que vous savez comment vous connecter à feedburnner.
On va procéder en 3 phases :

  • Configurer et récupérer les informations de google drive,
  • configurer notre blog blogger pour le podcasting et rédiger notre premier billet incluant un podcast,
  • paramétrer le flux dans feedburner et installer les lien d'abonnement dur le blog.

Edit : vous avez envie d'un accompagnement pas a pas ? suivez ce How-to en vidéo :

 

Configurer google drive

Dans google drive nous allons créer un dossier public qui va nous servir a stocker les fichiers de notre podcast et qui sera accessible pour celle et ceux qui veulent télécharger les épisodes de podcast
rendez-vous à l'adresse https://drive.google.com/

  • dans la colonne de gauche cliquez sur Nouveau puis sur dossier
  • Donnez un nom à votre dossier (par exemple podcast) puis cliquez sur créer
  • un nouveau dossier est créez dans votre drive

Rendre le dossier public

003-drive-partagerdossier-01
Faite un clic droit sur votre dossier puis dans le menu qui s'ouvre choisissez « partager »

dans la fenêtre qui s'ouvre cliquez sur « avancé »

100-mon drive public lecture

dans la rubrique « Qui a accès?» devrait apparaître «Privé - Moi uniquement»

cliquez sur le lien : «Modifier»

choississez pour le partage de lien «Public»

et pour l’accès "tout le monde (sans connexion)" en vérifiant que vous ne donnez que l’accès en lecture
pour la suite nous allons avoir besoin de récupérer l'url du dossier.
Pour cela double cliquer sur le dossier podcast,

l'url devrait ressembler à ceci

https://drive.google.com/drive/#folders/0Bw7GlbAiMpdkYW5yLUxxNGFkU0E

L'adresse publique sera

https://googledrive.com/host/0Bw7GlbAiMpdkYW5yLUxxNGFkU0E

(vous pouvez aussi utiliser le convertisseur d’adresses Google drive à cette adresse  )

Configurer blogger pour le podcasting

par défaut blogger ne permet pas d'associer de fichiers à un post, il faut donc le configurer pour pouvoir associer
Dans l'interface de votre blog

101-blogger config

allez sur paramètres > autres

et dans la rubrique «Activer les liens de titre et les liens de contenu» choisissez oui et sauvegarder

publier votre premier podcast

Dans google drive

importez votre fichier à podcaster dans votre le répertoire « podcast » de votre google drive

102 importer drive
une fois votre fichier sauvegardé son adresse publique corespondrat à l'adresse publique de votre répertoire + le nom du fichier
par exemple si votre fichier s'appelle : partie1.mp3
et que votre repertoire public à pour adresse :

https://googledrive.com/host/0Bw7GlbAiMpdkYW5yLUxxNGFkU0E

l'adresse de votre fichier sera :

https://googledrive.com/host/0Bw7GlbAiMpdkYW5yLUxxNGFkU0E/partie1.mp3

dans Blogger

cliquez sur « nouvel article »

103 premier post

Dans « titre de l'article » donnez le nom de votre épisode de podcast »

Dans la zone d'article, donnez la description de votre épisode de podcast

dans la rubrique liens > Liens vers des pièces jointes collez l'adresse publique de votre fichier de podcast (ex : https://googledrive.com/host/0Bw7GlbAiMpdkYW5yLUxxNGFkU0E/partie1.mp3)

La zone ajoutez un type de mime devrait automatiquement afficher : audio/mpeg si ce n'est pas le cas ajoutez le
cliquez ensuite sur publier
votre article et votre premier épisode de podcast sont en ligne.

Configurer votre flux de podcast avec feedburner

Feedburner est un outil qui permet d'améliorer la compatibilité d'un flux Rss (ou d'un flux de podcast) avec les différents logiciels de podcast)
NOTE :La configuration de feedburner ne se fait qu'une seule fois, vous n'aurez plus à la refaire par la suite.
la première chose est de récupérer l'URL originale du flux rss pour ce faire dans blogger une fois votre premier épisode publié cliquez sur le bouton afficher le blog (en haut a gauche de votre ecran)
en bas de la page d'accueil de votre blog apparaît un lien «Inscription à : Articles (Atom)» faites un clic droit sur le lien et copier l'adresse du flux

104 premier post front

vous devriez récupérer un lien de la forme
http://nomdevotreblog.blogspot.com/feeds/posts/default

rendez vous ensuite sur feedburner

 

105 feedburnner
Collez l'adresse de votre flux

cochez la case i'm a podcaster

cliquez sur next

dans la deuxième page

106 feedburnner
donner le titre général de votre podcast et choisissez une url (simple de préférence) pour votre flux

puis cliquez sur next

La page suivante vous donne l'adresse de votre flux de podcasteur

107 feedburnner

cliquez sur next pour continuer la configuration

La page suivante

vous propose un formulaire à à compléter pour optimiser votre flux pour les différents lecteur de podcast (comme juice ou Itune), remplissez le formulaire de la manière suivante :

 

  • Create podcast enclosures from links to : Choisissez le type de fichier que vous voullez inclure comme fichier de podcast (audio, vidéo, tous, aucun)
  • Include iTunes podcasting elements : définissez les catégories pour Itune
  • Category: catégorie de l'annuaire Itune
  • Subcategory: sous catégorie (eventuellement) de l'annuaire Itune
  • Podcast image location: l'image qui illustrera votre podcaste dans Itune (entre autre) choisissez une image carrée d'au moins 1400Px de coté
  • Podcast subtitle: sous titre de votre podcast
  • Podcast summary: présentation de votre podcast
  • Podcast search keywords: mots clef définissant votre podcast (séparé par des virgules)
  • Podcast author nom de l'auteur
  • email address: adresse e-mail de contact
  • Include "Media RSS" information and add podcast to Yahoo! Search : cocher pour améliorer la compatibilité avec certain lecteurs de flux
  • Contains explicit content: votre podcast s'adresse il a des adultes (oui/non)
  • Copyright message: vos droit d’auteur ou la licence applicable
  • Podcast author: nom du détenteur des droits

 

puis cliquez sur next

l’écran suivant

vous propose de configurer les statistique de téléchagement et de consultation de votre flux, choisissez vos options puis cliquez sur next

votre flux de podcast est à présent configuré

son adresse devrait ressembler à ceci
http://feeds.feedburner.com/testepoddjc
c'est cette adresse que vous aller soumettre aux différent annuaires de podcast.

Créer d'autres episodes.

Pour chaque nouvel épisode :

  • Copier vos fichier sur google drive
  • récupérez l'adresse publique (selon la méthode présentée ci avant)
  • créez un nouveau poste sur votre blog blogger et joignez lui l'adresse du fichier mp3
  • votre flux de podcast se metra a jour automatiquement.

Aller plus loin ?

Vous pouvez aller un peu plus loin dans votre démarche.

  • En intégrant un lecteur sur les billets de votre blog
  • en ajoutant un bouton d'abonnement sur votre blog
  • En utilisant la programmation des billet sous blogger pour publier votre podcast a une date et une heure précise.
contact

Color Thief pour créer des palettes de couleurs

Je viens de découvrir un outils très sympa pour celles et ceux qui créent des design de site et de documents : Color Thief

le concept est simple :

  • vous vous rendez sur le site
  • vous uploadez une image (par simple drag and drop)
  • vous cliquez sur un bouton

et çà vous donne une palette de couleurs générées à partir des  couleurs dominantes  de votre image

Color-Thief

 

Cerise sur le gâteau, ça fonctionne simplement avec un peu de html5 et de javascript et c'est téléchargeable sur github.

un petit outil qui peut être sympa d'ajouter à vos projets

copyright
notice
home
Bear
store