A quoi ça sert ?

Ce helper vous permet de combiner vos fichiers javascripts et/ou css en un seul fichier, afin de réduire les requêtes HTTP de votre site. Il pourra de plus compresser le tout afin de réduire au maximum le poids de ces derniers.

Pourquoi ne pas utiliser le plugin Asset ?

Effectivement il existe un plugin similaire développé par Matt Curry : Asset

Pour être honnête j’ai régulièrement eut des problèmes avec ce dernier, probablement car j’utilise un autre plugin (que je vous partagerai un jour) qui charge automatiquement les javascripts / css dont j’ai besoin à la volée.

J’ai donc développé mon propre helper pour ce travail, dont le fonctionnement est plus « libre » pour l’utilisateur (à mon sens)

Installation

1. Copier le helper dans /app/views/helpers
2. Copier jsmin (1.1.0 ou plus) et csstidy (1.3 ou plus), fournis dans l’archive, dans respectivement /app/vendors/jsmin et /app/vendors/csstidy
3. Inclure le helper dans votre application, généralement dans AppController afin qu’il soit disponible sur toute votre application :

var $helpers = array(‘Combinator’);

4. Dans le layout ou la vue ajoutez les javascripts et/ou css comme ceci :

<?php $combinator->add_libs(‘js’, array(‘jquery’, ‘jquery.easyShare’));?>

<?php $combinator->add_libs(‘css’, array(‘styles’));?>

Ou si vous souhaitez ajouter du css/js inline :

<?php $combinator->add_inline_code(‘css’, ‘#header {border:2px solid red}’);?>

Notez que le deuxième paramètre peut être un tableau ou une simple chaine. Les extensions .js et .css sont optionnelles et seront ajoutées automatiquement si absentes.
5. Créez les liens dans le layout ou la vue :

<?php echo $combinator->scripts(‘js’);?>

<?php echo $combinator->scripts(‘css’);?>

Ou

<?php echo $combinator->scripts();?>

pour tout inclure au même endroit.

Comment ça marche ?

Le helper va récupérer le contenu de tous les fichiers (par type), les combiner, les compresser puis insérer le tout dans un seul fichier de cache (toujours par type)

Tips & Tricks

• Par défaut les fichiers sont compressés, vous pouvez changer cela via les options du helpers
• Par défaut les fichiers générés sont stockés dans /app/webroot/js et /app/webroot/css. Vous pouvez changer cela via les options du helpers
• Si vous rencontrez une erreur javascript après la compression c’est en général du au manque d’un « ; » quelque part.
• L’ordre d’appel est important, si script1 est appelé avant script2 dans une vue, et l’inverse dans une autre, deux fichiers de cache seront générés.
• Le helper a été testé avec CakePHP 1.2.x et CakePHP 1.3.x

Warning

CssTidy semble poser problème avec le css3 (problème rencontré avec la propriété background gradient)

Convaincu ? Téléchargement !

L’archive est téléchargeable ici

Pour changer, tous les commentaires ou suggestions sont les bienvenus.

Pour ceux (ou celles) qui débarquent sur le web, voici un petit récapitulatif de ce qu’est gravatar tiré de leur site

Your Gravatar is an image that follows you from site to site appearing beside your name when you do things like comment or post on a blog. Avatars help identify your posts on blogs and web forums, so why not on any site?

En gros cela permet d’assigner un avatar à une adresse email, permettant ainsi, pour tous les sites supportant Gravatar, d’afficher le bon avatar chaque fois que l’on utilise cette adresse email, évitant ainsi d’une part l’upload de son avatar sur tous les sites, et surtout d’avoir à le changer une seule fois si besoin.

Et donc ?

Maintenant que c’est clair, je voulais simplement pointer du doigt un helper CakePHP sur lequel je viens de tomber, offrant le plus simplement du monde le support de Gravatar sur vos (nos) applications CakePHP. Plutôt cool non ?

Téléchargement et détails

http://hayden.id.au/articles/cakephp-gravatar-helper

Téléchargement

Dans l’ensemble peu de chose à dire (et donc un post inutile) étant donné le peu d’informations disponible sur ce qui a changé, à part ces deux twits

http://twitter.com/cakephp/status/4881410913

http://twitter.com/cakephp/status/4908730391

J’espère qu’ils ont supprimé tout ce qui a été déprécié sur les dernières versions afin de retrouver quelque chose de propre pour nos futurs développements et surtout pour les nouveaux arrivants sur ce framework.