• 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/

mysql> select * from wp_comments where comment_post_ID = 1152 and comment_content like '%anniversaire%' order by RAND() limit 1 \G
*************************** 1. row ***************************
          comment_ID: 3262
     comment_post_ID: 1152
      comment_author: Vincent C

C’est donc Vincent C avec son commentaire:

Bon anniversaire !! ^^

Sobre mais efficace vu qu’il gagne le livre :p

Pas de souci pour les autres, on essaiera de renouveler une fois de plus l’expérience.

Merci à tous et à très vite pour les bons plans! (sisi je vous assure!)

Mais avant, un petit mot pour remercier tout le monde qui suit ce blog, et qui y participe à travers leurs commentaires, contributions et encouragements. Je dois dire que même si je l’avais lancé un peu comme ça au début, je suis plutôt satisfait du chemin parcouru et du trafic généré même s’il reste très modeste.

Pour les fans de stats, le blog compte un peu plus de 200 lecteurs rss, et une moyenne de 3000 visites/mois avec un mois d’octobre qui a frôlé les 4000. Niveau rythme, 96 billets publiés dont 3 par Vince et 2 par Ben qui m’ont rejoint dans l’aventure, soit une moyenne de 8/mois ce qui avec le recul, reste très correct je trouve!

Pas vraiment d’objectif particulier pour cette 2eme année si ce n’est d’essayer de reprendre les billets plus techniques, j’ai quelques brouillons et projets dans les cartons, reste – comme d’habitude – à trouver le temps.

D’ailleurs, j’en profite pour relancer une invitation à tout ceux qui aimeraient comme Vince et Ben rejoindre le bateau. Si vous n’avez pas envie de monter un blog juste pour quelques billets, je suis toujours ouvert à toutes les contributions mêmes ponctuelles (ya qu’a voir le rythme des 2 autres :p) du moment qu’on reste dans le cadre du développement web.

Trêve de blabla, si vous êtes là, c’est avant tout pour le cadeau j’en suis sûr ;)

Il s’agit donc du livre de Amélie Boucher – Ergonomie Web, Pour des sites web efficaces. Pour ceux qui ne l’a connaissent pas, je vous encourage à aller faire un tour sur son blog. Ergonome reconnue, elle livre toute son analyse dans ce livre qui fait quasi référence dans le domaine. Une vrai mine d’information sur la conception de sites web!

Voilà pour le pitch. Pour le gagner, rien de plus simple, on va pas aller chercher midi à quatorze heure:
Un petit commentaire avec le mot anniversaire dedans jusqu’à Vendredi minuit!

Le tirage au sort aura lieu dans le week end et les résultats dans la foulée. N’oubliez pas de me laisser une adresse mail valide du coup hein, ca m’embêterai d’avoir à le refaire.

A très vite pour reprendre le cours normal du blog ;)

Crédit photo: http://www.flickr.com/photos/shopbub/2561369517/

Comme vous ne l’avez peut-être pas loupé si vous suiviez le trac symfony ou si vous suivez les bonnes personnes ( ;-) ) sur twitter, symfony 2 utilise maintenant Git comme gestionnaire de version et non plus Svn. Le code source a été déplacé sur github ici. Cela devrait permettre plus de participations externes (ça a déjà commencé avec pborelli, CodingFabian et denderello), vu la facilité pour cloner un repository (le repository c’est l’endroit où sont stockées le sources à distance) avec git.

Si comme moi, vous connaissez mal ou peu Git, vous pourrez commencer par lire le « Learn GitHub » qui pourra vous en apprendre un peu plus. Je vais essayer de vous donner les commandes de base pour récupérer en lecture seule ou en écriture le repository symfony 2

Récupérer le code source

Le premier cas : vous souhaitez juste récupérer le code source pour jouer avec, sans le modifier. Dans ce cas, pas besoin de créer une branche du repository principal, récupérez le juste en lecture seule. Je pars ici du principe que vous êtes sur un *nix et que Git est installé, si vous n’avez pas installé Git allez le faire de ce pas, si vous êtes sous Windows je ne peux vous aider !

Rendez-vous sur l’url du dépôt GitHub de symfony 2 et copiez l’url Read-Only qui devrait être : git://github.com/symfony/symfony.git

Vous pouvez ensuite récupérer les sources en local avec la commande

git clone git://github.com/symfony/symfony.git

Vous aurez un beau répertoire symfony avec les sources.

Effectuer des changements

Si vous voulez effectuer des changements comme un grand sur le code source de symfony, il vous faudra créer une branche. Vous devez être au préalable inscrit sur GitHub. Si vous vous rendez à l’url du dépôt GitHub de symfony 2 vous devriez avoir quelque chose comme cela en haut :

À la place de « Your fork » vous aurez la possibilité de forker. Je ne l’ai plus car j’ai déjà forké en fait ;-) Cela vous créera un repository dans votre compte GitHub auquel vous pourrez accéder comme précédemment, mais cette fois-ci en lecture/écriture. Juste l’url du repository devrait avoir changée, pour moi la commande c’est :

git clone git@github.com:vjousse/symfony.git

N’oubliez pas d’avoir généré et envoyé votre clef publique sur GitHub avant, sinon vous aurez une belle erreur. Voilà, vous pouvez maintenant effectuer vos changements et les répercuter sur le serveur comme expliqué dans le « Learn GitHub ».

Symfony 2, un exemple de code

Tout d’abord il va vous falloir PHP 5.3 d’installé, si ce n’est pas le cas n’allez pas plus loin ! Ensuite il va falloir vous faire aux namespaces PHP et ses \, mais ça ça viendra avec le temps ! Pour finir, allez faire un tour sur git pour recopier un petit snippet d’ubermuda modifié par Fabien Potencier. Je vous le recopie ici :

// change this with the actual path you cloned sf2 to
$sf2_path = '~/symfony/src';
 
use Symfony\Foundation\ClassLoader;
use Symfony\Components\CLI\Application;
 
require_once $sf2_path.'/Symfony/Foundation/ClassLoader.php';
 
$loader = new ClassLoader();
$loader->registerNamespace('Symfony', $sf2_path);
$loader->register();
 
$app = new Application();
$app->run();

On ne parle pour l’instant que du composant CLI de symfony 2 qui vient juste d’être ajouté, on ne manquera pas de vous tenir au courant du reste des évolutions par la suite. À vous de jouer !

• 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!

Il est parfois aisé d’oublier à quel point le « World Wide Web » est international.

Des centaines de millions de personnes surfent sur la toile à n’importe quelle heure. Aux États-Unis, et dans tous les pays anglophones, nous avons tendance à croire que tout le monde parle notre langue.

Même si c’est le cas de beaucoup de personnes, ce n’est pas un avantage si évident. Les clients du monde entier ont une probabilité cinq fois supérieure d’acheter sur un site dont le contenu est rédigé dans leur langue natale.

L’Internet en langue étrangère, dans le sens où l’intégralité du contenu du site n’est pas en anglais, est une formidable occasion pour les entreprises d’accroître leurs revenus, mais elle est paradoxalement une des solutions les plus ignorées. De ce fait, les sociétés ne perdent pas seulement de l’argent, elles encouragent également leurs concurrents.

Lancer une page Internet en anglais vous met immédiatement en concurrence avec des milliards d’autres pages sur les moteurs de recherche. Créer votre page dans une autre langue peut vous faciliter grandement l’accès à une position dominante.

Par exemple, Lingo24 a lancé un microsite danois pour un coût inférieur à 100 livres sterling (160 dollars) au début de l’année dernière. En septembre, nos ventes avaient atteint un niveau qui nous permettait d’employer un gestionnaire de compte à plein temps, et le marché danois représente aujourd’hui une part significative et croissante de notre chiffre d’affaires. Nos revenus internationaux cumulés représentent désormais 64 % de nos ventes.

Il est bien évident qu’il ne s’agit pas d’ignorer le marché intérieur, mais l’arrivée de votre société dans un territoire mal desservi peut attirer l’attention des observateurs à l’échelle locale. Cela peut se traduire par une attention médiatique, un meilleur positionnement sur les moteurs de recherche et une clientèle accrue. Il est donc important d’identifier les médias pertinents au sein des marchés que vous ciblez.

La valeur cumulée des marchés en langues étrangères peut être nettement supérieure à celle de votre marché intérieur. Vous en voulez la preuve ? Regardez Google. Moteur de recherche dominant dans quasiment tous les pays, Google tire 52 pourcent de ses revenus de l’Internet en langue étrangère.

Élaborer un site Internet dans une autre langue peut être intimidant. Il faut donc garder à l’esprit ces quelques points lorsque vous prévoyez votre stratégie.

• Développez votre compréhension du marché. Si vous avez des clients à l’étranger ou des clients locaux ayant des connections à l’étranger, demandez-leur s’ils pensent que votre offre peut être attrayante à l’échelle internationale. Établissez une liste de contacts susceptibles de valider vos idées, voire de devenir vos premiers clients.
• Analysez la concurrence. Les outils de traduction automatique de Google peuvent vous aider à déterminer rapidement où en sont vos concurrents.
• Évaluez la demande. Utilisez les outils Google et Yahoo pour identifier les phrases-clés qu’il faut cibler sur vos marchés étrangers.
• Faites traduire votre site par des professionnels. Les traductions automatiques de Google sont suffisantes pour comprendre un contenu, mais absolument pas fiables pour le site Internet d’une société. Choisissez une entreprise de traduction professionnelle pour communiquer clairement votre message à vos clients.
• Commercialisez votre site en ligne. Les principes sont les mêmes que pour l’anglais. Forgez des liens par l’intermédiaire de partenaires, adoptez le « paiement au clic » (cpc) et essayez d’apparaître sur les sites que vos clients potentiels fréquentent.

Ces quelques étapes à suivre (et à renouveler dans d’autres langues) peuvent vous permettre d’élargir et de diversifier votre activité.

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

• Netbeans 6.8 avec support Symfony final release
  Voilà, c’est fait, la dernière version de Netbeans est enfin stable et inclut donc de série le support de Symfony. Pour l’instant, elle a l’air vraiment stable comparé aux Releases Candidates. On va voir à l’utilisation
• De bien jolis sites
  Voilà une belle sélection de sites web dédié à la promotion d’application. C’est exactement ce genre de site que j’affectionne.
• Les filtres PHP, exemples
  J’en avais déjà parlé, j’en remet une couche avec un billet très concret avec des exemples d’utilisation
• Un cache basique en PHP
  Un exemple très basique d’utilisation de cache en PHP. Ca peut toujours servir à l’occasion
• Comment formatez-vous votre CSS?
  Le résultat du dernier sondage de Chris Coyier, où le résultat est assez net. C’est en multiligne que la majorité formate son CSS. Personnellement, je fais un mix des 2, et vous?
• Une nouvelle approche d’inscription
  Les ergonomes n’en finissent pas de trouver l’ultime moyen de rendre la vie la plus facile à leurs internautes. Voici une nouvelle approche qui permet de simplifier encore plus la création d’un compte
• Qu’est-ce qu’un bon développeur?
  Une question ouverte sur twitter avec une sélection des réponses les plus pertinentes. Ca résume assez bien ma vision des choses
• Un bloc de billets les plus commentés un peu funky
  Voici encore une belle démonstration de créativité.
• Tour d’horizon des solutions de graphique web
  Jquery, Flash, and co, je vous parle souvent de solutions pour faire des graphiques. Voici un billet qui récapitule tout ça avec des screenshot pour le côté visuel
• Filtre Symfony en cas de souci avec la bdd
  Petit filtre basique mais bien pensé qui permet d’intercepter les problèmes de connexion avec sa bdd et ainsi personnaliser l’affichage (ou autre).

Crédit photo: http://www.flickr.com/photos/wait4thelight/422656134/