JavaScript

Web Component dans un formulaire

Publié le

Avec un Web Component, on peut réaliser tout un tas de choses. A l’intérieur d’un tag HTML personnalisé, on peut écrire le code javascript que l’on veut pour mettre en place exactement ce que l’on souhaite. Un player video qui remplace en lieu et place le tag <video>, mais avec des controls personnalisés, c’est possible. Un outil qui gère l’installation et la mise à jour d’un service Worker aussi. L’avantage majeure étant que le Web Component maîtrise exactement ce qu’il souhaite exposer ou non, et est donc responsable de tout ce qu’il contient.

Lire la suite...

Carte Google Map à la volée avec jQuery

Publié le

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.

Lire la suite...

jQuery UI Position : Modifier la fonction de collision

Publié le

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é.

Lire la suite...

Embed.ly, ou comment être au top

Publié le

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.

Lire la suite...

nyroModal : créer un lien dans le title

Publié le

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.

Lire la suite...

Environnement de travail - Revival

Publié le

En 2006, j'avais décris ma façon de travailler, et plus particulièrement les logiciels que j'utilisais. Et si, 4 ans après, on refaisait la même chose ? (histoire de le mettre au goût du jour, et raviver la flamme de ce blog ?) Allez hop, c'est parti. Je suis maintenant sur Windows 7 Edition Familiale Premimum. Je ne m'embête plus à essayer d'autres OS ou des choses comme ça, ça me convient tout à fait.

Lire la suite...

nyroFwk, Framework PHP - Présentation

Publié le

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.

Lire la suite...

nyroModal aux étoiles du libre

Publié le

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.

Lire la suite...

nyrodev.com se refait une beauté

Publié le

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.

Lire la suite...

Chips, Twix et Mix

Publié le

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 ?

Lire la suite...