Développement Web: Les bons plans de la semaine #2

C’est vendredi! Nous revoilà reparti pour vous proposer mes découvertes de cette semaine, dénichées au fin fond des méandres de l’Internet (comme dirais ma grand mère) pour vous développeurs en manque de lien à cliquer:

• jGrowl
  Comme son nom l’indique, c’est une reprise de l’incontournable Growl (Notificateur Mac) en jquery (pour changer :p). Très bien fait, très simple à utiliser et surtout très complet
• Doctrine va supporter la fonction SOUNDEX pour mysql
  Ca méritait d’être souligner vu que c’était ma première participation au projet Doctrine :p
• Slider javascript pour choisir une période entre 2 dates
  Codé en prototype! Ca devient assez rare pour être souligné ;)
• Estimer rapidement la durée d’un développement
  Tellement vrai
• Sélectionner une zone d’une image
  Encore un plugin jquery qui vaut le détour. Il permet de faire une sélection resizable sur une image.
• Comment réaliser un bon formulaire
  Liste de bonne pratiques à avoir en tête quand on se lance dans la création d’un formulaire

La prochaine, sera peut être moins bon plan, car je me rend compte que je bookmark aussi des choses où il faut lire et réfléchir… Stay tunes

Développement Web: Les bons plans de la semaine #1

S’il y a bien une mode sur laquelle pas mal de blogs ont cédé, c’est celle de faire des listes. Il faut dire que la liste, c’est lisible, c’est rapide à survoler, c’est propre, la liste c’est bien! Ya même des sites qui en ont fait leur ligne éditoriale, comme Topito!

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?

IE6, la bataille continue

Fini le temps où on cherchait à émuler IE6, la guerre a commencé il y a quelques semaines après son passage sous la barre des 20% d’utilisateurs (et donc derrière Firefox).
Depuis, IE8 est sorti et Microsoft a annoncé que ce dernier serait bientôt proposé en mise à jour automatique, IE6 devrait donc reculer encore et encore progressivement

Mais en attendant, des intégristes veulent accélérer les choses!

Lire la suite

Parce qu’un dessin parle toujours plus

Il est parfois bien délicat d’arriver à mettre en parole toute l’effervescence de notre réflexion, surtout quand il faut l’expliquer à une personne d’un autre corps de métier. Pour y parvenir, on arrive souvent à la conclusion, qu’un schéma parle plus. Et il faut croire que les éditeurs de logiciel l’ont compris, car j’ai très rarement vu une solution de création de schéma travaillée et gratuite (voir libre!), enfin jusqu’à aujourd’hui.

Lire la suite

Quand on vous dit que Linux peut tout faire

Linux c’est génial, on peut tout faire avec vous dira n’importe quel utilisateur du pingouin, moi le premier. Surtout grâce à sudo qui permet de d’exécuter des applications sous un autre compte utilisateur (généralement des choses réalisables seulement en root), sans avoir à changer de session. Ca permet d’éviter de taper par erreur rm -Rf /*^[1] par erreur.
Mais ca va plus loin maintenant avec les distributions modernes, la preuve en image.

Lire la suite

1. cette commande lancée avec les droits root efface tous les fichiers de votre système [↩]

IE6 sur Mac OS X, quand Linux inspire Mac

Tous les Linuxiens, en particulier les développeurs web ont du passer le pas un jour, installer une solution le permettant de tester leur page web dans ces magnifique navigateurs qui ralentissent l’avancée technologique du web, j’ai nommée IE6 et IE7.

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.

Lire la suite

Expod: extraire ses mp3 de son ipod

S’il y a bien une option qui manque à iTunes, c’est bien de pouvoir récupérer les mp3 une fois dropé dans son ipod.

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

Montastic, surveiller vos serveurs du coin de l’oeil

Quand on a pas la chance d’avoir un serveur dédié pour son site web, le monitoring de ce dernier est rarement de bonne facture, et c’est bien souvent un contact sur skype ou pire encore, vous même avec quelques heures de retard forcément, qui vous informe que votre site est tombé.

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:

Faites patienter à votre sauce

Avec l’arrivée de gros frameworks javascript orienté AJAX que sont jQuery, Prototype ou Mootols, et leur intégration dans les applications PHP, que se soit les CMS ou les frameworks, il devient de plus en plus facile et abordable de dynamiser à coup d’ajax une interface web.

Mais du coup, on en demande de plus en plus, et les traitements sont bien souvent de plus en plus lourd. Et pour un utilisateur rien n’est plus frustrant que de cliquer sur un lien/bouton et ne de pas voir l’application réagir, ne serait-ce que pour l’informer qu’elle a bien compris sa demande.

On a donc trouvé la solution, de petits gif animés qui symbolisent l’attente comme par exemple:
ou bien

Et certains ont donc eu la bonne idée de faire un générateur de load ajax avec la possibilité de changer les couleurs pour coller au mieux à votre charte graphique. Il suffisait d’y penser!

Pour un web à son image, Smush it!

Un autre domaine assez controversé dans le web, ce sont les formats d’images. Bien longtemps, grand chouchou des webmaster, le GIF a régné en maître, de part sa technologie, une compression sans perte qui gèrait le canal alpha et même l’animation!

Son principal problème était son brevet, qui a trainé jusqu’en 2004, le rendant ennemi numéro 1 des libristes du web. Pendant ce temps, tapis dans l’ombre, le PNG a commencé à monter en puissance, d’abord appuyé par le W3C puis certifié ISO en 2004.

Son principal intérêt, un gif amélioré et un format ouvert. Amélioré car il ne s’arrête pas aux 8bits de couleurs du GIF, mais va jusqu’à 32, permettant même de gérer totalement la transparence d’une image et à image égale il surpasse le GIF en poids d’image.

Malheureusement, trop mis en avant dès sa sortie, le PNG a été proclamé messie et tueur également du format JPEG alors qu’il n’en avait pas la possibilité. En effet, le jpeg tire son succès dans la compression de photo, là où son algorithme de compression avec perte (grosse différence comparé au PNG) pouvait pleinement s’exprimer. A photo égale, le PNG se retrouve donc logiquement loin derrière.

On l’a alors rangé dans le catalogue format non optimisé, trop lourd, sans compter avec ces problèmes relationnels avec Photoshop et Internet Explorer.

Mais comme tous les formats ouverts, le PNG a ses fans et certains réalisent des choses assez folles comme ce cher Smush it qui permet en 1 clic après installation du plugin firefox correspondant d’optimiser toutes les images d’un site, vous les mettant alors à disposition, et en PNG bien sûr.

Voila le résultat pour amicalement web: