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

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

• Des icones pour google map (via pborreli)
  Oui parce que les icones par défaut, elles sont biens mais pas tops!
• Un service de suivi de vos visiteurs en temps réel (via old_sound)
  Oui bon en gros, ca reste un tail -f access.log mais avec le décodeur en plus!
• Des jolies icones
  Un nouveau moteur de recherche avec quasi que des icones de qualité pour vos projets.
• Encore des astuces et optimisations pour jquery
  Et oui plus on l’utilise, plus on essaye de l’optimiser ce petit jquery.
• Tourner vos textes en CSS… sous IE8
  Et oui voilà l’exception qui vient confirmer la règle, voici la propriété css3 que IE8 est le seul à interpréter! Ca devait être de ça dont parlait Microsoft quand ils nous ont vanté toute l’innovation de leur navigateur!
• Reproduire le slider de l’historique google wave
  A peine sorti et voilà qu’on essaye déjà d’exporter en jquery ces bonnes idées. Ici le slider pour filtrer l’historique d’une liste de commentaire.
• Codez en micro plugin jquery
  Une idée très intéressante qui consiste à implémenter vos lignes jquery de votre document.ready en micro plugin pour gagner en lisibilité et en maintenabilité
• IE6 fixer
  Voilà de quoi faciliter un peu votre debug IE6, grâce à cette génération de CSS qui permet de corriger les bugs les plus connus de ce dinosaure
• Une classe PHP pour interfacer les thread PHP
  Tout est dans le titre ;)
• Migrer de Mysql à COuchDB en PHP
  Jérémy en parle beaucoup en ce moment. Ca méritait d’y jeter un oeil. Voici un tutorial pour appréhender la chose et comprendre ce qu’est CouchDB au passage.

Et le bonus de la semaine chez l’ami Methylbro :
Gagner le livre php5 avance

Crédit photo: http://www.flickr.com/photos/chitrasudar/2721323275/

Par contre, une question, ça vous intéresserait une série de best-of (en plus) sur les liens qui ont semble-t-il le mieux marcher? (le plus de clic)

Pour vous aider à réfléchir, voici de quoi cliquer:

• Améliorer la performance de votre site
  Alors oui, ce genre de tuto, on en trouve plein. Mais celui-là est vraiment complet et de qualité. Il méritait bien un lien!
• Exemple pour inclure son moteur de template favori dans Symfony
  Avec la sortie du composent template de Symfony 2, voici un exemple d’utilisation pour inclure son système de template préféré.
• 10 plugins wordpress pour développeur
  Parce que wordpress c’est bien, mais des fois, en tant que dev, on aimerait plus.
• Les tests unitaires en javascript
  Avec l’ampleur que prend le javascript depuis l’arrivée des framework jquery et consor, ca méritait bien un peu d’ordre de ce monde de brute
• Surcouche PHP pour gérer et optimiser ses CSS
  Sans doute le lien de la semaine. Un petit tour sur le screencast vous en dira beaucoup. Mais le principe de rajouter un petit framework PHP pour faciliter et optimiser vos CSS. A essayer et à adopter.
• L’effet grisé dégradé en jquery
  L’effet de la semaine. Un très bon rendu!

Une liste un peu courte, mais la faute à une grosse semaine dernière! Je me rattraperais ;)

Malgré une rentrée très intense, je trouve que la qualité des billets trouvés sur mon parcours n’est pas supérieur à ce que je pouvais trouver pendant la trêve estivale. Comme quoi, quantité ne rime vraiment pas avec qualité. Mais il y a quand même des choses très intéressantes.

• Traduction d’un site via jquery
  C’est la bonne idée de la semaine. Qui en plus bénéficie d’une très bonne réalisation. Ce plugin, permet grâce à l’api de traduction Google, d’offrir à vos visiteurs, un premier niveau de traduction! A essayer et à adopter.
• Listing des attaques XSS communes
  Histoire de vérifier que votre site est en béton armé, voici un récapitulatif de toutes les failles XSS les plus courantes.
• Un site de stats sur le monde du web
  Et moi qui adore les stats, je pouvais pas passer à côté. Et en plus c’est en français ;)
• Le processus de save des formulaires Symfony
  C’est le bon lien de la semaine Symfony. Vous retrouverez dans ce billet, un schéma reprenant tout le fonctionnement lors d’un save d’un formulaire.
• Une sélection par selectbox, non intrusive s’il vous plaît
  C’est certainement le gadget javascript, le plus utilisé. Permettre de valider une option d’une liste déroulante simplement en la sélectionnant (sans submit donc). Mais voilà, sans js, et bien c’est pas pratique. Voici une version, qui permet de faire la même chose, mais qui offre une alternative sans js. Et ça c’est bien.
• Capter les sélections de vos utilisateurs
  C’est plus par le côté technique que l’aspect pratique que j’ai été séduit. Mais on peut imaginer trouver un intérêt à la cette technique.
• 15 astuces pour optimiser votre blog wordpress
  Astuces et plugins, pour vous aidez à dompter et à optimiser votre blog.
• Filtrer vos données avec jquery
  Parce que ça reste une des meilleurs utilisations de jquery à mon sens, voici encore un tutorial sur du filtering de donnée avec jquery
• Mathématiques + jquery = animation
  Et oui, les maths en fait, ça sert! En l’occurence, les courbes de béziers ici permettent d’obtenir un résultat d’animation jquery bluffant
• Un petit bandeau de news en jquery
  C’est en français, ca valait bien le déplacement!
• Mettre en avant la ligne de votre champ de formulaire
  Et oui, le css permet de mettre en avant, le champ lui même, mais forcément, c’est plus visible de mettre toute la ligne! La démo parle d’elle même.

Crédit photo: http://www.flickr.com/photos/drb62/2054107736/

• Ajouter un +/- à un input en jquery
  C’est une fonctionnalité que j’ai longtemps cherché, en vain. Voilà qui est maintenant réparé
• Integrer google search à son blog
  Une des fonctionnalités sur laquelle je bosse pour aw. Voici un bon début avec ce tutorial
• Tutorial de manipulation du DOM en jquery
  Un tutorial un peu avancé qui permet de pointer du doigt la puissance de manipulation du DOM avec jQuery
• Plugin jQuery pour zoom d’image
  Encore un type de plugin assez répandu, mais qui est bien fichu à mon goût
• Habillez vos design avec jquery UI
  Voici un tutorial pour apprendre comment utiliser jqueryui pour habillez uniformément et sans effort un design web
• Un nouveau validateur de formulaire
  Son seul défaut, c’est qu’il utilise des class css. Je suis pas très fan du principe. Mais il reste bien pensé et très complet
• Une utilisation des animations jquery
  Parce qu’avoir de bons outils, ça ne suffit pas, il faut aussi avoir de bonnes idées. En voici une qui utilise les animations jquery pour transmettre un message de retour à l’utilisateur.
• Apprendre à utiliser les filtres en PHP
  Arrivée avec PHP 5.2, les filtres permettent de … filter vos données. Très puissants mais encore un peu obscurs, voici un tutorial qui vous donnera les bases de ces fonctions.
• Mod_rewrite avec Apache
  Oui, on en a bcp parlé il y a quelques années avec l’arrivée de la réécriture d’urls. Mais voici un tutorial bien fourni sur toutes les possibilités et toutes les options de ce mod beaucoup plus complet qu’on peut l’imaginer
• Rédécouvrez les tableaux HTML
  Element HTML diabolique pour certains depuis l’ascension du CSS, il ne faut pas oublier que les tableaux ont une utilité et sont surtout très fournis en options et personnalisations. Voici de quoi vous rafraichir la mémoire.
• 10 snippets pour intéragir avec twitter
  Un petit listing de 10 possibilités d’interagir avec twitter via son API. Preuve que maintenant un service web à succès se doit d’avoir une API à la hauteur de l’imagination de ses utilisateurs.

C’est tout pour ces 10 jours, la faute à ma non présence sur twitter ces derniers jours. Mais je vais corriger ça ;)

Et c’est parti:

• Retirer les bordures autour des liens cliqués sous Firefox.
  Il y a pas mal de temps, un ami graphiste m’avait demandé « C’est vraiment moche ces bordures quand on clic » (oui vous savez ces graphistes et le souci du détail ;)). Et je ne pensais pas (et encore aujourd’hui) qu’on pouvait les retirer. Et pourtant c’est tout simple. (Oui oui Gi, je parle de toi, souvenir :)
• Plugin jquery pour revenir en haut de la page
  Il sait se faire discret et rempli parfaitement son rôle. Une fois qu’on scroll un peu dans la page, un charmant petit module vient apparaître permettant de remonter en haut de la page.
• Slides Symfony 1.3 et Doctrine 1.2
  Pour ceux qui auraient loupé le lien! Je suis d’ailleurs ravi des nouveautés, en particulier pour doctrine, qui nous permettra enfin d’étendre Doctrine, facilement.
• Jquery Plugin Avant/Après
  Le genre de plugin qui m’emballe. Ceux dont on ne sait pas trop à quoi il pourrait servir, jusqu’à l’illumination!
• PHP 5.3, les appels dynamiques
  Et oui, c’est une des principales nouveautés de la 5.3 et ca méritait bien un petit tuto très bien ficelé comparé à ceux que j’ai pu croiser jusque là
• Créer simplement des animations avec jquery (via dator)
  En voilà une idée quelle est bonne. Une interface permettant de créer rapidement et simplement des animations et des interactions avec jquery. Un bel outil.
• Effet pour légende d’image avec jQuery
  La semaine dernière, je vous présentais un petit effect « ouverture de porte », voilà son petit frère avec un effet encore plus recherché (et réussi à mon goût)
• Contrôler votre base de donnée avec un seul fichier PHP
  Sans être exceptionnel, il mérite de remplir parfaitement son rôle. Un seul fichier PHP à uploader (ou à poser en local) et vous pouvez alors contrôler vos bases de données. Un phpmyadmin light, mais efficace.
• Créer un twitter like tout simplement
  Certes, le code est très basique, mais c’était surtout pour montrer qu’une bonne idée, ca reste une idée menée au bout (et je parle pour moi le premier ;p). Et que le concept de twitter se résume en ces quelques lignes.
• Petites astuces CSS pour améliorer le rendu typographique
  C’est simple, mais ce sont les règles élémentaires à toujours garder à l’esprit à mon goût

On essaye de diversifier mais je me rend compte qu’un peu de structure dans cette liste des fois, ça ferait pas de mal! Ou alors, je pourrais faire des compils best-of! Vous en pensez-quoi?

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

Rien à dire, en plus de ne pas être écologique, on a du mal à y voir un intérêt, pauvres humains que nous sommes. Mais quand vient le moment d’écrire son adresse mail sur un site web qui sera visible par tout le monde, on en tremblerait presque.

Du coup, il existe beaucoup de techniques, l’idéal étant encore de ne pas écrire son adresse mail en toutes lettres sur son site! Mais des fois, cela reste bien pratique. Voici donc une solution très simple à mettre en place, qui sans être parfaite, assure quand même le boulot dans la majorité des cas.

A noter que cette technique est tiré du site de Symfony himself. Comme je ne l’avais jamais croisé auparavant, ca peut valoir le coup d’en parler un peu.

Le principe est simpliste mais bien pensé.

On écrit, notre adresse mail à l’envers en PHP (ou tout autre langage serveur on est d’accord) et on demande à notre CSS de l’afficher à l’envers également. Et vous l’aurez compris, l’envers de l’envers, et bien… c’est l’endroit! Fou je vous l’accorde.

En terme de code, voilà ce que ca donnera schématiquement:

<span class="reverse">
 <?php echo strrev('monmail@monadresse.com') // qui va écrire moc.esserdanom@liamnom du coup ?>
</span>

Il suffit maintenant de changer la direction de lecture de notre span reverse via CSS:

span.reverse {
direction:rtl;
unicode-bidi:bidi-override;
}

Et voilà, notre adresse est maintenant lisible à l’endroit à tout le monde bénéficiant d’un support CSS, donc en théorie, tout le monde sauf, les vilains méchants robots spammeurs. Malheureusement ça reste de la théorie mais en pratique, cela reste un manque niveau accessibilité, tout comme on est pas sûr que les robots ne sauront pas interpréter le CSS très bientôt. Mais je pense que ca reste une solution à connaitre.