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

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.

Il permet de créer simplement un (ou plusieurs) « newsticker » à partir d’une liste.

Fonctionnalités

• Supporte n’importe quel contenu (texte, images…)
• Très leger (666 octets)
• Testé avec Firefox, IE6+, Opera, Safari et Chrome

Démo

Télécharger le pack complet

Il s’agit de la première version, tous les feedbacks et autres suggestions sont les bienvenues.