Allez, on y va avec une liste un peu moins jqueryophile que la semaine passée.

• Plugin jquery d’aide à la visualisation de gros tableau
  Tout est dans le titre. Un plugin qui permet, sur de gros tableaux, de pas se perdre entre la colonne et la ligne qu’on est en train de lire.
• Effet jquery pour légende d’image
  Un petit effet « porte ouverte » sur le survol d’une image, pour afficher du texte en dessous.
• Panneau latéral en jquery
  Un effet très réussi et une utilité intéressante pour ce plugin jquery, comme par exemple pour le bloc de filtre dans l’admin generator de symfony?
• Benchmark sur le PHP
  Des Benchmark sur des cas d’utilisations en PHP. Pour savoir comment il vaut mieux écrire certaines lignes
• Préparer son passage sur Snow Leopard
  Et oui Snow Leopart débarque dans les chaumières et histoire de bien faire les choses, voici un petit tuto sur les choses conseillées à faire avant de se ruer sur le DVD d’installation
• Snippet jquery pour éditer du CSS en live
  Quelques lignes de jquery et la magie opère! Nous voilà avec du css en live et éditable à la volée. Suffisait d’y penser
• CKeditor dans les bacs
  Le remplaçant de FCKeditor est enfin disponible en version stable. Il corrige le premier défaut de son prédécesseur, un skin par défaut très sobre et propre, avec en plus la possibilité de le changer de couleur mais surtout beucoup plus rapide! Testé et approuvé!
• Donner la puissance du PHP à votre CSS
  On veut souvent pouvoir dynamiser un peu nos feuilles de styles. Voici les meilleurs manière de faire
• De jolies checkboxes avec Jquery
  Et oui, avant jquey se limitait à rendre les éléments d’un formulaire plus « beaux ». Maintenant, on voit des choses tout simplement plus ergonomiques et bien pensées et c’est tant mieux
• Le site de la semaine
  Je vous avait parlé rapidement il y a quelques temps de screentoaster et bien, voilà un nouveau concurrent en plus beau et mieux pensé je trouve! De quoi vous filmer en train de cliquer sur amicalement-web! … ou pas

Il y a un peu plus d’un mois de ça, je me lançais dans l’aventure Twitter histoire d’approfondir mon opinion sur ce sujet qui retient l’attention de toute la blogosphère. Mes premières impressions de simple utilisateur n’ont pas été très positives et je comptais faire un billet dessus.

On vous propose de suivre des personnes aléatoirement

Une interface à l’époque plutôt pauvre et peu intuitive en plus d’être seulement en anglais et en japonais, certainement le plus gros frein à sa percée en France quant on sait comme nous aimons notre belle langue. Une page d’accueil qui dit pas grand chose, si quelqu’un ne connaissant pas Twitter tombe dessus, je doute qu’il sache de quoi il retourne. Et un process d’inscription qui poursuit sur cette lancée.

Mais j’ai laissé la chance au produit finalement. En lisant à droite à gauche, j’ai vite compris qu’il me fallait un client parce que l’interface de base ne fait pas rêver. Je me suis mis en quête d’un spécimen Mac exclusivement (oui quand on est sur un mac, on aime bien avoir de jolis softs :D) et la après des premiers essais peu convaincant, je suis tombé sur un des logiciels mac les plus abouti que j’ai pu voir: Nambu. Une interface dans l’esprit mac et très modulable qui m’a de suite séduite et qui a contribué à mon approfondissement du sujet.

Interface Nambu

Une fois équipé, je me suis lancé avec la première question: « Mais qui je vais bien pouvoir suivre?! ». Alors on suit les copains en premier, puis les gars dont on aime bien le blog, quelques pointures de notre domaine de prédilection, Symfony pour moi et on commence à lire ce qui défile maintenant devant nos yeux, sans trop savoir quoi dire. Puis on reçoit, un petit mail, « quelqu’un à décidé de vous suivre ». Pourtant j’ai encore rien écrit… Oh du spam, c’est donc comme partout.

Puis on se lance, on raconte un peu nos humeurs, on ReTweet ce qui nous semble intéressant, on lit, on clic, on balance un lien sympa mais très vite on tourne en rond et la question de qui suivre revient. Car s’il faut arpenter tous les couloirs de twitter pour cliquer sur « follow » dès que quelqu’un nous semble intéressant, on a pas fini.

Et oui du spam même sur twitter

Et là, grâce à Nambu, je découvre la vrai dimension de Twitter pour moi, les Trends, ces petits mots précédés de # qui permettent de donner un « thème » à vos tweets et qui sont alors recherchables facilement. Et là je me lance, je « m’abonne » au trend #symfony, et là bingo, plein de gens qui parlent d’un thème que vous appréciez sans rien faire. Et grâce à votre client, il vous refresh automatiquement ce trend. On se croirait dans un salon IRC! Le bon vieux temps. La mayonnaise prend enfin, et je me dis que finalement on peut trouver une utilité à ce service.

Aujourd’hui, je survole donc une dizaine de trends chaque jour, de #symfony à #jquery en passant par #webdev, qui m’offre sur un plateau toute l’actualité du web sur ces sujets. Il n’y a plus qu’à cliquer.

Si on m’avait expliquer les choses comme ça dès le début, peut-être que j’aurais été moins réticent. En tout cas, maintenant, je suis seulement les personnes qui m’intéressent réellement, et je parcours les trends pour suivre l’actu du web développement, et je dois avouer que je n’aurais pas soupçonner cette dimension au premier abord.

Voilà, maintenant, je suis encore en phase de nouveauté et de découverte, on verra si sur une plus longue période, je ne me lasse pas.

En bonus, un petit guide tout frais (entendre par là, que je l’avais pas il y a un mois) pour débuter sur Twitter:

• Twitter pour les novives

• Meilleur projet
• Meilleur outil pour développeur
• Meilleur projet dans le monde de l’entreprise

Il faut donc votez dès maintenant si ce n’est pas déjà fait! Personnellement, comme à mon habitude, j’en ai profité pour faire un petit tour de la « concurrence » et j’ai même trouvé des projets que je connaissais pas, mais qui me semble très intéressant. Petit tour d’horizon.

Déjà, voici où sont allé mes votes. A noter que je n’ai voté que dans les catégories où je trouvais mon intérêt, histoire de pas biaiser le classement des autres catégories:

• Meilleur projet:
  A ma grande surprise, pas de grand nom dans la catégorie phare de cet évènement, catégorie où on a vu gagner OpenOffice ou Azureus. Néanmoins, Symfony aura, je pense, du mal à conquérir ce titre face aux communautés de XAMP et Firebird
• Meilleur nouveau projet:
  Ici on est censé retrouver des noms qui raisonneront de plus en plus fort, comme ce fut le cas pour Magento l’année dernière. On y découvre donc, un client de micro blogging pour KDE, le nouveau framework de l’équipe de TYPO3, un logiciel de backup et celui qui a gagné mon vote, eeebuntu, une distribution pour EeePc adapté d’une ubuntu
• Meilleur OpenSource projet commercial:
  Une nouvelle catégorie pour montrer que des projets open source, peuvent faire de l’argent directement. J’ai fait un peu le tour de tous les nominés et celui qui a capté mon attention est Funambol. Un couple client/serveur permettant de synchroniser son smartphone, sous Windows ou Linux et qui répondrait à ma problèmétique de synchronisation de mon HTC Touch Cruise sous Ubuntu!
• Meilleur interface utilisateur:
  Là encore, une nouvelle catégorie. Et j’ai retrouvé une vieille connaissance, Mac4Lin qui vient de passer en version 1.0. C’est une application basée sur GTK qui donne à une distribution linux, un look and feel Mac Os.
• Meilleur projet éducatif:
  Encore une nouvelle catégorie qui fait la promotion des projets qui s’inscrivent dans l’enseignement, outils mathématiques, alignement de téléscope et agrégateur de dictionnaire, en l’occurrence GoldenDict qui m’a pas mal emballé. Une application qui peut agréger le contenu des dictionnaires classiques comme babylon ou stardict mais aussi de wikipedia ou autre wiki à but informatif. A tester
• Meilleur projet pour les administrateurs systèmes:
  Peut-être l’année du changement pour cette catégorie, qui a vu régner en maitre jusqu’à présent phpmyadmin, encore nominé cette année mais qui aura face à lui de sérieux concurrents comme ISPConfig, XAMPP, Clam Antivirus et mon favori Nagios. Ce dernier permet de monitorer une machine sur tous ce qui est mesurable, parfaitement customisable avec tout le nécessaire qui va avec, alerte, graphique, proposition de solution, … Il me semble que c’est la solution que Free a choisi pour ses dedibox par exemple.
• Meilleur projet pour les développeurs:
  Certainement la catégorie la plus populaire avec ces derniers vainqueurs très en vue, comme Notepad++, Pidgin ou TortoiseSVN. Espérons que Symfony réussisse à tirer son épingle du jeu, car en tant que développeur, il fait maintenant partie des outils dont je ne saurais me passer.
• Meilleur projet pour les entreprises:
  Deuxième catégorie qui va attirer du monde, car pour s’assurer un avenir pérenne, une application open source gagne à figurer dans les Must Have des entreprises. OpenOffice, Firebird et Zimbra se sont succédés au palmarès, seul le 2e deuxième est nominé cette année, avec face à lui TYPO3 et bien sûr Symfony!

Pour ce qui est des autres catégories, j’ai rapidement balayé les noms, mais n’étant pas des domaines qui m’intéressent, j’ai préféré me taire que dire des bêtises. On retrouve donc des logiciels comme Audacity, une solution d’enregistrement/edition de son, LiveS, un logiciel de montage vidéo pour Linux, DeSmuME, un émulateur pour Nintendo DS ou encore Mumble, un logiciel de VoIP destiné aux gamers.

Fin des votes le 20 juillet et annonce des résultats à l’OSCON. Stay tunes.

• CheckMyColours
  Un outil web qui permet de détecter si vos textes sont suffisamment contrastés pour les personnes ayant un problème avec les couleurs
• jquery.maxlenght
  Le petit plugin jquery de la semaine qui permet d’ajouter un compteur de caractères à un textarea très simplement
• Quand jQuery tente de copier Mac Os X
  Un résultat assez impressionnant, mais qui reste assez gadget quand même. A voir aussi, ce que ca donne dans une vrai page bien rempli
• PhpWtf
  Je vous épargne la traduction de wtf, mais en gros un petit site qui vient de se lancer qui permet de répertorier les (nombreuses?) invraisemblances qu’on peut retrouver dans PHP (mais qui ne l’empêche pas d’être très bon, on est d’accord)
• Pictaculous
  
  Un autre service web permettant de récupérer une palette de couleur à partir d’une image uploadée par vos soins. Intéressant pour avoir un point de départ lors de la création d’une charge graphique, surtout pour nous pauvres développeurs qui n’avons pas le don que nos amis graphistes ;)
• 43 articles et ressources sur le PHP à lire
  Une liste plutôt sympa qui cache pas mal d’articles assez interessant même si certains s’entrecoupent. Il vaut mieux trop que pas assez, bien souvent
• Les 5 points qui opposent les graphistes aux développeurs (en)
  Un billet très sympa qui retrace bien la vérité (stéréotypé dans le billet bien sûr) d’une collaboration graphiste/développeur (plutôt intégrateur pour le coup)

• FirefoxNotify (via Opensyd)
  Avec Ubuntu 9.04 et son nouveau système de notification tout beau, il fallait bien l’extension firefox pour homogénéiser le panda (renard?) avec ubuntu en attendant que mozilla le supporte nativement.
• DiggingIntoWordpress
  Un nouveau blog anglophone censé devenir une bible dans la customisation de wordpress. Par le créateur de css-tricks
• 80 customisations de macbook
  C’est beau!

• Nicedit
  Un nouveau plugin richedit propulsé par jquery qui vient de remplacer tinymce dans mes projets. Simple, performant, que du bonheur
• Un joli pack d’icone (via WeLoveMac)
  Un pack d’icone très complet et très joli, idéal pour un admin generator par exemple ;)
• Promotion d’IE8
  Quand Microsoft fait la promotion de son nouveau bébé, alsacréations rigole (et on les comprend :D)
• Un menu jquery dockable
  Assez impressionnant, un menu original et fonctionnel qui rajoute la possibilité de docker le sous menu en cours

Voilà, de quoi se distraire quelques minutes. La suite Vendredi prochain!

Là où la virtualisation se banalise grâce à des logiciels comme VirtualBox, certains utilisent encore des émulateurs dont le célèbre ie4linux.

Et bien, l’alternative pour Mac OS X existe, preuve que la pomme a quand même bien fait les choses. Et pour l’installer rien de plus simple.

Commençons par s’assurer que nous disposons de X11 qui sera utilisé pour afficher la fenêtre de notre futur IE6. Si vous ne l’avez pas spécifié à l’installation de Léopard, il faudra l’installer via Xcode, mais que tout bon développeur sous Mac aura déjà installé. L’application X11 devrait donc se situer dans Applications > Utilitaires

Ensuite, installer Darwine (via un joli .dmg et un simple glissez/déposer à la mac), qui n’est d’autre qu’un portage de Wine sur Mac OS X.

Maintenant tous les exe seront ouvert via Darwine. Il ne vous reste plus qu’à installer ie4osx et voilà le travail:

Alors ça reste moche hein, Mac ne fait pas de miracle, mais ca permet de dépanner rapidement pour des tests bateau, quand vous ne faites qu’assurer le service minimum pour ce navigateur ;)

Une fois de plus, ce manque est corrigé par un tiers par l’intermédiaire de Expod, seulement en version mac pour l’instant ce petit soft a le mérite de faire son travail et de le faire bien.

Une fois lancé, rien à faire de plus, il reconnait votre ipod connecté comme un grand:

Ensuite, on sélectionne les mp3 qu’on veut récupérer et on arrive sur une boîte de dialogue qui nous propose le format de nom de fichier qu’auront nos futurs fichiers mp3 via les tags de ces morceaux:

On choisit le répertoire de destination et l’affaire est dans le sac. Reste à voir, si ce logiciel évolue, en permettant surtout un support Windows voir Linux

Mais quel choc quand on a le malheur de lancer le terminal mac dans sa configuration de base:

Assez tristounet, aucune couleur et le panel de configuration est peu enclin à nous aider efficacement. Et pourtant, quand on sait que mac os x est construit sur une base unix, il serait dommage de se priver d’un terminal qui pourrait se révéler très utile, surtout pour un développeur comme moi.

On va donc se lancer dans un petit tuning de terminal.

Première étape, si vous ne l’avez pas déjà fait, il va falloir installer MacPort, pour ceux qui ne connaissent pas, c’est un gestionnaire de paquet un peu comme l’est APT pour debian/ubuntu.

Une fois MacPort dans la place, on va justement se servir de notre cher terminal et installer le paquet coreutils grâce à la ligne suivante:

sudo port install coreutils +with_default_names

Une fois l’installation complète (attention elle peut prendre un peu de temps), on va pouvoir commencer le tuning.

Première chose, le fond blanc n’est pas l’idéal surtout que les autres couleurs à notre disposition seront aussi assez claires. Il suffit pour ça d’aller dans les préférences du Terminal > Réglages > Fenêtre et changer la couleur d’arrière plan. Personnellement j’ai mis noir avec une transparence à 60%, moins flashy pour les yeux.
Voici un petit récap de mes autres paramètres à affiner selon vos souhaits:

On continue en éditant le profil de notre terminal grâce au fichier ~/.bash_profile. L’idéal serait de se faire la main avec VIM mais n’importe quelle éditeur ira très bien. A noter que si vous n’aviez jamais mis le nez dans le terminal, il est probable que le fichier n’existe pas. Aucun souci pour le créer.

Je vous met ici mon fichier, rien d’énorme juste des couleurs que je trouve agréables, le listing des couleurs disponibles est plus bas:

export PATH=/usr/local/mysql/bin:/sw/bin:/sw/sbin:/opt/local/bin:/opt/local/sbin:$PATH
export MANPATH=/opt/local/share/man:$MANPATH
 
# Couleurs du préfix du terminal
NM="\[\033[0;38m\]" 
HI="\[\033[0;37m\]" 
HII="\[\033[0;36m\]" 
SI="\[\033[0;33m\]"
IN="\[\033[0m\]"
 
export PS1="$NM[ $HI\u $HII\h $SI\w$NM ] $IN"
 
if [ "$TERM" != "dumb" ]; then
    export LS_OPTIONS='--color=auto'
    eval `dircolors ~/.dir_colors`
fi
 
# alias
alias ls='ls $LS_OPTIONS -hF'
alias ll='ls $LS_OPTIONS -lAhF'
alias cd..="cd .."
alias c="clear"

Puis le fichier ~/.dir_colors

# Below, there should be one TERM entry for each termtype that is colorizable
TERM linux
TERM linux-c
TERM mach-color
TERM console
TERM con132x25
TERM con132x30
TERM con132x43
TERM con132x60
TERM con80x25
TERM con80x28
TERM con80x30
TERM con80x43
TERM con80x50
TERM con80x60
TERM xterm
TERM xterm-color
TERM xterm-debian      
 
# Below are the color init strings for the basic file types. A color init
# string consists of one or more of the following numeric codes:
# Attribute codes:
# 00=none 01=bold 04=underscore 05=blink 07=reverse 08=concealed
# Text color codes:
# 30=black 31=red 32=green 33=yellow 34=blue 35=magenta 36=cyan 37=white
# Background color codes:
# 40=black 41=red 42=green 43=yellow 44=blue 45=magenta 46=cyan 47=white
NORMAL 00	# global default, although everything should be something.
FILE 00 	# normal file
DIR 01;36 	# directory
LINK 01;37 	# symbolic link.  (If you set this to 'target' instead of a
           	# numerical value, the color is as for the file pointed to.)
FIFO 40;33	# pipe
SOCK 01;35	# socket
DOOR 01;35	# door
BLK 40;33;01	# block device driver
CHR 40;33;01 	# character device driver
ORPHAN 40;31;01 # symlink to nonexistent file
 
# This is for files with execute permission:
EXEC 01;35
 
# List any file extensions like '.gz' or '.tar' that you would like ls
# to colorize below. Put the extension, a space, and the color init string.
# (and any comments you want to add after a '#')
 
# If you use DOS-style suffixes, you may want to uncomment the following:
#.cmd 01;32 # executables (bright green)
#.exe 01;32
#.com 01;32
#.btm 01;32
#.bat 01;32
 
.tar 01;31 # archives or compressed (bright red)
.tgz 01;31
.arj 01;31
.taz 01;31
.lzh 01;31
.zip 01;31
.z   01;31
.Z   01;31
.gz  01;31
.bz2 01;31
.deb 01;31
.rpm 01;31
.jar 01;31
.dmg 01;31
 
# image formats
.jpg 01;34
.png 01;34
.gif 01;34
.bmp 01;34
.ppm 01;34
.tga 01;34
.xbm 01;34
.xpm 01;34
.tif 01;34
.png 01;34
.mpg 01;34
.avi 01;34
.fli 01;34
.gl 01;35
.dl 01;35
 
# source code files
.pl 00;33
.PL 00;33
.pm 00;33
.tt 00;33
.yml 00;33
.sql 00;33
.html 00;33
.css 00;33
.js 00;33

On obtient alors ceci:

C’est déjà plus agréable mais il manque la geek touch. Pour arranger ça, on va rendre notre terminal accessible tout le temps, avec un style quake like.

Pour ce faire, première chose, installer SIMBL. Une application, qui permet ensuite de faire des plugins pour des applications cocoas (comme notre terminal). Une fois installé, téléchargez visor, un plugin SIMBL.

Voilà, killez votre terminal s’il est encore ouvert et quand vous le relancez, celui-ci ne s’ouvre pas mais un petit icone est apparu dans votre menubar:

Choisissez « Visor Preferences… », définissez le raccourci que vous souhaitez et testez! Voilà, plus besoin de fermer votre terminal, celui-ci se range dans votre menubar. Pour les sceptiques, une petite vidéo du résultat:

Attention, un petit bonus s’est caché dans ce billet.

Et bien Montastic permet justement de monitorer vos sites web gratuitement. Bien sûr le monitoring est très basique, il ne teste que le ping, mais c’est bien le test le plus important et le plus simple à mettre en oeuvre. Pour ce faire, il vous suffit de vous inscrire (gratuitement!), et d’indiquer la liste des sites à monitorer.

Attention à l’adresse mail utilisé pour l’inscription, c’est cette dernière qui sera utilisée pour vous prévenir si votre site rencontre des problèmes. Pensez également à retirer les sites web d’exemple, google et l’hôte inconnu sinon vous allez être vite spammé de mail.

Un très bon service, auxquels sont venus se greffer des widgets pour ceux qui ne passent pas leur journée la tête dans leur mailbox.

Pour la version mac, il faudra simplement renseigner la clé que l’on trouve dans son profil sur le site et on obtient un joli:

Il vous suffit d’activer le partage web pour lancer l’apache et une ligne à décommenter dans le php.ini pour bénéficier du support de PHP5 et ce sans rien faire de plus.

Cette combinaison suffit la plupart du temps, mais dès qu’il faut rajouter un module, librairie, PHP, ca devient vite compliqué. Que se soit GD ou ZIP, il est rarement simple, sans aucune recompilation d’installer ces librairies, pourtant assez classiques sur votre mac.

Et bien, un monsieur l’a compris, Marc Liyanage, qui maintient des versions de PHP5 recompilées pour mac avec toutes les options.

Pour l’installer, rien de compliqué, lancer un terminal puis si vous souhaitez faire un backup de votre version actuelle de PHP.

sudo mv /usr/local/php5 ~/Desktop/php5.old

Puis placez vous dans votre dossier de téléchargement habituel et télécharger la dernière version et dézippez là là où se trouvait l’ancienne.

wget http://www2.entropy.ch/download/php5-5.2.5-6-beta.tar.gz
tar -xzf php5-*-beta.tar.gz
sudo mv php5 /usr/local/

Il faut ensuite changer rajouter la conf de cette nouvelle version à notre apache

sudo ln -sf /usr/local/php5/entropy-php.conf /etc/apache2/other/+entropy-php.conf

Et on redémarre apache

sudo apachectl restart

Voilà, vous pouvez jeter un oeil à un phpinfo(), vous disposez maintenant de toutes les options pour votre PHP5.