mercredi 28 décembre 2011

POMBO, antivol logiciel pour Linux et Windows !

Sur le site de Seb Sauvage:
http://sebsauvage.net/pombo/index.fr.html

Pas besoin de dépenser des Milles et des Cents pour protéger votre ordi en cas de vol... Celui-ci est gratuit et fonctionne sur Linux et Windows.


Pombo

Qu'est-ce que c'est ?

Pombo peut vous aider à récupérer votre ordinateur en cas de vol.

Comment ça marche ?

Pombo travaille en tâche de fond, caché, et envoie des informations de traçage à un serveur web de votre choix.

Si votre ordinateur est volé, il vous suffit de vous connecter sur votre serveur web pour récupérer le dernier fichier envoyé par Pombo, le décrypter et le fournir à la police. Il contient tout le nécessaire pour permettre à la police de retrouver le voleur: Adresse IP, date/heure, routeurs proches, capture d'écran et même une photo du voleur si vous avez une webcam !

Pombo protège votre vie privée: Les informations de traçage sont chiffrées avec GnuPG et vous - et seulement vous - pouvez les déchiffrer.

Caractéristiques

Simple: Moins de 300 lignes de code.
Respecte votre vie privée: Les informations de traçage sont chiffrées avec une clé publique avant d'être envoyées, et seulement vous pouvez les décrypter avec la clé privée correspondante.
Sûre: Aucun port à ouvrir, et ne permet pas le contrôle à distance.
Ne dépend pas de sites ou services tiers: Vous avez le contrôle sur le serveur et le client. Vous pouvez changer de serveur à tout moment.

Totalement gratuit: Pas de logiciel à acheter, pas de service à souscrire et renouveller.
Opensource: Vous pouvez le modifier, l'adapter à vos besoin.

Fondations fiables: Pombo n'essaie pas de ré-inventer la roue et se base sur des logiciels solides (par exemple, pas de chiffrement bricolé maison: utilise GnuPG).

Prend des informations de traçage uniquement si une connexion internet est disponible.
Discret: Utilise zéro CPU, zéro mémoire et n'apparaît pas dans la liste des processus quand il n'est pas en activité (ce n'est pas un démon).

Informations collectées:
Nom du système
Adresse IP publique
Date/heure
Information sur toutes les interfaces réseau (filaires et wireless), y compris l'adresse matérielle (MAC) du point d'accès WiFi auquel l'ordinateur est connecté.
Connexions réseau en cours

Informations sur les routeurs proches
La liste de tous les points d'accès WiFi proches, avec leur adresse matérielle (MAC), leur SSID et leur puissance.
Capture d'écran
Photo par la webcam (si vous en avez une)

En savoir plus et obtenir le logiciel...
Version Windows
Pour Mac, il y a Undercover (mais il est payant: 49$)

Transmettre des paramètres dans une URL

Vu dans le Site du Zéro


Savez-vous ce qu'est une URL ? Cela signifie Uniform Resource Locator, cela sert à représenter une adresse sur le web. Toutes les adresses que vous voyez en haut de votre navigateur, comme http://www.siteduzero.com, sont des URL.
Je me doute bien que vous ne passez pas votre temps à regarder ces URL (il y a bien mieux à faire !), mais je suis sûr que vous avez déjà été surpris de voir certaines URL assez longues avec des caractères un peu curieux. Par exemple, après avoir fait une recherche sur Google, la barre d'adresse contient une URL longue qui ressemble à ceci :http://www.google.fr/search?rlz=1C1GFR343&q=siteduzero. Les informations après le point d'interrogation dans cette URL sont des données que l'on fait transiter d'une page à une autre. Nous allons découvrir dans ce chapitre comment cela fonctionne.


http://www.siteduzero.com/tutoriel-3-220328-transmettre-des-donnees-avec-l-url.html#ss_part_1

lundi 26 décembre 2011

DROPBOX peut vous aider à retrouver votre ordinateur s'il est volé!


Si vous avez peur que votre ordinateur portable soit volé, vous pouvez facilement utiliser Dropbox pour se surveiller lui-même au cas où cela se produirait. Vous aurez alors plus de chance de le récupérer.

Pour ce faire vous aurez besoin d'installer un keylogger et/ou un logiciel de capture d'écran automatique qui espionneront votre voleur à son insu et enregistreront les données dans un dossier de votre DropBox synchronisée. Vous pourrez alors récupérer ces données à distance sans qu'il le sache.

Attention, il faut cacher la présence de votre Dropbox sinon votre voleur pourra y accéder aussi! (pas d'icône dans la barre de notification au moins). Vous pouvez aussi protéger le dossier par mot de passe où sont stockées ces données.

On peut aussi assez facilement programmer la webcam pour qu'elle prenne des clichés du voleur à intervales réguliers... Il y a encore beaucoup de choses possibles comme prendre les commandes a distance de votre ordinateur...

(D'après http://web.appstorm.net/roundups/data-management-roundups/the-ultimate-dropbox-toolkit-guide/)

Trucs DropBox (en Anglais)

C'est sur web.appstorm.net. Désolé, c'est en Anglais et surtout pour les Macs. Vous pouvez essayer avec Google Translate (résultat non garanti).

  1. Share Photo Galleries
  2. Consolidate Your iTunes Library
  3. Password Synchronization
  4. Create Your Own Digital Scrapbook
  5. Keep Your Firefox Profile in Sync
  6. Use Dropbox As Your Documents Folder
  7. Sync Your iTunes Library Across Multiple Computers
  8. Theft Recovery
  9. Home/Office Security
  10. Website/File Hosting and Sharing
  11. PHP Dropbox Uploader
  12. Multiple Dropbox Instances
  13. Making Dropbox Portable
  14. Sync Your iCal Calendar
  15. Using Dropbox & Eye-Fi for Instant Image Viewing
  16. Sync .torrent Files and Auto-Start Downloads
  17. Automatic Screenshot Sharing with Hazel [Mac]
  18. Sync XAMPP/MAMP Directories for Testing and Development
  19. Version Control
  20. OneNote Sync & Collaboration [Win]
  21. Synchronize Text Expansion Snippets
  22. Synchronize Design/Development Resources (Photoshop Presets, etc.)
  23. Shutdown, Restart or Sleep Your Computer with Hazel [Mac]
  24. Remotely Control Your Computer with Hazel [Mac]
  25. Public Link to Avatar For Quick Changes
  26. Synchronize Chat Logs
  27. File Edit Notifications with Growl
  28. Send Files to Dropbox via Email
  29. Sync Clipboard
  30. Sync Coda Books,
  31.  Plugins & Site Previews

Faux Nom de Domaine - Redirection invisible

Si vous avez essayé mon "truc" qui consiste à créer un petit site gratuitement sur votre DropBox, vous serez peut-être intéressé par ceci afin de créer un vrai-faux nom de domaine.
Si vous avez créé ce faux nom:de domaine http://monpetitsiteamoi.new.fr/, lorsque vous taperez l'adresse dans votre navigateur, la redirection vers votre page réelle sera automatique et invisible. Ceci-dit, je pense que cela n'a que peu de valeur quant au référencement, voire aucune... Juste pour le fun!
http://www.new.fr/fr/

Centrer un tableau avec des images

(Voir question sur http://mestrucspourblogger.blogspot.com/2009/10/publier-des-images-cote-cote.html)

Bon Noël à tous!

Voici le code pour centrer le tableau. Notez que les images sont aussi centrées.

 <table align="center" border="1" cellpadding="1" cellspacing="5" style="height: 300px; width: 600px; "><tbody> <tr> <td style="text-align: center; width: 50%; "> <img alt="" src="http://dl.dropbox.com/u/19586410/Blogs/image2.jpg" style="width: 292px; height: 288px; " /></td> <td style="text-align: center; width: 50%; "> <img alt="" src="http://dl.dropbox.com/u/19586410/Blogs/image1.jpg" /></td> </tr></tbody></table>

Résultat:


Il faut copier ce code dans le code html de votre message à l'endroit ou vous voulez qu'il apparaisse. J'ai laissé les bordures visibles, mais il vaut mieux les cacher en mettant border="0".
Si vous êtes débutant, je vous conseille plutôt d'utiliser un éditeur HTML WYSIWYG en ligne comme celui-ci (CK Editor sur mon serveur): 

dimanche 25 décembre 2011

Hébergez un petit site sur votre DropBox

Sumo Paint Online

J'ai récupéré le fichier swf (Flash) de Sumo Paint et l'héberge sur ma DropBox. Il s'ouvre automatiquement dans votre navigateur préféré. Touche F11 pour passer en plein écran. Je l'ai peu essayé pour l'instant, mais il semble facile à utiliser à première vue. Cliquez sur le petit drapeau US pour passer en Français. Le lien se trouve dans la rubrique Graphism & Flash.

Lancer SumoPaint

Ligne vide (2)

Pour insérer une ligne vide,


on peut aussi créer une ligne transparente dans un logiciel de graphisme comme PhotoFiltre et l'enregistrer en format GIF (ou PNG). Enregistrez-la dans votre dossier DropBox ou autre et récupérez l'URL.

Code HTML classique pour insérer une ligne transparente:


<p><img alt="" src="http://dl.dropbox.com/u/19586410/lignevide.gif" style="width: 200px; height: 1px; " /></p>

Code "revu et corrigé" par Blogger après publication:

<img alt="" src="http://dl.dropbox.com/u/19586410/lignevide.gif" style="height: 1px; width: 200px;" />.

Note: il y a encore quelques mois, il me semble que Picasa ne prenait pas les gifs transparents et animés. Je crois que c'est corrigé maintenant. En général, j'enregistre mes gifs et mes animations Flash dans ma Dropbox.

Ligne vide


Sur certains modèles Blogger, quand on veut créer un widget HTML/JavaScript, la méthode habituelle qui consiste à insérer un saut <br /> ou avec "Enter" ne fonctionne pas, notamment quand on veut insérer une ligne vide... A la publication, la ligne vide disparaît.

Il suffit de rajouter dans le code HTML du widget
<p>&nbsp;</p>


Exemple:

<p>Sur certains mod&egrave;les Blogger, quand on veut cr&eacute;er un widget HTML/JavaScript, la m&eacute;thode habituelle qui consiste &agrave; ins&eacute;rer un saut&nbsp;ou avec &quot;Enter&quot; ne fonctionne pas, notamment quand on veut ins&eacute;rer une ligne vide... A la publication, la ligne vide dispara&icirc;t.</p>
<p>&nbsp;</p>
<p>Il suffit de rajouter dans le code HTML du widget</p>
<p>&nbsp;</p>
<p>Exemple:</p>

Animation flash qui passe par dessus la bannière de titre...

Ça n'était pas vraiment gênant mais plutôt surprenant, mais voilà que quelques jours avant Noël j'ai publié une animation Flash sur un de mes blogs (Voir ici)...

Mais l'animation passait par dessus ma bannière de titre qui est un peu particulière (j'en ai déjà parlé il y a quelques temps), elle est fixe c-à-d qu'elle ne défile pas avec les messages, elle est toujours visible.

J'ai donc trouvé la solution sur commentcamarche.net.

Il suffit de rajouter les paramètres wmode="transparent" dans le code du Flash. Et tout rentre dans l'ordre..

 <div style="text-align: center;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data="http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf" height="476" width="640"><param name="wmode" value="transparent" /><param name="quality" value="high" /><param name="movie" value="http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf" /><embed height="476" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://dl.dropbox.com/u/19586410/Blogs/noel-nbbc.swf" type="application/x-shockwave-flash" width="640" wmode="transparent"></embed></object>
 </div>

vendredi 23 décembre 2011

Réduire l'espace entre les widgets et leurs titres

Rechercher (separator.outdent);padding: (en principe le 2è)...
modifier le nombre de pixels (12px à l'origine?) en 0px (zéro) ou autre.

Modifier l'espace entre les widgets

Rechercher widget.padding.side)

Modifier les valeurs en rouge:


padding:0 $(widget.padding.side)15px;margin:15px -16px;


Pour diminuer l'espace, mettez par exemple 5px, pour l'augmenter mettez 20 px. C'est à votre convenance...

samedi 17 décembre 2011

Votre Blog en version Mobile? Fastoche!

Il y a une possibilité de rendre votre Blog (Blogger) compatible Mobile et ceci très facilement.


Il suffit de rajouter ?m=1 à la suite de l'adresse habituelle.

Exemple:
http://blogtricker.blogspot.com/?m=1
Et ça donne ça (ici dans un iframe):



J'ai rajouté dans la barre latérale de menu un formulaire inspiré de celui de Dynamic View. Il suffit de changer "blogtricker" et d'y mettre le nom de votre blog (ne fonctionne évidemment qu'avec Blogger!).

vendredi 16 décembre 2011

TO GO MO ?

Google vient de mettre en ligne un nouveau site intitulé HowToGoMo (qui signifie à peu près Comment migrer vers le mobile), destiné à promouvoir le web mobile et à aider les développeurs et webmarketers à passer à une version mobile. 

Google Go-Mo, l'initiative de Google pour populariser les versions mobiles des sites web


How To Go Mo

dimanche 11 décembre 2011

SecurityKiss (2)

J'ai franchi le pas...


J'ai pris un abonnement de 3 mois du "Plan JADEITE" ou package avec 50 Giga de bande-passante par mois. Bien plus qu'il ne m'en faut!
Je dois ajouter que l'interface est vraiment simple, pas de mot de passe à se rappeler, c'est automatique. Chaque interface étant personnalisée avec le numéro de client, pas de risques de se faire voler son accès!

Très bonne surprise! C'est encore plus rapide qu'avant! Quand j'ai redémarré l'interface, mon nouveau "plan" était visible et surtout, je bénéficie de nombreux serveurs supplémentaires et dont 1 à Miami, ce qui me convient parfaitement vu que c'est la "route" normale pour les Antilles et le plus proche (2000 km de câble sous-marin avec un "noeud" à Porto-Rico).

Notez que le "plan" JADEITE fonctionne aussi sous Linux et Mac (en principe, mais je n'ai pas encore essayé). Si vous prenez le "plan" au-dessus, EMERALD, vous bénéficierez en plus d'une adresse IP fixe. Les "packages" les plus chers sont multi-licence, vous pouvez donc les installer sur plusieurs ordis.
Dans la page "Pricing" vous pourrez voir les multiples options des différents "plan" (ou packages).
Seul regret, il ne semble pas y avoir de possibilité de router ma Livebox2 à travers ce VPN. C'est possible avec certains routeurs paraît-il...

Pour info, je suis allé dans les propriétés TCP/IP de la connexion, j'ai décoché "obtenir une adresse DNS automatiquement" et ai rajouté celles-ci (comme sur mes autres connexions):
4.2.2.5
4.2.2.1

Encore un VPN rapide... et gratuit!

J'essaye en ce moment-même un nouveau VPN Provider:


SecurityKiss is a tunnel service which ensures security and privacy once your data leaves your computer. It redirects all your traffic through an impenetrable tunnel to our security gateway. Everything in the tunnel is encrypted.


Il est rapide. On trouve des serveurs dans le monde entier que l'on peut choisir en fonction de sa position géographique. Malheureusement, il n'y en a que 2 aux "States" (les plus intéressants pour moi qui suis aux Antilles): Sierra Vista dans l'Arizona et Chicago (très rapide pour moi).
La version gratuite (par défaut) est limitée à 300 mb de bande passante par jour. Le prix des versions payantes reste raisonnables.
L'installation est rapide et facile (aucun problème sur XP avec un compte administrateur).


Autre info: si vous ne faites pas particulièrement de gros téléchargements, il faut compter environ 7 à 8 Mb de bande-passante pour 1 h. Les 300 Mb/24 h (gratuit) sont donc largement suffisants. Mais si vous allez sur un site de musique comme Pandora.com ou pire, de cinéma, il vous faudra peut-être passer à une version payante. Attention, la version gratuite ne fonctionne que sur Windows.


Interface à droite, claire et simple.


SecurityKiss est principalement basé à Frankfurt (Francfort, Allemagne).


samedi 10 décembre 2011

UN VPN RAPIDE et GRATUIT!


En général, la gratuité et la rapidité ne vont pas de pair. Mais là, je suis bluffé!

TunnelBear fonctionne plutôt bien à condition de choisir "UK". Vous pouvez essayer aussi "US", mais chez moi, à St Martin (Antilles Françaises), il ne fonctionne pas ou mal ce qui lui fait perdre un peu de son intérêt. Je précise qu'il est presque aussi rapide que l'excellent AlwaysVPN (payant).
TunnelBear offre 500 Mb par mois en version gratuite mais on peut obtenir un bonus de 1 Gb à condition d'avoir un compte Tweeter.
AlwaysVPN est donc payant et rapide. On ne paye pas au mois mais à la Bande Passante.  Par exemple, j'ai actuellement 70 Gb en réserve. On peut payer par Paypal.


Pourquoi un VPN ?

"Pour vivre heureux vivons cachés". Cela permet donc d'être anonyme. Important pour moi, il me permet de vérifier que mon serveur fonctionne correctement. En effet, derrière certaines "box", on ne peut pas vérifier en réseau local son propre serveur HTTP ou FTP. Avec un VPN, c'est possible. Notez qu'ici il s'agit de "service VPN" et non pas de réseau VPN personnel ou d'entreprise. En savoir plus sur Wikipedia

Faites un sondage ou un questionnaire sur votre site ou sur votre blog...

Il suffit d'aller à cette adresse:
http://www.widgetbox.com/widget/poll-pro?startWithPro=1

dimanche 4 décembre 2011

Dynamic Views

Nouvelle fonctionnalité de Blogger, les Dynamic Views (Affichages dynamiques). Je ne vous en parlerai pas précisément aujourd'hui pour la bonne raison que je ne les ai pas expérimenté vraiment. Mais vous pouvez en avoir un aperçu de ce que donnerait BlogNotes en affichage dynamique en cliquant sur ce lien: http://blogtricker.blogspot.com/view/sidebar (il s'agit en fait d'une simulation...  réelle).
Bien sûr, vous pouvez aussi aller dans le Tableau de bord puis Modèles et transformer ainsi définitivement votre blog.
Premier constat, la navigation est très rapide ce qui peut être intéressant pour les connexions lentes... Par contre, on perd les widgets et donc les liens.

Comment l'appliquer à d'autres blogs?
Il suffit de changer le nom du blog
http://monblog.blogspot.com/view/sidebar
Cela ne fonctionne évidemment que pour Blogger...

Autres options donnant une mise en page différente...
En remplaçant sidebar par snapshot, magazine, flipcard, mosaic, timeslide ou classic, l'affichage sera différent mais il est aussi tout à fait possible de choisir un autre affichage dans la barre en haut.


En savoir plus sur les Affichages Dynamiques

Votre blog en vue dynamique

Vous pouvez aussi utiliser le formulaire ci-dessous... Copiez-collez  blogtricker  ou autre dans la "box" ci-dessous puis cliquez sur OK. (Il y est déjà)


/td>

Vous pourrez ensuite changer de vue facilement: mosaic, flipcard, snapshot ou autres...

Voici le code du formulaire de base (Il est possible d'en faire un widget):

<table><tbody><tr><td>
<span style="color: #666666;">http://</span><input id="__blogname" /><span style="color: #666666;">.blogspot.com</span> <button onclick="window.open('http://' + document.getElementById('__blogname').value + '.blogspot.com/view');">Valider</button></td></tr>
</tbody></table>


Voici une version encore plus épurée pour un widget (celle affichée plus haut)


<table align="center" width="100%">
    <tbody>
    <tr>
        <td height="55" width="100%">
            <p align="center" style="line-height:120%; margin-top:0; margin-bottom:0;">Votre Blog en Dynamic View</p>
            <p align="center" style="line-height:120%; margin-top:0; margin-bottom:0;"><input id="__blogname" / size="11" value="blogtricker">  <button onclick="window.open('http://' + document.getElementById('__blogname').value + '.blogspot.com/view');">OK !</button></p>
        </td>    </tr>
    </tbody>
</table>


Notez qu'une fois de plus, je n'ai pas réussi à faire fonctionner ce formulaire sur ce Blog. Donc, je l'ai installé sur un de mes blogs "basic" puis je l'affiche ici à travers un iframe.
Vous pouvez voir le widget en action dans la sidebar à gauche

vendredi 2 décembre 2011

Background image

OUF ! Je crois que j'ai enfin trouvé...

Je m'explique.
J'ai souvent eu des problèmes dans Blogger quand je superpose une image transparente (calque ou "transparent") de manière à légender une image satellite (par exemple). Souvent des décalages disgracieux avec l'image de fond qui se répète...
Namo Web Editor m'a été ici d'un grand secours. Je ne me voyais pas faire ça "à la main"... car j'ai beaucoup tâtonné!
Donc...
L'image d'arrière-plan du tableau lui-même est une image satellite distante (code en rouge) et la deuxième image png transparente (le calque) est en arrière-plan de la cellule. Et ça fonctionne! (code en bleu)
Attention! J'ai introduit 3 retours à la ligne dans l'adresse de l'image satellite car celle-ci faisait déborder mon texte hors du cadre du blog... (Toujours pas résolu ce problème!)


 <div style="text-align:center;">
Regional &quot;Visible&quot; (only during the day)</div>
<div style="text-align:center;"><center><table cellpadding="0" cellspacing="0" height="400" style="width: 500px;" width="500" background="http://wublast.wunderground.com/cgi-bin/WUBLAST?lat=18.04999924&amp;lon=-63.11999893&amp;
zoom=4&amp;width=500&amp;height=400&amp;key=sat_vis_thumb&amp;basemap=1&amp;gtt=0&amp;num=1&amp;
timelabel=1&amp;delay=25&amp;borders=1&amp;theme=WUBLAST_WORLD&amp;extension=png&amp;proj=ll&amp;
rand=1304286001"><tbody><tr>                          <td width="500" height="400" style="background-repeat:no-repeat;" background="http://dl.dropbox.com/u/19586410/transparent2.png">
                     </td>
</tr>
</tbody></table>
</center></div>
et ça donne ça:
Regional "Visible" (Visible seulement le jour)