La ligne directrice, c’est que j’aime les bonnes idées qui soufflent un vent de fraîcheur et en voilà une nouvelle, très sexy. On sort un peu du domaine du développement web, mais un bon concept a toute sa place par ici.

« Parce que la tendance n’exclut pas les jours de pluie. »

Leur slogan résume tout.
Vous l’aurez peut-être compris, il s’agit de parapluies qui changent un peu du traintrain dans ce domaine, c’est à dire triste à en mourir. On a le droit à un premier exemplaire très coloré et stylé! Personnellement je le trouve juste magnifique, dommage que je vive à Marseille, difficile d’en profiter régulièrement ;)

La boîte s’appelle Dandyfrog, la boutique a ouvert Lundi, pour dire si c’est tout neuf. Et ca méritait bien un petit coup de pouce et de quoi donner des idées de cadeaux de noël peut-être!

En plus avec les averses d’aujourd’hui, le sujet est plus que d’actualité! Il m’a suffit de venir au boulot accompagné d’un super parapluie vert et de croiser tous les autres courageux avec leurs parapluies noirs pour les plus classes, souvent très moches pour les autres, pour confirmer que l’idée était définitivement très bonne.

Crédit photo: http://www.flickr.com/photos/vicfan/4126626591/

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

• Passer de photoshop à wordpress via (@alsacreations)
  Un projet très prometteur qui se présente sous la forme d’un plugin photoshop qui permet d’identifier les parties de votre design à un « élément » wordpress. Vous obtenez alors votre template wordpress prêt à emploi! Je n’ai pas encore eu l’occasion de tester, mais j’y compte bien. Et je suis preneur de tout retour du coup.
• Switch CSS en jquery
  Il y a quelques années avec l’avènement du CSS dans les sites web, la mode a été au style switcher, ou comment changer l’habillage d’un site juste en changeant de CSS! Et bien ce petit plugin, très bien fichu remet cette mode au goût du jour en permettant de changer de css comme bon vous semble, via un lien, un évènement, ou tout autre action que vous jugerez intéressante. Personnellement j’y vois plein de possibilité!
• Un billet sur la considération des autres envers les développeurs via (@n1k0)
  J’ai la chance de pas connaitre ce genre de considération, mais je ne m’étonne pas que cela existe. On fait un boulot quasi invisible pour le commun du mortel et pour certains, tout le monde peur le faire pour peu qu’il connaisse le langage. Ah si c’était si simple…
• Gérer vos listes via jquery
  J’ai souvent tenter de reproduire ce comportement, mais je dois avouer que l’idée est très bonne ici! Ajouter la possibilité d’ajouter un item à une liste déroulante directement dans cette liste, c’est du très bon! A tester très rapidement pour ma part.
• AddATweet
  Quand une bonne idée, rencontre twitter, cela donne un nouveau genre de service qui va peut faire du bruit. Le principe est simple, un plugin firefox qui permet de donner son avis sur la page que vous être en train de visiter via un tweet, et donc de consulter les avis des autres! Un coup d’oeil sur le screencast de la home vous en dira plus. En cours de test chez moi.
• Test de rapidité des framework JS
  Quand il faut choisir son framework javascript, on a parfois du mal à expliquer pourquoi on préfère celui-ci plutôt qu’un autre. Ici, on peut au moins juger les plus répandus sur un critère très simple, leur vitesse de sélection d’un élément selon les différents sélecteurs. Et devinez qui arrive en tête… Un indice, je ne parle quasi que de lui ;)
• Guitar Hero version Jquery
  C’est la mode en ce moment, les jeux jquery avec des animations de plus en plus impressionnantes. Ici, on reprend le concept de l’addictif Guitar Hero appliqué à un clavier d’ordinateur.
• Créer des formulaires sous wordpress
  Un projet à l’aube d’une grande carrière certainement. A quelques jours de son lancement officiel, il s’annonce déjà répondre à un réel besoin. Construire des formulaires, simplement, via l’interface wordpress. A suivre de très près.
• Comment se créer un mot de passe sécurisé
  Aujourd’hui tout service, application, demande de renseigner un mot de passe. Et souvent, par facilité, on en choisit très (trop?) simple. Pourtant, les annonces de comptes piratés et autres exploits se font de plus en plus nombreux. Voici donc un moyen très simple de se créer un mot de passe, sans être infaillible, d’être au moins plus difficile à percer.

Pour l’heure, voici les bons liens de la semaine avec comme d’habitude, beaucoup de ressources anglophones. J’en profite au passage pour signaler que pour ceux qui ne sont pas à l’aise avec la langue de Shakespear, que je suis ouvert à toute propositions d’adaptations de ressources anglophones en français, du moment que ca traite d’un sujet sur le développement web au moins.

Allez, c’est parti, à vos souris:

• Support Symfony dans NetBeans
  NetBeans, le principal concurrent de Eclipse dans le monde des IDE libre a annoncé que sa prochaine version aurait le support natif de Symfony (le choix de symfony ayant été voté par la communauté). C’est beau! A quand, la même chose pour Eclipse?
• Open Web Tools Directory
  Voila ce qu’on peut faire avec canvas et du javascript. Le flash n’a qu’a bien se tenir.
• Hébergement de projets open source (via spawnrider)
  Ca y est, le géant du développement en France, se lance dans un projet à la sourceforge pour les projets open sources et francophones. Belle initiative!
• Slickmap CSS
  Voilà, une petite feuille de style qui permet de donner un style très classe à une liste (<ul>) représentant un sitemap. A voir la démo sur le site.
• Mieux rentabiliser adsence
  Bon tout le monde est censé connaitre SmashingMagazine maintenant. Mais cet article étant si bien écrit et si instructif que je ne pouvais pas l’éviter.
• Kit de démarrage de plugin jquery
  Une idée tout bête mais qu’elle est bonne. Vous pouvez depuis cette interface créer le squelette de votre plugin, en 2/3 mouvements.
• Zoom d’image en JS
  Et oui certains code encore à l’ancienne, en tout cas voici un zoom d’image qui peut trouver plusieurs applications.
• Parcourir un menu avec son clavier
  Un petit code jquery qui permet de naviguer dans un menu avec les touches haut/bas de votre clavier. Un peu plus intuitif que Tab pour le coup.
• L’avenir du développement HTML/CSS
  Et oui, bientôt voilà ce qu’il faudra savoir manier pour pondre des sites dernières générations à base de HTML5/CSS3.
• Le site de la semaine
  Maintenant chaque semaine, je vais essayer de trouver un site entier qui peut s’avérer utile, et le premier gagnant c’est un site qui recense les bonnes et les mauvaise pratiques dans le web développement. Avec un design sympathique, il mérite le détour, tant vous allez y apprendre quelque chose ;)

• Interview Fabien Potencier (vidéo)
  Et oui on commence avec une interview qui reprend le parcours de Mr Symfony avant qu’il le devienne. Document très intéressant.
• IE6 se fait doublé par IE8 (via @Tristan Nitot)
  Et voilà, ce fut long, mais IE6 est devenu la version de IE la moins utilisé derrière IE7 et IE8. Même si IE8 finalement n’a pas pris énormément de part à IE6, c’est toujours intéressant à noter
• jQuery plugin pour permettre d’afficher son password
  Une petite feature qui m’a toujours plu dans ubuntu, c’est de pouvoir afficher en clair un password, histoire de vérifier qu’on l’a bien tapé. Et bien voilà un équivalent jQuery.

• jQuery password iphone style
  Un autre plugin jQuery sur les mots de passe qui permet de simuler la saisie d’un mot de passe avec la petite feature iphone qui montre en clair le caractère en cours de saisie, un autre moyen de s’assurer qu’on tape pas n’importe quoi.
• jTransfer, une double list new generation
  Amateur de Symfony, vous connaissez bien l’admin double list, ce widget qui sait se rendre indispensable. Voilà un équivalent jquery, un peu plus poussé. Il mériterait une adaptation en widget Symfony, des amateurs?
• Améliorer votre expérience utilisateur
  Une liste de 10 outils qui permettent de tracker les clics en détails de ses internautes et ainsi de voir ce qu’il peut être améliorer dans l’expérience utilisateur de son site.
• Twitter en France
  Quelques chiffres sur l’utilisation de Twitter en France. On voit que la mayonnaise n’a pas encore pris totalement par chez nous, excepté dans la capitale
• Alerte sur des modifications de pagerank
  Les mises à jour de pagerank devenant de plus en plus fréquentes, il peut être intéressant d’être averti des modifications pour son site quand google se décide à lui modifier sa note
• 10 possibilités sympa offertes par cURL (php)
  Avec la propagation des API pour tous les services web, cURL montre tout son potentiel quand il s’agit de piloter ces services depuis PHP

Et bien, Amicalement-web va se mettre à suivre la mode! Pourquoi? Et bien, je suis un grand bookmarqueur, mais qui bookmark surtout à son lieu de travail car rarement le temps de lire un article en entier et surtout je bookmark très ciblé sur tout ce qui pourrait me servir dans le monde du développement web.

Alors pour m’obliger à faire du tri et à relire tous ces bookmarks, je vais vous présenter une sélection chaque semaine. Donc après le billet Symfony du mardi, on aura le billet bon plans du vendredi! (ca rime bof pour le coup).

Voici en exclusivité mondiale la première liste estampillée amicalement-web:

• Le pense bête pour les déploiements symfony
  Une petite liste (encore une!) très user friendly, qui permet de vérifiez si votre application symfony est prête pour le déploiement. En gros un résumé de toutes les personnalisations disponibles
• Firesymfony
  Une extension firebug pour remplacer la debug bar de symfony qui se pare avec cette nouvelle release d’un lokk and feel très pro.
• jQuery Password Strength Meter
  Un plugin jquery qui permet facilement de vérifier la complexité d’un mot de passe et de renvoyer cette information à l’utilisateur
• Ajax Fancy Captcha
  Un autre plugin jquery de captcha plutôt original (via drag n drop)
• Des badges twitter
  Des badges twitter avec des zozios qui ont du style
• Simple Perfect WordPress Theme
  Un thème que je pourrais me voir utiliser, très sobre et propre
• Comment donner à vos liens un style de bouton
  Un tutorial très sympa avec un rendu très pro qui utilise le système CSS de porte coulissante
• A jQuery inline form validation
  Un des meilleurs validateurs de formulaires jquery qui m’a été donné de voir

Voilà, c’est tout pour cette semaine de mon côté, et vous un lien vous a marqué cette semaine?

Je me lance donc: une interface pas forcément très belle me demande de créer un document:

Et me voilà devant quelque chose qui semble assez familier, pas de grande feature bling bling, l’essentiel est là:

Et en se penchant sur le menu de droite, cela va même au delà de mes espérances, les différentes formes UML, géométriques et leurs copains sont toutes classées dans leur catégories respectives et un simple drag and drop permet de les récupérer sur le schéma en cours:

Me voilà, motiver pour faire un joli schéma, et ainsi définitivement ranger mon crayon qui ne me servait plus qu’à ça.

Je serais curieux de savoir quelle solution utilise mon auditoire alors à vos claviers ;)

1. à noter quand même que 30jours de compte premium sont offers

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

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.