LudiBlog

Pratique – Qui je suis qui ne me suit plus sur twitter ?

LudiKadmin — Mon, 03 Jun 2013 11:16:11 +0000

Je reviens une nouvelle fois avec un article sur un outil qui va vous permettre de savoir rapidement qui ne vous suit pas ou plus sur twitter, alors que vous le suivez. Je vous avais déjà présenté un outil, il y a quelques temps de cela, mais il faut maintenant y avoir un compte etc… Moins pratique qu’au début.

Alors je reviens donc avec un autre site très simple, qui va vous donner la réponse très rapidement à “Qui je suis qui ne me suis plus sur twitter ?“.

Cet outils c’est http://fr.notfollow.me.

Il vous suffira juste de vous connecter via votre compte twitter et immédiatement vous aurez l’affichage des personnes ne vous suivant pas, alors que vous les suivez.

Lien vers le site : http://fr.notfollow.me

Si vous avez d’autres outils pratiques dans le genre, n’hésitez pas à les partager

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

jQuery Simple Slider – Plugin jQuery

LudiKadmin — Sun, 19 May 2013 15:55:37 +0000

Vous avez besoin d’un plugin javascript qui vous permet de réaliser un slider très simple et customisable facilement ? Plus précisément, vous utilisez jQuery ? Voici un plugin très simple d’utilisation et qui va vous permettre de réaliser un slider de manière épurée et customisable via css.

Aujourd’hui, je vous présente donc, jQuery Simple Slider.

Comme je vous le disais, c’est très simple d’utilisation, pour activer le slider sur une div (class=”slider1″) qui contient les éléments, le code javascript de base est le suivant :

jQuery(".slider1").simpleSlider

Ensuite, il existe quelques options :

navigation : affiche ou non les liens prev/next (true ou false)
prevText : Le texte du lien prev. Avec les quotes (“”)
nextText : Le texte du lien next. Avec les quotes (“”)
pagination : affiche ou non les numéros de page de navigation (true ou false)
autoplay : Si le slider doit tourner en automatique (true ou false)
delay : le délais de transition
speed : la vitesse de transition
numItems : Nombre d’éléments à afficher, par défaut : 1

Découvrez ce plugin jQuery ici : http://www.quai-aux-vivres.com/jquery/plugins/simpleSlider
Téléchargez le là : http://www.quai-aux-vivres.com/jquery/plugins/simpleSlider/jquery.simpleSlider.1.0.zip

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

jQuery 2.0 Released

LudiKadmin — Thu, 25 Apr 2013 09:28:29 +0000

Voilà une bonne semaine que la version 2.0 du célèbre Framework javascript jQuery est sortie. Voici une partie des nouveautés concernant cette version :

Fin de la prise en charge de IE 6/7/8 (cependant les version 1.x de jQuery seront toujours supportées)
Une taille de librairie réduite. En effet, environ 12% plus légère que la version 1.9.1 (surtout avec le fait de ne plus prendre en charge certaines versions de navigateurs)
Personnalisation des builds et réduction de leur taille, ainsi qu’une simplification d’utilisation
Appels d’API compatibles avec jQuery 1.9 (cf. http://jquery.com/upgrade-guide/1.9)

Comme je l’ai dit, pas de panique, on a le temps de s’habituer à cette nouvelle version, car les version 1.x sont toujours soutenues. Par contre, commencez dès à présent à migrer vos développements vers la 2.0, du moins, avant la fin du support des versions antérieures (même si ce n’est pas d’actualité)

Pour en savoir plus sur cette version 2.0 de jQuery, rendez vous sur le billet du blog jQuery traitant de cette actualité.

Site officiel jQuery : jquery.com

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

Trouver le flux RSS d’un compte twitter

LudiKadmin — Mon, 15 Apr 2013 12:57:28 +0000

Petite astuce du jour qui me servira aussi de pense bête.
Aujourd’hui j’ai eu besoin de récupérer des flux RSS issus de plusieurs comptes twitter.
Quand on se rend sur un profil Twitter, l’affichage du flux RSS n’est pas spécifié, ou alors mal indiqué, car je ne l’ai pas trouvé.

La solution afin de pouvoir afficher le Flux RSS d’un compte Twitter, c’est d’utiliser ce type d’url :

https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=nom_du_compte

Donc pour @LudiKreation, ça donnerai :

https://api.twitter.com/1/statuses/user_timeline.rss?screen_name=ludikreation

Voilà pour la petite astuce du jour, en espérant vous avoir aidé

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

Créez, redimensionnez et retouchez vos images pour les réseaux sociaux

LudiKadmin — Wed, 10 Apr 2013 16:20:45 +0000

Le petit article “pratique” du jour, c’est via un de mes contacts Facebook que j’ai découvert Social Media Image Maker, un outil en ligne qui permet de créer, redimensionner et/ou retoucher nos images pour les intégrer au mieux à nos réseaux sociaux favoris

J’ai trouvé l’outil très pratique, alors je me devais de vous en faire part.

Pour utiliser social media image maker, il suffit de vous rendre sur ce lien : http://www.autreplanete.com/ap-social-media-image-maker.

Honnêtement, l’interface est hyper ludique et simple, je ne pense pas qu’il soit nécessaire de vous faire une explication sur comment l’utiliser. (dans le cas contraire, laissez moi un commentaire, j’agrémenterai l’article d’explications)
Sachez simplement, que ça vous permet de redimensionner, recadrer et/ou retoucher des images pour les intégrer dans différentes parties de vos pages de réseaux sociaux, sans avoir à prendre des mesures, aller dans les FAQ et autres documentations de ces mêmes réseaux sociaux etc…

Actuellement pas moins de 16 plateformes sont représentées, comme : Facebook, Twitter, Youtube, Google+, Pinterest, LinkedIn etc…

Social Media Image Maker, un outil en ligne qui l’est pratique
Plus besoin de se prendre la tête pour agencer nos présentations sur les pages de nos réseaux sociaux.

En espérant vous avoir fait découvrir un outils sympathique.

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

PHP – Enchainer les méthodes d’une classe

LudiKadmin — Fri, 29 Mar 2013 13:25:00 +0000

Un petit retour avec une astuce du jour. Rien de bien impressionnant, mais qui a toujours son petit effet quand on le fait découvrir, notamment lors de formations. Aujourd’hui je vous explique brièvement comment assurer le chainage ou l’enchainement de plusieurs méthodes d’une classe en PHP. Pour être plus clair, je vais vous montrer comment appeler plusieurs méthodes d’une même classe en une seule ligne de code. Par exemple :

$unObjet = new uneClasse($text);
echo $unObjet->nettoie()->coupe()->prepare()->affiche('Avec un titre');

Ceux qui utilisent des Frameworks, comme Zend Framework par exemple, ont déjà rencontré cette façon de faire, et je pense qu’ils peuvent confirmer le coté pratique de la chose.

Mais alors, comment ça se passe au niveau de la classe pour que je puisse moi-même proposer cette manière de programmer ?

Chacune des méthodes utilisées de cette manière doit permettre d’exécuter celle qui suit. Comme vous le savez, dans PHP 5 les méthodes ont la possibilité de retourner des objets, on va donc retourner l’objet courant pour que chaque méthode de la classe puisse retourner l’instance de l’objet courant, autorisant ainsi la méthode suivante à être appelée (via “return $this;”).

Exemple tout simple d’une classe permettant le chainage de méthodes :

// Voici une classe
class uneClasse{

public $content;

// Son constructeur avec un contenu à passer en argument
public function __construct($content){

$this->content = $content;

}

// Méthode qui va faire une sorte de nettoyage du contenu
public function nettoie(){

$this->content = ucfirst(trim(strip_tags($this->content)));

return $this;

}

// Méthode qui va découper le contenu (50 carac.) pour une présentation par exemple
public function coupe(){

$this->content = substr($this->content, 0, 50).'...';

return $this;

}

// Méthode qui va faire une sorte de petite mise en page du contenu
public function prepare(){

// Bien sûr, il faut utiliser le css plutôt que faire ainsi, mais on est dans la démo là :)
$this->content = '

'.$this->content.'

';

return $this;

}

// Méthode qui va renvoyer le contenu sous sa forme actuelle (avec un titre h1 ou non)
public function affiche($titre = ''){

// si titre ou non
if(isset($titre) AND $titre != '')
return '

'.$titre.'

'.$this->content;
else
return $this->content;

}

}

$text = ' et voilà un contenu qui risque d\'être modifié, j\'en suis sûr. Mais c\'est pour la bonne cause ';

$unObjet = new uneClasse($text);
echo $unObjet->nettoie()->coupe()->prepare()->affiche('Avec un titre');

?>

La classe n’a pas de réelle utilité, mais c’est surtout pour vous montrer le principe et la manière de concevoir le chainage de méthode d’une classe en PHP 5.

Pour résumer ce qui se produit avec l’appel de l’exemple ci-dessus :
1 – le texte ($text) est nettoyé de ses balises, espaces en trop et force une majuscule de début de texte (méthode nettoie())
2 – le texte est coupé à 50 caractères et obtient “…” (méthode coupe())
3 – un cadre et un padding va englober ce texte (méthode prepare())
4 – puis le tout va être affiché via la fonction “echo” de php et avec un titre dans une balise h1 (méthode affiche())

ce qui renverra au navigateur :

Avec un titre

Et voilà un contenu qui risque d'être modifié, j'e...

Voilà, maintenant vous savez comment ça fonctionne !

Si vous voulez compléter cette article ou si vous avez des questions n’hésitez pas

Bon code à tous.

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

GMAP3 – Plugin jQuery – Facilitez-vous l’intégration de Google Maps

LudiKadmin — Thu, 14 Feb 2013 11:32:26 +0000

Il y avait quelques temps déjà que je devais vous faire un nouvel article sur le plugin jQuery GMAP3, plugin qui facilite grandement l’intégration de Google Maps sur vos sites web et le tout via le Framework jQuery.

Je vous avais déjà présenté ce plugin jQuery sur d’autres articles du blog, comme sur GMap3 – Plugin jQuery pour API Google Maps 3ème version. Mais GMAP3 a évolué et s’est vu doter d’un nouveau site web depuis.

Certes, Google facilite déjà beaucoup l’intégration de son API sur les sites web, mais via GMAP3 c’est encore plus simple et surtout avec jQuery.

En plus de pouvoir utiliser toutes les méthodes natives à l’API fournie par Google, GMAP3 va vous permettre, entre autre, de :

Customiser vos maps
Créer vos menus contextuels
D’ajouter des recherches d’adresses avec auto-completion
Créer vos marqueurs sur les maps
Afficher le streetview de manière différente
etc…

Le tout aisément, sans compter les méthodes comme : overlays, clusters, callbacks, events etc… présentes dans de nombreux plugins jQuery.

L’utilisation de base de ce plugin jQuery :

Intégration des librairies qui vont être utilisées (jQuery, googlemaps et gmap3)

Le code jQuery pour l’affichage d’une map Google Maps :

$("#my_map").gmap3();

La balise div d’accueil de la map :

Puis un peu de CSS minimum pour donner une dimension à la balise div d’accueil :

#my_map{
height: 350px;
width: 600px;
}

Vous l’aurez compris, c’est simple, vous avez une page de démo via ce lien afin de voir une partie de ce que l’on peut faire avec ce plugin jQuery.

Site officiel du plugin jQuery GMAP3 : http://gmap3.net
Documentation GMAP3
Téléchargement GMAP3

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

Growl – Plugin jQuery – La SimpleBox

LudiKadmin — Wed, 23 Jan 2013 13:57:10 +0000

Growl est un plugin jQuery extrêmement simple qui peut, peut-être, vous être utile pour un petit effet de box d’information sur votre site internet.

Avec Growl, vous allez pouvoir créer des petites box qui attireront l’œil de l’internaute le moment souhaité.

Vous pouvez voir et télécharger le plugin jQuery Growl depuis ce lien

Et voir une démo par ici

Voici l’utilisation (simple) d’usage de ce plugin :

$.Growl.show(content, {
//settings
"icon": false,
"title": false,
"cls": "",
"speed": 500,
"timeout": 3000
});

Il suffit de regarder le code source du fichier “index” fourni par le créateur pour comprendre l’utilisation aisée de ce petit plugin jQuery.

Bon code à tous

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

quickSearch – Plugin jQuery – La recherche facile dans vos listings

LudiKadmin — Wed, 16 Jan 2013 16:07:12 +0000

Après un long silence, je reviens avec de nouveaux articles pour 2013 !

Aujourd’hui, je vous fait découvrir (ou redécouvrir) un plugin jQuery qui va vous permettre de créer un petit moteur de recherche rapide pour vos listings sous forme de tableaux (balise table) ou de listes à puce (balise ul>li).

En effet, parfois, nous avons de longues listes de contenu où un moteur de recherche en javascript serai le bienvenue pour augmenter l’accessibilité et le coté pratique de vos pages web.

Ce plugin jQuery, c’est quickSearch, et il s’utilise de la manière suivante :

Admettons que nous avons une table sous cette forme :

[...]

Email	Id	Phone	Date
devo@flexomat.com	66672	941-964-8535	14/12/1988
henry@mountdev.net	35889	941-964-9543	19/1/1974
found@mountdev.net	03519	941-964-1599	6/8/2000

Il vous faut ajouter un champ de formulaire pour les entrées de recherches, comme suit :

Puis initier le plugin jQuery, comme ceci dans sa version de base :

$('input#id_search').quicksearch('table#table_example tbody tr');

De là, une recherche se fera directement sur votre listing et seuls les champs avec le contenu de la recherche apparaitront.

Il y a de nombreuses options, afin d’optimiser ou de configurer la recherche, comme activer la recherche sur une ou plusieurs colonnes spécifiques, préciser les sélecteurs, ajouter des délais etc…

Pour télécharger le plugin jQuery quickSearch et avoir plus d’informations cliquez sur ce lien
Pour voir des exemples et démonstrations cliquez sur celui-ci

J’en profite aussi pour vous souhaiter une bonne année à tous !

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">

Augmenter le nombre de commentaires affichés dans l’administration WordPress

LudiKadmin — Mon, 22 Oct 2012 07:50:15 +0000

Une question qui me revient régulièrement via des amis et des clients qui doivent administrer leur site sous WordPress.
La question est “comment augmenter le nombre de mes commentaires affichés dans mon administration WordPress ?“.

En effet, par défaut seulement 20 commentaires sont affichés et forcément, quand les commentaires (spams ?) se cumulent, et bien, ce n’est pas très pratique de n’avoir que 20 commentaires d’affiché.

En fait, pour rectifier le tir et afficher plus de commentaire, il suffit simplement de dérouler les options d’écran qui se situe en haut à droite de votre administration lorsque vous êtes sur la page de vos commentaires, voir les 2 images ci-dessous :

Maintenant vous pouvez et savez régler le nombre de vos commentaires affichés dans l’administration de votre WordPress.

Voilà pour le petit billet et la petite astuce du jour

Articles qui peuvent vous intéresser :

scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">