Davel's TechBlog

Icon

Trouvailles, plugins et autres "trucs" destinés à faciliter la vie des pov' développeurs comme moi. Spécialité AS3, PHP et un peu de Javascript.

Plugin jQuery : ImgAnimation

Bon, ça faisait longtemps que je n’avais pas écrit ici mais j’arrive avec un truc intéressant – enfin j’espère : un nouveau plugin jQuery. (youhou, wahou, sons de cris et de foule en liesse, et non pas en laisse, même si au fond ça pourrait être bien marrant.)

En résumé

ImgAnimation est un plugin qui va permettre de mettre en place facilement une animation basée sur une suite de fichier images qui forment une animation, façon dessin animé.
Lire la suite »

Plugin jQuery : Biseau

J’ai récemment, pour un client, eu besoin d’un effet de biseau plat sur des blocs HTML.

Oui je précise biseau « plat » parce que mes premières recherches, qui se dirigeaient plus vers des solutions en CSS, m’ont fait atterrir sur ces putains d’effets 3D moches, au rendu dégueulasse ! Mais à part ça, pas l’équivalent d’un border-radius qui permettent de couper l’angle d’un bloc. Chose étonnante vu leur utilisation fréquente en design mais bon… les spécifications CSS quoi.

Lors de mes recherches je suis bien tombé sur l’excellent plugin jQuery Corners et son option « bevel » mais ce plugin n’est pas efficace sur un fond en image ou bien sur un dégradé. De même corner.js est très efficace mais seulement appliqué à des images. C’est ballot.

Alors pour mon projet, et aussi pour la gloire, j’ai finalement décidé de créer un plugin pour ajouter des angles biseautés aux éléments HTML de types block.

Lire la suite »

Jquery GetFacebookAlbums sur GitHub

Comme promis lorsque je l’ai distribué, j’ai finalement mis en place un dépôt GitHub pour le plugin GetFacebookAlbums.

Vous pourrez donc le trouver à cette adresse :
https://github.com/davellx/jQuery-GetFacebookAlbums

 

J’ai déjà eu un retour de ce plugin avec des modifications pour l’interfacer avec une FancyBox, alors pourquoi pas imager d’autres améliorations.

Voici celles que j’aimerai apporter à un moment :

  •  Ajouter plus de fonctions de callback sur les divers événements (chargement des albums, chargement des images, etc.)
  • Rendre la structure plus souple pour être plus facilement adaptable graphiquement (indiquer les id qu’on veut, prévoir que les blocs existent déjà, etc.)
  • Donner la possibilité de sélectionner plusieurs images qui seront renvoyée par le callBack
  • Brancher un outil de popin car c’est visiblement un  grosse demande ;)
Voilà, bon fork ! :)

Trucs à savoir sur les iframes dans Facebook

C’est annoncé, et il me semble que c’est pour demain, le FBML va disparaître aussi bien pour les applications Facebook que pour les onglets de fan pages.
C’est une bonne chose parce que ce langage était un peu lourd et pas hyper optimisé. Les iframes apportent énormément de libertés tout en étant beaucoup plus simples d’accès pour le commun des gens qui veulent mettre en place un onglet sans rentrer dans la technique : un chouilla de HTML et hop !

Bon, ça c’est la théorie, en pratique il y a quand même quelques trucs et astuces à savoir, à tester et à découvrir pour que l’expérience utilisateur soit optimale. en voilà une première liste dans un désordre complet d’après mes premières expériences :

Lire la suite »

plugin jQuery : Get Facebook Albums-Photos

UPDATE : Jquery GetFacebookAlbums sur GitHub

UPDATE 2 (20/12/2011) : Il ya eu des modifications sur l’API Facebook, j’ai donc uniquement mis à jour le GitHub

Et voilà, c’est un post à marquer d’une pierre blanche car c’est à la fois le premier plugin jQuery que je fais, enfin que je finalise assez pour le diffuser, et la première fois que je distribue au public un de mes codes. Moment d’émotion donc.

Je vous présente donc : le plugin jQuery GetFacebookAlbums, qui, comme son nom l’indique un peu, va vous permettre de laisser le visiteur parcourir ses albums Facebook pour y sélectionner une photo dont vous disposerez du lien en bout de scénario. C’est un bon complément au simple upload d’image depuis son ordinateur et pas forcément très compliqué à mettre en place.

Voir la démo (aucune info n’est retenue bien sur !)
Télécharger la version actuelle (v1.1, github)

Et voici un petit mode d’emploi en 5 points que vous pouvez réaliser vous même sous la supervision d’un adulte consentant.

Lire la suite »