Cette fin de semaine, j’ai décidé de travailler sur un nouveau mini projet à saveur sportive. Il s’adressera aux fans de hockey et plus particulièrement, ceux des Habs.
Verra-t-il le jour? Sûrement, mais quand, je ne sais pas. Quel est son nom? Aucune idée pour le moment.
Plus de détails à venir!
Après avoir passé à Google Apps, j’ai cherché comment envoyer des courriels en SMTP via Gmail à partir d’un script PHP. Voici la solution avec PHPMailer:
require_once "class.phpmailer.php";
$mailer = new PHPMailer();
$mailer->IsSMTP(); // telling the class to use SMTP
$mailer->Username = "username"; // gmail username
$mailer->Password = "password"; // gmail password
$mailer->Host = "smtp.gmail.com"; // SMTP server
$mailer->Port = 465;
$mailer->SMTPSecure = 'ssl';
$mailer->SMTPAuth = true;
$mailer->FromName = "From";
$mailer->From = "from@example.com";
$mailer->AddAddress("to@example.com");
$mailer->Subject = "My SMTP message with Gmail";
$mailer->Body = "Hello world!";
$mailer->WordWrap = 50;
if (!$mailer->Send()) {
echo 'Message was not sent.';
echo 'Mailer error: ' . $mailer->ErrorInfo;
} else {
echo 'Message has been sent.';
}
Ajouter de la couleur à Subversion grâce au script bash de jmlacroix.
Copiez la fonction dans votre bash (~/.bashrc sous Ubuntu) et le tour est joué. Pour désactiver la couleur, il suffit simplement d’ajouter –nocol à votre commande svn.
Il n’y a pas de problème de performance tant qu’il n’y a pas de problème de performance. Néanmoins, lorsque je développe un nouveau site, il y a toujours quelques trucs de base que je fais.
Je conseille fortement l’installation de l’extension Yslow sous Firefox. Cette extension analyse votre page et vous suggère des façons d’améliorer les performances de celle-ci basé sur certaines règles de base. Vous y retrouverez les suggestions ci-dessous…
En ajoutant une date d’expiration dans le futur à vos fichier statiques (css, js, png, gif, jpg), cela évite aux navigateurs de retélécharger chaque fichier inutilement à chaque page vue. Ce code doit être ajouté dans un .htaccess.
<FilesMatch "\.(js|css|gif|jpg|png)$">
ExpiresActive On
ExpiresDefault "access plus 10 years"
</FilesMatch>
L’effet de bord est que si vous modifiez un de vos fichiers statiques, la modification ne sera pas pris en compte par le navigateur ayant déjà celui en cache. La solution est de simplement ajouter une version dans le url du fichier…
Vous pouvez toujours gérer manuellement le versionning ou encore, écrire une fonction qui génère une url avec version à partir de la date de modification du fichier.
/**
* Return file url with version
*
* @param string $filename
* @return string file url with version
*
*/
function version($filename) {
// Get file's version
$version = filemtime(ABSPATH.$filename);
return APP_URL.$filename."?v=".$version;
} // version()
n.b: ABSPATH correspond à la racine de votre projet et APP_URL correspond au URL de votre projet à la racine aussi.
En compressant votre contenu avec Gzip, vous devriez réduire de 20% à 30% la taille des fichiers, donc moins de bandwith et plus rapide à télécharger par vos utilisateurs.
Assurez-vous que le module deflate soit actif sous Apache… Dans un terminal, effectuez la commande suivante:
a2enmod deflate
Et redémarrer Apache…
/etc/init.d/apache2 restart
Si vous êtes sur un hébergeur payant tel que MediaTemple ou iWeb, ce module est assurément actif. Par la suite, via un .htaccess, ajoutez les lignes suivantes:
AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
Encore une fois, plus les fichiers sont petit, mieux c’est. Je m’assure toujours de compresser les fichiers CSS de base de mes projets. À l’aide d’un script shell, j’enlève toutes les espaces inutiles et je réduis les styles sur une seule ligne.
Dans un script shell…
cat $1 | sed -e 's/^[ \t]*//g; s/[ \t]*$//g; s/\([:{;,]\) /\1/g; s/ {/{/g; s/\/\*.*\*\///g; /^$/d' | sed -e :a -e '$!N; s/\n\(.\)/\1/; ta' > $2
Et maintenant, éxécutez la commande suivante:
$> ./minify-css in.css out.css
Vous devriez normalement réduire vos fichier CSS de 10 à 15%.
Il existe plusieurs compresseur javascript. J’aime bien JSMin de Douglas Crockford.
require 'jsmin.php';
echo JSMin::minify(file_get_contents('main.js'));
Lorsqu’il y a plus de 1 fichier javascript dans une page, le plus possible, tentez de les compresser en un seul fichier. Moins de requêtes sur votre serveur, plus de performance.
Il y a quelques jours, j’ai lancé mon dernier projet: http://ligues.ca.
Ligues.ca est un gestionnaire de ligues sportives. Pour le moment, seulement les ligues de hockey peuvent être ajouté mais au cours des prochains mois s’ajouteront baseball, soccer, football, tennis, badminton, etc. Mon but premier est d’offrir un outil facile à utiliser.
Ce projet est sans aucun doute le plus gros jusqu’à présent. L’idée à germé il y a 7 ans environ après avoir développé PoolChampion, un défunt gestionnaire de pool de hockey qui renaîtra certainement un jour. C’est en décembre 2008 que j’ai commencé à travailler activement sur le projet. Je ne sais pas combien d’heures j’y ai travaillé mais je peux dire que j’y ai passé plusieurs soirées et fin de semaines :).
Contrairement à mes autres projets, Ligues.ca se veut beaucoup plus sérieux (sans vouloir dire que les autres n’étaient pas sérieux – disons plus léger). C’est le début de quelque chose…
Le site: http://ligues.ca
Le blogue: http://blog.ligues.ca
Le Twitter: http://twitter.com/liguesca