Il n'est pas rare de vouloir intégrer une carte sur une page contact d'un site. Mais on ne veut afficher une carte uniquement sur cette page. C'est donc dommage de charger le javascript de Google Map sur toutes les pages.
Couplé à des micro-data d'adresse (que vous devriez déjà avoir mis en place), il devient facile de charger une carte google à la volée avec un marker à l'adresse désirée.
Pour un script de tooltip développé rapidement sur un gros projet en cours, j'ai utilisé le plugin position de jQuery UI.
Cette fonction permet de positionner exactement comme on veut un élément par rapport à un autre. La fonction utlime pour une infobulle.
Et ce plugin vient même avec une détection de collision avec la fenêtre. Autrement dit, si l'élément positionné dépasse de la fenêtre, alors on le positionne de l'autre côté.
Vous connaissez sûrement embed.ly. C'est un service qui, comme son nom l'indique à tout anglo-développeur qui soit, permet d'incroporer des contenus externes sur son site facilement.
L'idée de leur API est simple : on envoie une URL d'un média sur un site de partage de contenu (youtube, dailymotion, twitter, google Maps, etc etc... et de nombreux autres) et l'API nous renvoie un maximum d'informations sur cette vidéo : auteur, date d'ajout, mais surtout, le code HTML pour embeder la vidéo sur son site ; c'est à dire e player Flash, l'iFrame ou autre selon les besoins.
Un petit billet technique pour nyroModal, suite à une demande postée sur github.
La demande est simple : ajouter un lien dans le titre de la fenêtre modale.
Dans ce billet, je vais expliquer pas à pas la méthode pour ajouter cette fonctionnalité à nyroModal sur une image. L'url du lien a ajouter devra se trouver dans l'attribut rev du lien ouvrant la fenêtre modale.
L'ensemble des fichiers est téléchargeable à la fin du billet.
Ceci est un brouillon d'introducion à la documentation de nyroFwk. Toutes remarques, suggestions ou questions pour l'améliorer est la bienvenue !
Vendredi dernier, j'ai mis en ligne l'API et le svn (user : anon / passe : anon) de nyroFwk.
Bon c'est très bien tout ça, mais qu'est-ce que c'est ?
Pour commencer, petit extrai de wikipedia : Un framework est un kit de composants logiciels structurels, qui définissent les fondations ainsi que les grandes lignes de l'organisation de tout ou partie d'un logiciel.
nyroModal a été sélectionné pour les étoiles du libre.
Il s'agit d'un concours visant à récompenser les contributions issues du monde universitaire à des projets libres. Je suis encore étudiant à l'UTBM et nyroModal est open-source. J'ai donc inscris mon projet et il a été sélectionné dans la catégorie "Développement Web et Réseaux".
Samedi prochain, je dois défendre mon projet pour que le jury délibère et détermine le classement final.
Elle traînait dans le cartons depuis plus d'un an, elle arrive enfin : la nouvelle version de mon site est enfin en ligne !
C'est Aymeric aka Miho qui a réalisé le graphisme que je trouve très clair et laissant bien la place pour le contenu avec une bonne lisibilité.
Je l'ai développé en utilisant mon propre framework qui optimise toutes les requêtes vers le serveur en compressant les pages HTML, mais aussi les CSS et les JavaScript.
Debian passe en version 5.0 stable, nom de code "lenny" (pour mettre à jour) nyroModal en version 1.4.1 jQuery en version 1.3.1, toujours plus rapide et efficace... Visionnage conseillé : Performance Improvements in Browsers par John Resig Visionnage conseillé : The DOM is a Mess par John Resig jQuery UI 1.7 en préparation Symfony en 1.2.4 Notepad++ en version 5.2 Mozilla lance son éditeur de code en ligne "Bespin" Google voudrait imposer un nouveau protocole pour remplacer HTTP ?
Puisque j'ai de plus en plus de demandes d'exemples divers et variés pour nyroModal, j'ai décider de mettre en place des exemples sous forme de FAQ.
Afin de préparer tout ça, vous pouvez faire vos demandes ici !
Alors à vos commentaires !
Message subliminal à caractère d'auto-satisfaction
En parcourant les sites de vente en ligne à la recherche d'un nouvel ordinateur portable, j'ai fait escale sur le site de Boulanger.
En cliquant sur la vignette pour voir la photo en grand, j'ai tout de suite reconnu nyroModal. Après une petite vérification dans les sources, il s'agit bien de la version 1.1 de mon plugin qui est utilisé là !
Grand plaisir pour moi que le voir ce plugin utilisé sur un site de vente en ligne national !