• Widget jQuery ui pour la sélection multiple
  Encore un widget bien sympa qui combine la liste déroulante et la liste de checkboxes, le tout avec un support des thèmes de jquery ui
• Intégrer un onglet à vos pages fan facebook
  On peut pas dire que je porte facebook dans mon coeur, et leur pages fans sans saveur n’aident pas vraiment. Mais voilà, il est possible de les customiser un peu plus qu’on ne le pense, encore faut-il le savoir.
• Donner à vos lien une impression de clic
  Petit tip css très sympa qui donne vraiment l’impression que vous avez bien cliqué sur un lien.
• Crop version photo
  Voilà une idée et un concept pour permettre un crop à taille fixe sur une image. Le résultat est très réussi!
• Bundles textmate pour dev Symfony (via n1k0)
  Je me suis lancé tout récemment sur textmate, et forcément ce kit de 3 bundle (php, symfony et doctrine) tombe pile poil. C’est pas encore un IDE mais on commence à vraiment avoir quelque chose de productif
• Ajouter des correcteurs d’orthographe à vos richedit
  Tout est dit. C’est la dernière fonction qui manque parfois à ces petits éditeurs de texte en ligne
• Une solution d’upload complète
  Voici un kit comprenant toute les possibilités d’upload avec queue, progression et tout la panoplie, disponible via flash, gears, html, …
• Nice tip pour vos labels
  Voilà encore un petit tips CSS, qui donne un rendu assez sympa à vos labels
• Des labels qui slide
  C’est la mode en ce moment, on fait tout slider, alors pourquoi pas nos labels?

Allez la semaine prochaine, promis, je vous trouve du PHP ;)

• Dessiner vos pages HTML
  Etonné de n’être jamais tombé dessus, cette application web est pourtant très sympa. Elle permet facilement de dessiner votre gararit html et de récupérer le code html et css associé.
• Contrôler vos google map avec jQuery
  Sans doute le plugin qu’il me manquait. Aujourd’hui on demande toujours plus aux google map, voici donc de quoi faciliter leur dynamisme avec un contrôle 100% jquery
• Apprenez à taguer vos photos comme sur facebook
  Même si je suis pas fan de facebook, ils ont des idées et le tagging des photos en ait une. Voici donc de quoi le reproduire.
• Témoignagne sur la création d’une application web
  Des ensembles concrets, des conseils de développeurs qui ont franchi le pas de créer leur propre application
• Des stats c’est bien, les analyser c’est mieux
  Très bon billet qui donne des pistes sur ce qu’il faut tirer des stats analytics pour améliorer votre site web
• Comment parler aux développeurs (fr)
  Sur le ton de l’humour, mais avec de vrais choses dedans. A lire si ce n’est pas encore fait.
• Voir les zones de clic
  Voici une application à installer sur votre serveur pour obtenir les zones de clics de vos visiteurs et ainsi en améliorer la transformation
• Toutes les stats de votre site
  Un service très sobre mais qui permet de récupérer toutes les stats possibles et imaginables sur votre site web

Crédit photo: http://www.flickr.com/photos/wiking66/1225021381/

• Construire un vrai mur de bloc
  Un plugin jQuery qui permet de contourner le problème des float de hauteurs inégales. Un rendu digne d’une page de petite annonces d’un journal.
• Javascript qui rajoute des fonctions à vos images
  Ce script sans framework permet de rajouter des fonctions de zoom et de plein écran à vos images.
• Un tas de benchmark PHP
  Je suis tombé dessus récemment, mais ca doit dater. En tout cas, voici un bon paquet de d’analyse qui peuvent aider à choisir quoi utiliser
• Les bonnes résolutions en webdesign
  Un très bon résumé de toutes les bonnes pratiques à appliquer absolument sur chaque webdesign et intégration html
• Monter une application en temps réel (via integrateur_css)
  J’avais parler de APE à deux reprises déjà, voici enfin un très bon tutorial en français sur un exemple d’application
• jQuery Plugin auto suggest très sexy (via clementj)
  Dans la multitude de plugin d’autosuggest, voici une très bonne surprise. En plus de gérer le multi suggest, il est plus sexy que la moyenne. A voir!
• jQuery Plugin pour vaincre les « lire la suite »
  Un plugin tout bête mais bien pensé pour rendre tout une zone cliquable plutôt qu’un simple « lire la suite »
• Dévérouiller son mac avec son iphone
  Si j’avais un iphone, je testerais bien :D Cette application permet de verrouiller votre mac quand votre iphone s’éloigne de lui, et inversement quand il s’en approche
• Service web pour fusionner vos fichiers js
  Un service simple et efficace qui vous permettra d’optimiser un peu votre site facilement, en prenant en charge le fusionnement de vos fichiers js
• Comment écrire un tutorial efficace
  Une très bonne méthode, j’ai un peu la même mais en moins poussée. De très bonnes idées à prendre
• Les extensions chrome pour web développeur
  Même s’il parait peu probable que je passe un jour sur Chrome, il vaut mieux se renseigner et voici un bon billet qui reprend tout ce dont un web développeur a besoin pour bosser
• Monitoring de site gratuit
  Encore un service de monitoring, lui aussi gratuit, mais qui ne se contente pas d’un simple ping, mais également de vérifier la présence ou l’absence d’un terme dans une page.
• Librairie JS pour benchmark
  Après les tests unitaires, voici un petit tour d’horizon des scripts pour benchmarker un script js. Des fois que vous voudriez optimiser encore un peu votre site ;)

Une bonne dose pour une reprise, vous ne trouvez pas? Et comme je suis un gars en manque de temps, encore et toujours, vous aurez le droit à un best of des bons plans 2009. Stay tunes!

J’ai donc pris 5min de mon temps pour faire rapido presto, un petit coup de jquery pour pouvoir bouger ma debug bar!

Tout simplement, j’ai juste utilisé un script jquery qui permet d’ajouter un event de type « drag » à un élément du DOM. Un petit coup de jquery pour l’utiliser sur la debug bar:

jQuery(document).ready(function($) {
  $("#sfWebDebugBar")
    .bind("dragstart",function( event ){
      $(this).css("right","auto")
    })
    .bind("drag",function( event ){
      $(this).css({
        top: event.offsetY,
        left: event.offsetX
      });
    });
});

Il ne reste plus qu’à faire un petit filtre pour inclure ces 2 scripts automatiquement à la volée en environnement de dev. J’ai tout mis dans un petit plugin disponible plus bas mais je vous détaille le code ici pour ceux qui voudraient juste jeter un œil:

class moveWebDebugBarFilter extends sfFilter
{
  public function execute($filterChain)
  {
    if ('dev' == sfConfig::get('sf_environment'))
    {
      $response = $this->getContext()->getResponse();
 
      $response->addJavascript('/moveDebugBarPlugin/js/jquery.event.drag-1.5.min.js','last');
      $response->addJavascript('/moveDebugBarPlugin/js/moveDebugBar.js','last');
    }
 
    $filterChain->execute();    
  }
}

que l’on rajoute dans notre filters.yml

rendering: ~
security:  ~
 
# insert your own filters here
moveDebugBar:
  class: moveWebDebugBarFilter
 
cache:     ~
execution: ~

Il ne reste plus qu’à télécharger:
moveDebugBarPlugin
et à lancer un petit:

php symfony plugin:publish-asset

Le plugin est très basique et rudimentaire évidemment, il ne sera pas encore sur le site de Symfony du coup. Mais si vous avez des idées d’améliorations ou d’enrichissements hésitez pas, sait-on jamais.

Voilà le rendu en vidéo, a noter que je l’ai testé avec Symfony 1.2 et 1.3:

Crédit photo: http://www.flickr.com/photos/kaidohmaru/453263320/

• Rajouter un vérificateur de lien à la debug bar Symfony
  Petit plugin sympa et qui permet de se familiariser un peu plus avec les possibilités d’extensions de cette merveilleuse toolbar.
• Sauvegarder automatiquement le contenu de vos forms (via @clementj)
  Plugin jquery qui permet de sauvegarder le contenu d’un formulaire tout seul comme un grand, pour éviter de perdre son travail sur un malentendu
• Faites passer l’info en gros
  Autre plugin jQuery qui permet de faire des messages à l’utilisateur de bien jolie manière à mon goût
• Un nouveau RTE en jquery
  Tout nouveau, il s’annonce comme un projet à suivre
• Un coverflow en jquery
  Ok, un peu plus rudimentaire que son homologue en flash, mais très réactif et bien suffisant la plupart du temps je pense
• Wordpress 2.9 ajoute les vrais images pour les billets
  Avant, il fallait user de stratagèmes, maintenant on fait enfin ajouter une image dédiée pour un billet wordpress, tout ça de série
• C’est noël avec jquery
  Et oui, c’est de rigueur, faire tomber de la neige sur son blog! Bon ok je le ferai pas, mais peut-être que vous oui :p

C’était pour vous tenir au courant un peu. Mais voici ce que vous êtes venu chercher, les bons plans de la semaine.

• Des graphs en jQuery qu’ils sont beaux
  Le flash, j’aime pas trop, mais son utilisation pour des graphiques m’a toujours semblé adapté. Mais petit à petit jQuery grignote ce secteur, en voici une nouvelle illustration très réussie.
• Profiler vos script PHP
  Une alternative à xdebug très bien introduite par ce billet
• 12 sites pour vos présentations en lignes
  Parce que c’est devenu un peu une grosse source de connaissance, les présentations exposées en conférence puis mise en ligne, les outils ne manquent donc pas.
• Les myths des réseaux sociaux
  Très bon article sur un sujet d’actualité
• Des Tshirt pour graphistes et développeurs
  C’est bientôt noël, peut-être une idée de cadeaux se cache dans ce billet. Ils ne sont pas tous en vente, mais ils sont tous bien pensés.
• Une jolie ombre portée en photoshop
  Toujours dans la rubrique « passons nous des graphistes », voici un petit tutorial pour une ombre portée très réussie.
• Plugin symfony sfCodeReview
  Je ne le connaissais pas, mais je le trouve parfaitement bien pensé. ce plugin vous permettra de balayer le code source de Symfony directement depuis la debug bar
• Reflet d’image en jquery
  Ca reste toujours sympa, surtout quand c’est bien codé.
• Encore un set d’icone pour blog très bien fichu
  Très travaillé et coloré, tous les icônes indispensables pour réussir son thème de blog
• Un explorateur de fichier en PHP
  Très belle réalisation, ce script pour permettra de vous balader dans l’arborescence de votre serveur web avec un certain style. Ajax et graphisme sont aussi au rendez-vous.

crédit photo: http://www.flickr.com/photos/besimo/4094334183/

• Créer des panorama 360 en jQuery (via clementj)
  Un plugin qui va vite trouver ses utilisateurs, je pense. Le rendu est plutôt bon.
• Publiez vos stats Analytics
  Oui vous pouvez avoir envie de le faire, pourquoi pas. Ce site, grâce à la récente api de google, permet de rendre publique une partie de ses stats à ses visiteurs ou autres
• Testeur de startup
  Apparemment le site est ancien, mais je ne connaissais pas! Une équipe qui s’occupe de faire des revues de startups pour dénicher les futurs twitter et consort
• Doctrine behavior sur mysql workbench
  Quand il s’agit de faire des MCD, Mysql Workbench est plutôt cool! Et voilà que maintenant, on peut directement lui ajouter les behavior doctrine. Que demande le peuple!
• Dernière faille PHP
  Si vous suivez l’actu PHP, vous savez sans doute que les versions antérieures à la version 5.3.1 ont une faille. Voici un petit récap des modifications à faire sur ces versions, si vous ne pouvez pas mettre à jour vos version
• Servir de gros fichiers en PHP
  Un petit snippet qui permet d’optimiser la lecteur de gros fichiers par PHP
• Des icones!
  Quelques sets que je n’avais jamais vu passer, donc je fais tourner<./li>

• 8 règles de base dans un design
  Toujours dans la rubrique, je suis un dev et je veux faire mon site sans un graphiste, voici un très bon récap sur les choses à garder en tête avant de vouloir mettre plein de bling bling et autre effet jquery à son site

Du coup, des liens assez portés graphisme pour une fois. Et oui, on espère tous un jour pouvoir se passer de nos amis graphistes pour des sites basiques :p

• Une image interactive avec Jquery
  Encore une belle utilisation de jQuery
• Encore de beaux icones rss
  Particulièrement réussis ceux là!
• Recadrer vos photos en ligne
  Parce que des fois, on veut juste faire un simple recadrage, retaillage et rajouté une petit ombre portée. Plus besoin de gros logiciel pour ces tâches triviales
• Optimisez Wordpress
  De bons cas pratiques et bien expliqués
• Créer un joli bouton
  Sous photoshop, créer un beau gros boutton qui pousse au clic
• Un thème wordpress très frais (via spawnrider)
  Du style, des couleurs. Particulièrement réussi.
• Les classes PHP pour utiliser vos API préférés
  Un billet qui rassemble toutes les classes PHP qui permettent d’interfacer les API des services web les plus connus
• Stoper le spam sans plugin
  Pertinente explication qui démontre qu’il est possible de se prémunir du spam sur wordpress sans rajouter de plugin (même akismet)

Il faudra donc se contenter de mes sélections de la semaine encore un peu. Et voici donc celle de la semaine.

• L’histoire d’Internet
  L’essentiel est là, tout est dit. On en serait presque nostalgique.
• Benchmark PHP
  Un petit benchmark sur la sérialisation d’un tableau PHP. Qui l’aurait cru, mais serialize est très très loin.
• Google veut devenir le web
  Et oui, Google planche sur un remplacant du protocole HTTP, rien que ça.
• L’orienté objet en javascript
  Le javascript, longtemps considéré comme un langage de bidouille, peut lui aussi intégrer les concepts objet, sisi
• Auto Follow Friday
  C’est français, c’est fait par @mr_boo et c’est bien pensé. Une petite application où il suffit de renseigner son pseudo twitter pour voir une liste de follow friday automatique.
• Une fan Page twitter
  Preuve que twitter est vraiment plus qu’un site, mais plus un « protocole de communication ». Voilà une utilisation bien vu des nouvelles listes twitters qui permet de créer le même rendu que les fan page de facebook via quelques lignes PHP
• Un nouveau lightbox jquery
  Un de plus, certes, mais il a su se différencier par un certain style pour les slideshow d’image de contenu<
• Parser du XML avec jquery
  Comme quoi jquery sait vraiment tout faire

Wait and see mais en attendant voici la sélection de la semaine.

• Propel 1.4 stable
  C’est un peu l’annonce de la semaine. Propel 1.4 stable est sortie! Pas mal de nouveautés dont certaines reprises des bonnes idées de Doctrine, mais également quelques exclus. Peut-être un futur billet plus complet à ce sujet ;)
• Un joli thème wordpress
  Une fois n’est pas coutume, croisé au détour d’un clic, assez sobre mais bourré de petits détails.
• Un autre joli thème wordpress
  Comme quoi ya des semaines comme ça. Celui-ci est plus poussé graphiquement mais a un vrai potentiel je pense
• Event jquery sur la sélection de texte
  Fonctionnalité qui pourrait ouvrir la porte à quelques nouvelles possibilités sympa
• Un nouveau script de validation de formulaire
  Oui encore un. Ca faisait longtemps. Mais celui-ci est vraiment bien fini et permet de définir ses validations avec très peu de ligne js, tout étant calibré depuis le code html
• Memcache et le PHP
  Une petite explication sur Memcache et ses bienfaits pour le PHP
• Drag and share avec jQuery
  Une façon originale de penser le drag and drop et le partage sur les medias sociaux.
• Un compilateur javascript par Google
  C’est le lien qui a fait le tour du web, cette semaine. Le voilà décrit par dew, même s’il s’avère très compliqué d’être utilisé avec jquery, ca reste un outil assez novateur.
• Un nouvel ORM PHP
  Basé sur l’ORM de Ruby, voici un ORM dont on pourrait bien entendre parler prochainement.