Test de sécurité pour Facebook.

ReclaimPrivacy.org : Un test de sécurité pour Facebook

Si vous êtes soucieux de votre vie privée et que vous avez de la difficulté à vous y retrouver dans les milliers d’options de sécurité de Facebook, ce petit outil pourrait bien vous convenir : ReclaimPrivacy.org.

C’est plutôt simple à utiliser, vous n’avez qu’à faire un « cliquer déplacer » du bouton gris « Scan for privacy » (disponible sur la page d’accueil de ReclaimPrivacy.org) jusqu’à votre barre de favoris ou de liens. Une fois cela fait, vous vous connectez sur votre page Facebook et cliquez sur le bouton/favoris que vous venez d’ajouter. L’outil vous suggérera alors quelques modifications à effectuer pour « retrouver votre vie privée ».

Et en attendant les supposées options de sécurités simplifiées de Facebook, si vous avez d’autres conseils ou applications intéressantes sur ce point, n’hésitez pas à les partager!

Les meilleures extensions FireFox

Une des raisons de la popularité de FireFox, c’est bien sûr ses extensions, c’est ce qui le démarque d’Internet Explorer et des autres fureteurs. Bien que certains autres fureteurs offrent également cette option (comme les extensions de Chrome), c’est un des plus développé dans ce domaine et ça me permet également d’oublier ses moins bon coups.

1. XMarks

La première extension que j’installe pour FireFox, c’est XMarks (anciennement FoxMarks). C’est une extension plutôt invisible, mais très utile en même temps! Elle synchronise vos favoris avec un serveur central. Cela veut dire que si vous avez plusieurs ordinateurs à plusieurs endroits différents (travail, maison, etc.), vous pouvez synchroniser tous ces ordinateurs avec la même source contenant tous vos favoris!

Le fait d’avoir plusieurs ordinateurs était une des raisons pourquoi j’utilisais moins les favoris, mais avec cette extension (en plus du fait que FireFox gère très bien ces éléments avec des tags entre autres), ça s’avère très utile.

2. TabMixPlus

Si vous êtes comme moi et avez l’habitude de peser sur ALT+TAB pour passer d’une fenêtre à l’autre sous Windows, vous adorerez cette extension! TabMixPlus permet de faire la même chose, mais avec les onglets de FireFox, en pesant sur CTRL+TAB. Au lieu de passer les onglets les uns après les autres, FireFox vous affichera le dernier onglet accédé. C’est une des raisons pour laquelle j’utilise cette extension, mais il y a également un nombre impressionnant d’autres fonctionnalités qu’offre TabMixPlus.

3. Download Status Bar

Download Status Bar permet d’avoir les états d’avancement des téléchargements dans la fenêtre courante, en bas, dans une barre supplémentaire à peu près de la même grosseur que la barre de défilement. Terminé la petite fenêtre «à part»!

4. WebDeveloper Toolbar

L’autre extension dont je ne peux me passer (et ça devrait être le cas si vous développez des sites Web), c’est la fameuse WebDeveloper Toolbar! Elle permet en un clin d’oeil de désactiver le JavaScript, de valider du HTML avec le valideur du W3C, de consulter les témions qu’un site Web a mis sur votre ordinateur et beaucoup plus!

5. FireBug

Encore une extension dont je me sers pratiquement tous les jours où je travaille sur un site Web. FireBug permet de modifier la présentation d’un site Web « live », de voir quels CSS sont actifs sur des éléments précis d’un site, de voir le JavaScript, etc. Bref, un most pour ceux qui possèdent un site ou un Blogue.

Vos extensions?!

Si vous avez découvert une perle parmi cet océan d’extensions, n’hésitez surtout pas à nous les partager!

Installation d’Apache, PHP et MySQL sous Windows 7 (64 bits) – Étape 3

La série de tutoriels :
Étape 1 – Installation d’Apache
Étape 2 – Installationd de PHP
Étape 3 – Installation de MySQL

Installation de MySQL

Vous pouvez maintenant télécharger MySQL. Personnellement, j’ai pris la version « Windows (x86, 64-bit), MSI Installer ». Si votre PC est 32 bits, prenez bien soins de télécharger la bonne version. Si des problèmes surviennent lors de l’utilisation de la fonction « mysql_connect » avec PHP et MySQL 32 bits, sur un Windows 64 bits, c’est peut-être le problème. Essayez avec la version 64 bits de MySQL.

Suite…

Installation d’Apache, PHP et MySQL sous Windows 7 (64 bits) – Étape 2

La série de tutoriels :
Étape 1 – Installation d’Apache
Étape 2 – Installationd de PHP
Étape 3 – Installation de MySQL

Installation de PHP

Avertissement : Les étapes suivantes sont en vue d’installer PHP sur un serveur de développement et non un serveur de production!

Après avoir installé Apache, nous allons nous attaquer à PHP!

Vous pouvez naviguer vers le site d’installation de PHP pour Windows.

Puisque nous utiliserons PHP comme un module d’Apache, nous choisirons la version « Thread safe ». Si vous voulez l’installer en mode « CGI », alors choisissez la version « Non thread safe ».

Enfin, puisque nous utilisons Apache, nous choisirons la version V6 (la V9 est pour IIS). On choisit donc la première version disponible en « Thread safe » et V6 et on clique sur le lien « ZIP » pour seulement télécharger le fichier d’archives, et non l’installateur automatique.

Une fois le fichier d’archives sauvegardé, vous pouvez l’extraire vers C:\dev\tools\php-5.3.1

Suite…

Installation d’Apache, PHP et MySQL sous Windows 7 (64 bits) – Étape 1

La série de tutoriels :
Étape 1 – Installation d’Apache
Étape 2 – Installationd de PHP
Étape 3 – Installation de MySQL

Pourquoi installer Apache, PHP et MySQL?

Évidemment, c’est pratique pour les programmeurs. Ils peuvent développer directement sans avoir à télécharger à tout moment des fichiers par FTP sur un autre serveur. Par contre, si vous avez un blogue en PHP (WordPress, par exemple), cela peut être très intéressant pour vous également, même si vous n’avez pas l’intention de faire de la programmation.

En effet, que diriez-vous de pouvoir tester vos changements de thème ou bien la mise à jour de la version de WordPress avant de la tester sur votre site qui se trouve en ligne? Eh bien avec un système WAMP (Windows, Apache, MySQL et PHP) d’installé, vous pourrez faire cela très aisément.

Les copies de sécurité sont également plus simples, puisque vous pouvez copier ce qui se trouve sur votre disque dur au lieu d’avoir à télécharger un contenu complet en FTP. Et puis, la mise à jour du site en ligne est facile à automatiser (avec ant par exemple), ce que nous verrons plus tard.

Suite…

Studio XPS 8000 : Revue de mon nouvel ordi DELL

N’ayant plus la motivation d’antan pour construire moi-même un PC à partir de zéro, j’ai décidé d’y aller pour la facilité et de commander sur DELL.ca. C’est ce que l’on utilise au travail et j’en ai déjà eu un avec lequel je n’ai jamais eu de problème, alors j’ai décidé de récidiver. Donc, dans cet article, je vais vous décrire mon « expérience », en passant par l’achat en ligne, la réception du colis et les premières impressions de l’appareil Studio XPS 8000 et Windows 7.

Bref, ça faisait probablement 5 ou 6 ans que j’avais le même ordinateur de bureau (alias Desktop), hé bien un petit saut dans le futur ne me ferait pas de tort, que je me suis dit! Disons que j’étais « dû ». Quand tu regardes les ordinateurs actuels et qu’ils ont plus de RAM dans leur carte graphique que tu en as dans tout ton ordinateur, c’est un signe, mettons. Mais bon, puisque je ne suis plus trop gamer, j’ai pu l’endurer un peu plus longtemps que la moyenne, mais c’était rendu que même naviguer avec le renard de feu (alias FireFox) était lent sur certains sites gloutons de JavaScript/AJAX (comme digg ou popUrls pour ne nommer que ceux-ci).

Et évidemment, la lenteur commençait aussi à se faire sentir dans mes outils de développement (Eclipse entre autres). Puis quand les films YouTube « skips » à cause de la lenteur de ton ordi et non de ta connexion Internet, ça aussi, c’est un signe.

Suite…

Création d’un site web : Trouver un concept (étape #1)

Bien que nous n’ayons pas publié beaucoup d’articles ce mois-ci, ceci ne veut pas dire que nous étions inactifs avec MindSix, au contraire! En fait, nous étions assez occupés avec un concept de site Web qui s’est avéré peu utilisable et nous nous en sommes rendu compte un peu tard. Bon, évidemment, le site Web n’était pas du tout prêt à être mis en ligne, mais on aurait pu nous éviter beaucoup de travail peu utile.

Donc, suite au dernier article de Steve, j’ai décidé d’éclairer un peu la situation tout en vous informant également de nos erreurs, mais aussi de partager un processus qui peut être utilisable pour tous ceux qui désirent démarrer un site Web (que ça soit pour le profit ou non).

La première étape est bien sûr d’avoir une idée ou un concept pour un site Web. Deux avenues sont possibles :

Façon #1 : Trouver un nouveau concept qui n’a jamais été utilisé :

Cette avenue est très difficile de nos jours, vu l’immensité d’Internet, mais pas impossible. Évidemment, si vous croyez avoir une idée originale, n’oubliez surtout pas de scruter de fond en comble l’Internet pour vous en assurer. Utilisez tous les moteurs de recherche que vous connaissez (Google, Yahoo, Live Search – bientôt bing, ou autre) pour vous en assurer.

Suite…

TextArea qui s’ajuste automagiquement (avec JQuery/JavaScript)

J’ai cherché un peu pour trouver un plug-in pas trop lourd et qui fonctionnait bien pour rendre les boîtes de texte (textarea) automatiquement allongeables (comme sur Facebook). Je n’en ai pas trouvé des très bien qui n’utilisaient pas des librairies JavaScript (comme jQuery ou prototype).

La plupart qui n’en utilisaient pas ne fonctionnaient pas tout à fait, car elles comptaient le nombre de caractères, mais puisque la plupart des fonts ont des caractères de largeur différente…

Plugin autoResize pour JQuery

Bref, puisque jQuery était déjà utilisé sur notre blogue, je me suis ravisé. J’ai trouvé ce plug-in, autoResize, de James Padolsey, dont le comportement est très bien, voire identique à celui de la boîte de Facebook. D’ailleurs, il ne pèse qu’un peu plus de 1k. Vous pouvez même ajouter des « animations » ou n’importe quoi, en fait, en javascript pendant que la boîte de texte s’allonge (changer la couleur de la boîte de texte, du texte…).

Exemple

Pour voir le « plug-in » autoResize en action, vous pouvez :

• Aller voir notre section « Nous contacter »
• Aller sur la page officielle du « plug-in » (anglais)

Exemple de code JavaScript (JQuery + plugin)

Voici un exemple de code pris du site :

Le code textarea#comment au début représente l’id du tag « textarea » que vous avez dans votre page. Dans cet exemple, la boîte de texte devra avoir « comment » comme id, comme ceci :

Pour ma part, j’ai retiré la partie qui change la transparence, car ca changeait la couleur du texte également, ça fait un peu étrange…

Résumé

Vous aurez donc besoin de :

• JQuery
• Du « plug-in » autoResize
• Ajouter le petit code un peu plus haut

Voilà! Bon « jQuery »

Astuce WordPress : Afficher le gravatar d’un auteur

Si vous possédez un blogue qui roule sous WordPress et que vous voulez afficher facilement le « gravatar » de l’auteur d’un article, comme nous le faisons avec nos jolis minois à gauche, c’est plutôt simple!

Après avoir cherché un peu pour le faire correctement (je prenais un long chemin et je me suis décidé à trouver le raccourcis), j’ai décidé de le partager ici.

Fonction get_avatar!

Une fonction est déjà disponible, depuis WordPress 2.5, donc pas la peine de s’arracher les cheveux :

• id ou courriel: Numéro unique de l’auteur ou son courriel
• grandeur (optionnel) : La grandeur en pixels de l’auteur, pour la hauteur et la largeur… hé bien oui, la photo est carrée!
• défaut (optionnel) : URL de l’avatar voulu si la personne n’en a pas d’associée à son courriel. Si aucun défaut n’est prévu, vous verrez l’image gravatar par défaut.

Pour obtenir facilement le numéro unique de l’auteur, vous pouvez utiliser la fonction « get_the_author_id() », disponible à l’intérieur de la boucle d’affichage des articles.

Exemple

Dans notre thème que nous avons subtilisé malicieusement à WooThemes (nous utilisons le thème TypeBased qui est gratuit), voici un extrait de code de la page « single.php », avec mes modifications à la 5ième ligne :

Autres pages à modifier…

N’oubliez pas modifier toutes les pages où sont affichés les articles, selon votre thème. Pour celui que nous utilisons, j’ai eu à modifier les pages suivantes :

• index.php (page d’accueil)
• archives.php (page des archives)
• single.php (page d’un article seul)
• search.php (page de recherche)

Voici plus d’informations (en anglais) dans le codex de WordPress : http://codex.wordpress.org/Using_Gravatars

Hé voilà, c’était aussi simple que ça!

Un mot de Mo!

Le lancement!

Hé oui, c’est finalement aujourd’hui, en ce lundi 6 avril, que nous lançons notre blogue sur lequel nous afficherons nos réussites et nos déboires sur nos futurs projets Web (sites interactifs, applications Internet, etc.)! En espérant que les réussites soient plus nombreuses que les déboires, mais on ne fait pas d’omelette sans casser les oeufs, comme on dit!

De mon côté, j’utiliserai ce blogue pour partager mes expériences et pour vous offrir mon aide, si vous en avez besoin. Je suis un programmeur Web depuis presque une décennie (ça ne me rajeunit pas du tout!), je crois donc être en mesure de pouvoir vous offrir de l’information pertinente qui pourra, je l’espère, vous servir (si vous êtes vous-même programmeur ou webmaestre) et aussi vous divertir! J’écrirai aussi mes pensées générales sur l’aventure à venir de notre duo MindSix et probablement quelques trucs au hasard trouvés sur le Web qui pourront plaire à tout le monde!

Suite…