Suite à la publication il y a quelques jours de mon nouveau plugin jQuery easyPaginate, voici la version WordPress de ce plugin maintenant disponible.

Il permet donc de créer automatiquement une pagination (sans rechargement de la page) de ses nombreux commentaires, le tout paramétrable avec une petite panoplie d’options toutes aussi utiles les unes que les autres, selon que vous soyez un utilisateur averti ou non à savoir :

• Elément contenant votre liste de commentaires (peut dépendre de votre thème)
• Elément contenant vos commentaires (peut dépendre de votre thème)
• Hashtag pour accéder directement à l’une des pages (lien direct)
• Nombre de commentaires par page
• Type d’animation pour la transition d’une page à l’autre
• Décalage en pixels de l’animation
• Activation ou non de chaque boutons (Première page, page précédente etc…)
• Texte de ces boutons
• Class « custom » du wrapper, afin de personnaliser facilement le css
• Css custom automatiquement intégré à la page
• Et mon célèbre « test mode » qui permet d’éditer le plugin pendant l’édition d’un article par un admin avant publication

Télécharger le plugin easyPaginate pour WordPress

Suggestions, retours de bug sont les bienvenus dans les commentaires de cet article.

Je vous invite également à jeter un oeil à la démo présente dans les commentaires de ce blog.

Comme son nom le laisse deviner, ce dernier permet de créer une pagination à partir de n’importe quelle « liste » d’éléments, le tout le plus simplement du monde et accompagné de petites options bien pratiques telles que 4 animations de transition de pages intégrées, le choix du label des boutons, leurs activation (ou non) etc …

Ce dernier est accompagné d’un plugin WordPress qui fera son apparition dans les jours qui viennent déjà disponible, vous pouvez l’observer en démonstration sur ce blog.

Page de démonstration et d’instructions

Comme d’habitude n’hésitez pas à me remonter dans les commentaires le moindre bug ou vos propositions d’évolutions.

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.

Dans ce plugin on retrouve toutes les fonctionnalités de son grand frère, le tout pouvant être configurer via l’administration du site, à savoir :

• Personnalisation du chemin vers les icônes
• Affichage du plugin à la fin de chaque article et/ou chaque page
• 2 modes d’affichage : « big » et « normal »
• Personnalisation du titre du bloc (en mode normal)
• Personnalisation du texte affiché pour les bookmarks
• Class CSS personnalisée
• code CSS personnalisé et écrit directement dans la page de configuration
• Sélection des services affichés parmi 23 des plus utilisés
• Un mode de « test » permettant de tester et configurer le plugin uniquement dans les « preview » des pages et articles avant sa mise en service sur votre site

Les plus fous d’entres vous (oui vous là, les deux pèlerins du fonds) auront sans doute remarqué que le plugin était déjà en test sur ce blog depuis une semaine.

Voici donc enfin le très attendu (depuis la lecture de cet article) lien de téléchargement

Télécharger le plugin easyShare pour WordPress

Comme d’habitude, toutes suggestions, rapport de bug et autres drôleries seront les bienvenus.

Qu’est ce que easyShare ?

Quoi de neuf ?

- 3 modes d’affichage : normal (liste d’icônes + titres), compact (juste les icônes) et big (liste de gros icônes)

- Ajout de class css personnelle via les options

- Possibilité d’avoir plusieurs fois le plugin sur une même page, ce qui prépare l’arrivée d’un plugin WordPress

- Optimisation du code

Page de démonstration et télchargements

Mon besoin

Lister tous les fichiers contenant un motif

La problèmatique

Le projet est versionné avec SVN, je n’ai donc besoin que des fichiers de travail et dédoublonnés.

Pourquoi un script pour ça ?

La commande que j’utilisais ressemblait à ça :

grep -rl motif path | grep -v svn | uniq

Le problème ici c’est que la commande n’est pas des plus commode à taper (et se rappeler), j’ai donc voulu créer un alias, mais ces derniers ne prennent pas de paramètres (ou bien je n’ai pas trouvé).

Ma solution

function grip() {
    if [ -n "$1" ]
    then
        if [ -n "$2" ]
        then
            grep -rl $1 $2 | grep -v svn | uniq
       else
            grep -rl $1 ./ | grep -v svn | uniq
       fi
   else
       echo "Il faut préciser la recherche"
   fi
}

Cette petite fonction prend 2 paramètres (le deuxième étant optionnel) :
1: le motif
2: le path de recherche
Ce qui nous donne par exemple :
grip motif ./
J'espère que ça en aidera certains, comme d'habitude je suis preneur suggestions, critiques et tout ça.

Oue mais il y en a déjà plein des plugins du genre, alors pourquoi en faire un énième ?

Bonne question… pour commencer je n’étais pas satisfait des solutions existantes, elles étaient soit trop complexe à mettre en place pour un utilisateur lambda, soit incomplètes, soit … j’aime bien développer mes propres trucs.

Bref c’est comme cela qu’est né jQuery.easyShare ! Un plugin tout simple, ne demandant que quelques lignes pour le mettre en place, et hop on partage tout et n’importe quoi en un clique.

Page de démonstration et d’instructions

A noter que je suis intéressé par le portage sous forme d’un plugin WordPress si le temps me le permet, sinon si une âme charitable se porte volontaire… héhéhéééé

Change Log :

- Mise à jour du plugin

- Correction d’un bug sous Chrome

Pour ceux ou celles qui n’ont pas tout suivi, Lithium est une refonte totale de CakePHP « from scratch » visant à exploiter au mieux les nouveautés de php 5.3, notamment les namespace.

Whoa, easy now, let’s not jump to any hasty conclusions. The fact of the matter is that from the very beginning, this project was written from scratch to be its own entity. It always has been, and that’s true whether or not it exists within the CakePHP ecosystem. The same developers who are focused on it now were focused on it when it was a sub-project of CakePHP, and several of them are continuing to contribute to CakePHP and stay active in the community, just as they were when it was called Cake3.

Nate nous explique dans un long post les pourquoi du comment et le « détachement » du projet. On y apprend aussi le rapprochement avec d’autres frameworks PHP tel que Symfony ou Zend. En effet il sera donc possible d’utiliser des modules d’autres frameworks (et vice versa à terme je présume).

Bref que du bon à venir !

Site du projet Lithium

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.