Faire démarrer une vidéo Youtube à un temps précis [Astuce]

[niveau: débutant]

Il est possible d’envoyer un lien Youtube à une personne qui fera démarrer la vidéo à un moment précis que vous aurez choisi. Pratique lorsque l’on veut montrer un court passage d’une vidéo. Pour se faire, il suffit de rajouter ce code à la fin de l’adresse : #t=0m50s
Le code précédent signifie que l’on doit commencer la vidéo à 50 secondes. Par exemple http://www.youtube.com/watch?v=luW4f2glk0Q#t=0m50s.

Il est possible de le faire aussi avec les vidéos embed en ajoutant le paramètre start=X avec X le nombre de secondes. Par exemple:
<object width="425" height="344"><param name="movie"
value="http://www.youtube.com/v/luW4f2glk0Q&hl=fr&fs=1&start=50"></param><param
name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"&
gt;</param><embed src="http://www.youtube.com/v/luW4f2glk0Q&hl=fr&fs=1&start=50"
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425"
height="344"></embed></object>

Soit:

Installer Linux dans Windows et tester ainsi les navigateurs Linux [Web Design]

[niveau: intermédiaire]

Linux est un système d’exploitation qui était réservé au geek, mais depuis plusieurs années les distributeurs font en sorte que cet OS soit plus facile à installer et à utiliser. Linux apparaît d’ailleurs de plus en plus comme une alternative à Windows.

Il y a donc plusieurs raisons qui pourraient vous pousser à installer Linux:
– tester pour voir à quoi ça ressemble
– regarder les applications disponibles
– comprendre comment il est configurable
tester les navigateurs pour vos sites web

Pour entrer dans le monde merveilleux du Pingouin (qui en est la mascotte), vous avez principalement trois solutions:

  1. l’installation pure et dure du système en parallèle de Windows, c’est-à-dire que vous choisissez l’un ou l’autre au démarrage de la machine
  2. l’utilisation d’un LiveCD qui offre la possibilité de démarrer sur un CD (ou une clé USB) qui contient Linux et ainsi de le tester sans rien installer sur l’ordinateur
  3. virtualiser Linux (à l’instar de ce que je vous ai montré l’autre fois pour tester les IE)

Je vais ici vous expliquer le dernier cas. En effet, je connais déjà bien Linux, et l’intérêt majeur pour moi de l’installer est de pouvoir tester Firefox, Epiphany, et autres navigateurs afin de m’assurer du design d’un site web.

Virtualiser Linux dans Windows est simple. Si la dernière fois nous avons utilisé VirtualPC c’est parce que Microsoft fournissait des images déjà prêtes pour leur logiciel. Mais cette fois-ci, nous allons plutôt utiliser VirtualBox. Pourquoi ? Parce que si vous installez Linux (et ici ce sera Ubuntu) dans VirtualPC, alors vous allez avoir une résolution d’écran de 800×600, ce qui n’est pas franchement pratique. Les démarches pour passer en une résolution supérieure sont compliquées et risquées, alors qu’avec VirtualBox il suffit de quelques commandes !

La première chose à faire est donc de télécharger VirtualBox (j’utilise dans cet exemple la version « VirtualBox 2.2.2 for Windows hosts »). Ensuite, il vous faut télécharger une distribution Linux. Il en existe des centaines de versions… Plusieurs sites essaient de vous guider, comme Comment ça marche. Pour notre cas pratique nous prendrons Ubuntu qui est l’une des plus utilisées.
Il vous faut récupérer l’image ISO d’Ubuntu (à l’heure où j’écris ces lignes le fichier est ftp://ftp.crihan.fr/releases/9.04/ubuntu-9.04-desktop-i386.iso).

Une fois téléchargé, ouvrez VirtualBox (que vous aurez déjà installé). Cliquez sur « Nouveau » :
20090413_vbox1
Pour le nom inscrivez « Ubuntu », et pour système d’exploitation prenez « Linux » et la version « Ubuntu » :
20090413_vbox2
Continuez avec les options par défaut.

Une fois fini vous devriez avoir cela :
20090413_vbox4

Maintenant cliquez sur « Lancer » afin d’activer l’assistant de premier lancement. Celui-ci vous demande ce que vous voulez installer. Choisissez « Disque Optique » et « Fichier Image » en sélectionnant le fichier iso que vous avez téléchargé précédemment (« ubuntu-9.04-desktop-i386.iso ») ;
20090413_vbox5
20090413_vbox6

L’écran d’installation d’Ubuntu va démarrer. Vous n’avez plus qu’à choisir « Français » (avec les flèches) puis de prendre « Installer Ubuntu » :
20090413_vbox7

Laissez les options par défaut proposées. Après plusieurs clics et quelques minutes vous vous retrouvez sous Ubuntu ! Malheureusement vous remarquez que vous êtes en résolution 800×600… Voilà un problème de résolution d’écran qui est simple à régler.

Tout d’abord, vérifiez que vous n’avez aucune image CD chargée. Pour cela, votre bureau Ubuntu doit être vide de toute icône. Si vous voyez une icône en forme de CD avec un nom qui commence par Ubuntu, alors faites un clic droit dessus puis « Ejecter ». Une fois fait, sortez de la machine virtuelle (en appuyant sur la touche « Ctrl » de votre clavier, mais celle qui se trouve à droite), puis aller dans Périphériques > Installer les Additions invité… :
20090413_vbox7bis
20090413_vbox8

Devrait alors apparaitre une icône avec un CD sur le bureau :
20090413_vbox12
(si ce n’est pas le cas, allez dans Machine > Redémarrage pour redémarrer la machine virtuelle)

Maintenant, dans Ubuntu, allez dans Applications > Accessoires > Terminal. Une fenêtre au fond blanc s’ouvre. Vous allez y taper les commandes suivants :
sudo su
/* entrez votre password défini durant l'installation */
cd /media/cdrom0
./VBoxLinuxAdditions-x86.run

Après quoi le système vous indique qu’il doit redémarrer. Ce qui doit donner :
20090413_vbox13

Pour redémarrer, allez dans Machine > Redémarrage. Une fois le boot terminé, vous verrez Ubuntu avec une résolution d’écran équivalente à la vôtre !

Vous n’avez plus qu’à lancer Firefox pour découvrir le rendu de votre site, et vous pouvez installer d’autres navigateurs pour les tester.

Quelles polices de caractères utilisées sur le web ? [Web Design]

[niveau: intermédiaire]

Si vous n’êtes pas un webdesigner professionnel, vous vous demandez sans doute quelles polices de caractères sont utilisables sur le Web. Peut-on utiliser une fonte personnalisée? Quelles sont les principales familles de fontes génériques?

C’est ainsi qu’est introduit le billet d’Alsacreation qui vous explique parfaitement les polices disponibles pour la plupart des navigateurs.

Dans cet excellent billet, l’auteur nous propose plusieurs polices de caractères:

/* Polices à empattements (serif) */
font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif;
font-family: Georgia, "DejaVu Serif", Norasi, serif;

/* Polices sans empattements (sans-serif) */
font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
font-family: Tahoma, Geneva, Kalimati, sans-serif;
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
font-family: Impact, "Arial Black", sans-serif;

/* Polices à chasse fixe (monospace) */
font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;

Enfin vous pouvez retrouver un tableau très bien fait chez Dustin sur « Web safe and common fonts ».

Ne pas se faire pirater son compte Facebook, sa boîte mail, etc… [Astuce]

[niveau: débutant]

Il est courant de voir des comptes Facebook et autres être détournés par un tiers. En général ce ne sont pas des amis qui vous veulent du bien, et ils en profitent pour vous créer une mauvaise réputation. Alors comment éviter ce phénomène ? C’est simple : il faut bien penser ses mots de passe !

En effet, trop nombreux sont les pass qui ressemblent à des mots simples comme « starwars » par exemple, et surtout qui sont identiques sur tous les services que ce soit Facebook, MySpace, Hotmail et autre Meetic.

Voici quelques conseils pour ne pas vous réveiller en retrouvant votre cyber espace saboté:

  1. utilisez des mots de passe compliqués ; par compliqué on entend un mélange de lettres (majuscules ET minuscules), de chiffres et de caractères spéciaux (comme @, &, %, #, …)
  2. utilisez des mots de passe différents pour chaque site web
  3. pour votre messagerie, changez régulièrement de mot de passe
  4. attention à la question secrète
  5. ne sauvegardez jamais votre mot de passe sur d’autres ordinateurs
  6. faites attention à qui accède à votre ordinateur

Revenons plus en détails sur chacun des points précédents.

Utilisez des mots de passe compliqués et différents pour chaque site

Avoir un password difficile à deviner, ne doit pas dire que vous allez avoir du mal à vous en souvenir ! Il existe des moyens mnémotechniques simples pour composer un pass compliqué.
Par exemple, utilisez le nom du site web sur lequel vous êtes pour former la base de votre secret. Ensuite, appliquez des règles toutes simples comme la première et la dernière lettre en majuscule, et votre année de naissance après la troisième lettre. Voici quelques exemples (en supposant que vous êtes né en 1980) :

Pour Facebook, on aura « FacebooK » → Fac1980ebooK
Pour MySpace, on aura « MyspacE » → Mys1980pacE

On peut même le compliquer en y ajoutant un caractère spécial qui change et que l’on place à la fin. On peut décider que tout ce qui commence par une lettre avant L aura le caractère « # » et le reste aura « @ ». Donc :

Pour Facebook, le F est avant le L, donc on aura Fac1980ebooK#
Pour MySpace, on aura le password Mys1980pacE@

Un autre exemple est de constituer une phrase de votre choix. Par exemple :j'aime le Nutella
On prend ensuite chaque première lettre, soit jalN. Enfin on fait un mixte avec la méthode précédente, c’est-à-dire qu’on utilise un nombre (comme votre date de naissance), un morceau basé sur le nom du site (disons la première et dernière lettre), et éventuellement un caractère changeant (ici qui dépend de si la première lettre est avant L).
Exemples :

Pour Facebook, on aura « facebook » → « fk » → « jalNfk » → « jalNfk1980 » → jalNfk19#80
Pour MySpace, on aura « myspace » → « me » → « jalNme » → « jalNme1980 » → jalNme19@80
Pour Hotmail, on aura « hotmail » → « hl » → « jalNhl » → « jalNhl1980 » → jalNhl19#80

Encore plus simple !

Certains experts indiquent que l’utilisation d’au moins trois mots vous permet d’avoir un mot de passe inviolable (comme expliqué dans cet article en anglais). Ainsi le mot de passe "this is fun" est 10 fois plus sécurisé que "J4fS<2". De fait, vous pouvez tenter d’utiliser des phrases comme mot de passe, mais attention car certains sites limitent la taille du mot de passe ou les caractères utilisés.

Changez régulièrement de mot de passe de messagerie

Quelqu’un qui a accès à votre messagerie pourra récupérer vos mots de passe grâce à la procédure « J’ai oublié mon mot de passe » que tous les sites proposent. Il s’agit donc ici de s’assurer que son password pour sa messagerie est compliqué et soit régulièrement modifié.

Attention à la question secrète

La question secrète est celle posée par un site web lorsque vous vous inscrivez. On vous demande souvent le nom de jeune fille de votre mère, ou encore le nom de votre premier chien, ou autre. A première vue innocente, la réponse que vous allez donner est importante car elle permet de réinitialiser votre mot de passe si vous ne l’avez plus. Le nom de jeune fille de votre mère est une information assez facile à retrouver, comme les réponses des autres questions — il suffit que le pirate tchatte avec vous et vous pose quelques questions bien tournées pour que vous divulguiez l’information sans faire le rapport. Et bien sûr, je ne parle même pas de certains réseaux sociaux qui font apparaitre en clair certaines données utiles pour ceux qui savent chercher (comme le département de naissance, ou l’année de naissance, …).

Il est donc conseillé de choisir une question et d’y répondre de façon détournée. Par exemple pour le nom de jeune fille de votre mère, utilisez plutôt celui de votre grand-mère, ou alors votre deuxième prénom, ou n’importe quelle autre réponse dont vous vous souviendrez.

Ne sauvergardez pas votre mot de passe sur d’autres ordinateurs

Il vous arrive sûrement de consulter vos emails chez votre voisin ou chez un ami. Pensez bien à ne pas cliquer sur « se rappeler de mon mot de passe ». En effet, il pourrait alors être stocké sur l’ordinateur étranger, et le propriétaire peut ainsi y avoir accès sans trop de difficultés.

Faites attention à qui accède à votre ordinateur

Une personne qui utilise votre ordinateur a ainsi accès à vos comptes et mots de passe sauvegardés. Il vaut donc mieux ne pas laisser libre utilisation de votre PC à n’importe qui !

Dans Firefox, pensez que vos mots de passe sont lisibles par défaut. Si vous allez dans Outils > Options > Sécurité vous verrez un bouton « Mots de passe enregistrés », et en deux clics vous les voyez en clair ! Pour éviter ça, vous pouvez définir un mot de passe principal qui sera demandé à chaque fois qu’on essaie d’accéder à des pass enregistrés.

L’ensemble de ces conseils devraient vous permettre d’éviter les actes de piratage de vos réseaux sociaux, qui mènent à une e-réputation des plus mauvaises…

Trouver l’équivalent d’un logiciel [A Bookmarker]

[niveau: débutant]

Il n’est pas rare de connaître le nom d’un logiciel mais d’en chercher une alternative ; par exemple de trouver un produit aux mêmes fonctionnalités mais gratuit, ou alors pour un autre système d’exploitation.

Grâce au site Alternativeto vous pouvez désormais trouver facilement des équivalents de logiciels pour Windows, Mac et Linux. Par exemple pour Photoshop ou encore Nero, etc.

Retrouver une image à travers le web [A Bookmarker]

[niveau: débutant]

EDIT : Google Images propose désormais cette fonction via http://images.google.fr !

Le site TinEye offre la possibilité d’uploader une photo (ou de fournir un lien), puis à partir de l’image, le moteur de recherche va parcourir sa base de données pour retrouver toutes les occurrences de celle-ci !

Un exemple avec une photo de James Dean qui nous montre que cette image est utilisée sur beaucoup de sites web.

Fort utile pour savoir si une image qui nous appartient est utilisée par d’autres sans notre consentement, ou bien pour retrouver l’origine d’une photo qu’on aurait récupérée.

De son côté, Google Labs propose un très intéressant moteur de recherche qui permet de trouver des images ressemblantes. Voyez cet exemple avec la Tour Eiffel.

10 conseils Facebook pour sa vie privée [A Bookmarker]

[Niveau: débutant]

Vous êtes un utilisateur de Facebook et vous y partagez photos, vidéos et détails de votre vie ? Alors il serait bon d’aller jeter un oeil sur ce billet de Korben qui donne 10 très bons conseils concernant Facebook et sa configuration afin de ne pas laisser n’importe qui voir votre vie privée…

Trouver une image d’une taille précise [Astuce Google]

[niveau: débutant]

Il vous arrive de chercher une image qui doit respecter une dimension bien particulière. Par exemple vous voulez une icône de 16 par 16 au format GIF. Grâce à Google Image, c’est facile ! Il suffit d’utiliser les paramètres suivants dans le champ de recherche :
imagesize:16x16 filetype:gif
Vous aurez compris que imagesize correspond au dimension que vous souhaitez, tandis que filetype est le type de fichier (jpg, png, gif, …).

Et voici un exemple.

A noter que ces raccourcis sont accessibles via la recherche avancée de Google Image.

Faites votre sonnerie de portable [A Bookmarker]

[niveau: débutant]

Audiko est un site qui vous permet de créer une sonnerie de portable en quelques clics, ou de simplement sélectionner les sonneries déjà faites par les autres utilisateurs.

Uploadez un MP3,

Dans le même style vous avez aussi http://www.thetones360.com/ (qui offre un top 10 des download français).

Tester des expressions régulières (RegExp) en ligne [Programmation]

[niveau: expert]

Vous connaissez certainement les RegExp. Lumadis.be propose de tester nos expressions régulières en utilisant les fonctions PHP preg_match, preg_match_all et ereg.

Un outil en ligne bien pratique pour ces expressions parfois difficiles à formater !

EDIT: on notera aussi l’existence de cet autre outils en ligne très complet : http://gskinner.com/RegExr/