X

jQuery

Au travail !, En programmant..., La boîte à menthol..., Projecteur sur..., Surfez léger...
On mange où ?
19 novembre 2010 à 17:34 1
Question ultime des bureaux français à l'approche de midi : "on mange où ?" Oui, car le français pense beaucoup à sa pause repas... Et comme la routine s'installe vite dans une équipe, il est parfois intéressant de faire confiance au hasard. Dans cette optique, le service OnMangeOù.net propose à ceux qui sont en quête d'adrénaline culinaire de choisir pour eux le type de repas qu'ils s'offriront lors de leur pause. Il ne s'agit pas d'un annuaire ou d'un service de réalité augmentée mais simplement d'un sélecteur aléatoire. L'option "Cette semaine" permet, par ailleurs, de planifier sa semaine avec l'assurance de ne pas manger deux fois de suite au même endroit ! De plus, la création d'un compte sur le site offre la possibilité de sauvegarder ses choix pour les jours ou les semaines suivantes. Et pour les nouveaux ou les petits stagiaires qui ne connaissent pas bien le quartier, il leur suffira de renseigner leur localisation dans les paramètres du profil pour se voir proposer quelques choix de restaurants sur une carte... Sous le capot, OnMangeOù.net tourne avec l'aide du Zend Framework et de son MVC soigneusement réglé par MagicBart et votre serviteur. jQuery et l'API Google Maps animent un design réalisé par Zuzüll. Il est certain que ça va enlever une énorme épine du pied de certains...
LIRE LA SUITE...
C'est important..., En programmant..., La boîte à menthol..., La vie d'un blog..., Projecteur sur..., Surfez léger...
Design 2009 : Menthe Fraîche se refait une beauté…
28 août 2009 à 13:30 5
Il était temps! C'est sûr... Malgré son contenu d'une incroyable richesse (hop, quelques fleurs au passage), Menthe Fraîche commençait à souffrir d'une apparence un peu vieillissante. Il faut tout de même rappeler que, si des modifications sont intervenues au fil des mois, ce blog arborait la même parure depuis février 2006 (oui ; c'est loin...). Pour ce nouveau thème, on laisse de côté le traditionnel vert-feuille-de-menthe-web-2.0 pour complètement revoir le concept graphique du blog.

Du contenu mis en avant...

Une nouvelle catégorie fait son apparition (Projecteur sur...) ; celle-ci contiendra les billets jugés importants. Ces articles seront d'ailleurs repris sur la page d'accueil dans un joli carrousel (jQuery). L'espace dédié aux textes bénéficie de l'élargissement global des gabarits et l'arrivée d'un nuage de tags dans la colonne latérale (omniprésente) optimise désormais le parcours du contenu rédactionnel...

Un suivi régulier...

Twitter fait son apparition dans la colonne de droite ; cet encart affichera au fil de l'eau les dernières aventures de votre serviteur. Flickr se voit également intégrer la colonne latérale. Voyez en cela un bon moyen d'associer le texte à l'image...

Un esprit de partage...

Il est désormais possible de partager le contenu de Menthe Fraîche sur les différents réseaux sociaux du monde. De petites icônes font, en effet, leur apparition au bas de chaque billet...

De nouvelles pages...

Les pages "CV" et "CV Informatique" disparaissent pour laisser la place à une page "A propos" toute neuve.

Une compatibilité redoutable...

Menthe Fraîche a été testé(e) sous IE6, IE7, IE8, Firefox, Opera, Safari et Google Chrome. Le tout sous PC et Mac... Son code passe la validation W3C avec succès...

Un grand merci...

A la meilleure de toutes les mamans qui aura financé ce renouveau. A la meilleure de toutes les amoureuses qui aura éclairé ce renouveau de ses critiques pertinentes. A vous, lecteurs, d'avoir continué de venir lire des billets ici malgré un emballage vieillissant.

Et des surprises...

Des easter eggs se cachent un peut partout sur le blog... Certains contenus évoluent selon les saisons... Il se pourrait même que les pages supprimées ne le soient pas vraiment... En espérant que ce nouveau design soit agréable pour vos yeux, le voici officiellement mis en place...
LIRE LA SUITE...
Développement parlant..., La boîte à menthol..., Surfez léger...
Le Toulouse.fr nouveau est arrivé…
26 juin 2009 à 17:01 0
Toulouse-SiteAnnoncée à coup de cocktails Salle des Illustres (s'il vous plaît), la nouvelle version de Toulouse.fr a pointé le bout de son nez hier. Très Web2, très coloré, ce nouveau site se veut portail communautaire. Le problème, c'est qu'il n'est pas très clair. Un peu fouillis même. Et ça ; c'est moyen quand on est la quatrième ville du pays... Bien sûr, après comparaison avec les sites de Paris, Lyon et Marseille, il n'y a pas photo ; celui de Toulouse reste le plus beau. Mais n'était-ce pas déjà le cas avant ? Car il faut bien le reconnaître, les municipalités françaises semblent courir après le trophée du site le plus moche de la toile... Côté code, il est dommage de toujours trouver des onClick et autres appels JavaScript directement dans le XHTML. jQuery n'est pas à jour (et loin de l'être) et aurait peut-être dû être packé (sans encodage) pour un site à fort trafic comme celui-ci... On attendait tout de même vraiment plus de cette nouvelle version qui souffre, par ailleurs, des quelques bugs qui accompagnent toujours une mise en production...
LIRE LA SUITE...
En programmant..., La boîte à menthol..., La vie d'un blog..., Surfez léger...
Soup…
20 décembre 2008 à 12:28 0
Arrivée du badge Soup dans le coin supérieur droit du blog. A vous de découvrir ce qui se cache derrière... Par ailleurs, cette image étant au format PNG, sa transparence n'est pas gérée par Internet Explorer 6. Cela aurait pu être fixé par l'excellent plugin de jQuery, ifixpng mais la décision a été toute autre : fin du support IE6 pour ce blog. Faut vivre avec son temps...
LIRE LA SUITE...
Au travail !, En programmant..., La boîte à menthol..., Surfez léger...
JobsPHP.fr : un peu d’informations…
24 novembre 2008 à 22:33 2
L'idée était, au départ, de le faire de façon pernicieuse mais l'envie de tout dévoiler se fait, depuis quelques jours, un peu trop pressante... Une nouvelle version de JobsPHP.fr est donc en développement. Basée sur le MVC du Zend Framework, celle-ci utilisera la dernière version de la librairie (1.7) et son fabuleux helper, PDO pour les transactions SQL et bien évidemment le duo jQuery/UI jQuery... Au programme ; la possibilité de créer un compte pour suivre ses offres, un captcha pour éviter les candidatures des robots (et à ce sujet, mille excuses pour les désagréments dont vous souffrez actuellement) et plein d'autres petites surprises... Laissons un peu de suspense. Work in progress...
LIRE LA SUITE...
Développement parlant..., La boîte à menthol..., Open Source, Projecteur sur..., Surfez léger...
ZendX_jQuery : un helper qui joint l’utile à l’agréable…
18 novembre 2008 à 18:01 0
La version 1.7 du Zend Framework livrée hier apporte, comme toutes les précédentes, des nouveautés très intéressantes. Il y a quelques temps, des interrogations étaient sorties des débats quant au choix de Dojo en qualité de framework JavaScript intégré au Zend Framework... Si la concurrence en ce domaine est rude, force est de constater qu'une librairie sort un peu du lot : jQuery. Les développeurs du Zend Framework l'ont bien compris et proposent désormais une aide de vue très pratique qui facilitera l'intégration des composants de jQuery et UI jQuery... ZendX_jQuery s'utilise aisément sur un layout ou une vue et dispose même de décorateurs pour les formulaires... Notez que le système du Zend Framework permet une mise à jour de la librairie sans risque pour l'application dépendante. Prenez tout de même le temps de lire le changelog, on ne sait jamais...
LIRE LA SUITE...
En programmant..., La boîte à menthol..., Open Source, Projecteur sur..., Surfez léger...
jQuery : un ami qui vous veut du bien…
12 avril 2008 à 15:00 1
AJAX... Oui mais encore? Un produit ménager? Non, une technologie de développement! Il faudrait arrêter de la faire cette blague! Les lecteurs vont s'en lasser à force... Bref, s'il est un mot à la mode dans les open spaces des représentants phares du Web 2.0, c'est bien "AJAX"... Comme ça, pour les non aguerris, ça ne veut rien dire. Mais avec un exemple, tout devient plus clair... Un exemple simple (et utile) peut-être trouvé ici. Un exemple parmi d'autres bien entendu... AJAX côté utilisateur, c'est user friendly et c'est sexy. Mais c'est toujours ultra dépendant de l'activation de JavaScript sur la machine cliente (99% des cas). AJAX côté développeur, ça peut devenir un casse-tête. D'abord parce que ce n'est pas si simple que cela à mettre en place. Ensuite parce que les navigateurs n'interprètent pas les événements JavaScript de la même façon. Heureusement, la communauté de développeurs attachés à l'Open Source se distingue toujours par la mise en ligne de librairies qui valent le détour. jQuery en fait partie (oui, l'introduction du billet était longue!). jQuery, c'est un peu l'AJAX en un seul fichier. A l'aide de sélecteurs, on manipule aisément le contenu d'une page web. Gestion des événements, des requêtes, des attributs CSS... Tout (ou presque) y est! Un exemple simple peut permettre de comprendre comment jQuery transforme quinze lignes de code en une seule. Admettons que l'on ait un div visible :

Ici le contenu.
Avec les paramètres CSS suivants :
#layer {
     color : #000;
     cursor: pointer;
}
Avec jQuery, on peut faire disparaître ce div (en une ligne) :
$('#layer').click(function() {
     $('#layer').hide();
});
Ici, c'est un événement clic sur le div qui le fait disparaître. Mais on peut très bien gérer d'autres événements ou encore modifier des divs (ou toute autre balise) voisins, parents, etc. On peut également modifier les attributs CSS du div :
$('#layer').click(function() {
     $('#layer').css('color', '#fff');
});
Ici, on change la couleur du texte du div suite à un événement clic. Bien entendu, il ne s'agit là que d'exemples minimalistes de ce que permet jQuery. La documentation officielle détaille un peu plus les possibilités offertes par cette librairie. Pour les anglophobes, il existe également une très bonne documentation en français. Notez que jQuery, comme le veut la tradition du monde Open Source est ouvert aux plugins en tous genres... Inutile de perdre du temps à écrire et réécrire vos fonctions, adoptez jQuery, cette librairie fait tout pour vous!
LIRE LA SUITE...