http://www.jdmweb.com jdmweb.com is a website about web development, website creations and handy web tools for developpers by Jeremy Desvaux de Marigny. en-us http://www.jdmweb.com/Images/style/apple-touch-icon.png http://www.jdmweb.com 57 57 http://www.jdmweb.com/resources/imgallery Une galerie d'images est une fonctionnalité courante, présente sur de nombreux sites internet. C'est une manière efficace de présenter un groupe de clichés. Avec la popularité grandissante des librairies JavaScript, ces galeries sont de nos jours dotées d'effets, animations et fonctionnalités riches et avancées afin de mettre en avant le contenu présenté. Il y a plusieurs étapes nécessaires dans la construction d'une galerie. Dans cet article, nous allons voir comment tout mettre en place, puis ajouter, modifier, supprimer des images au fur et à mesure. Finalement, nous verrons comment fai... ]]> Thu, 15 Jul 10 00:00:00 +0200 http://www.jdmweb.com/resources/links0610 Chaque mois, vous pourrez retrouver dans cette section une liste de liens utiles que j'aurais amassés durant le mois écoulé, avec pour chaque, une bref explication décrivant pourquoi il m'a semblé utile de le conserver. Sans plus attendre, voici donc la liste des liens collectés durant le mois de Juin 2010. Si vous même vous écrivez de temps à autres un article ou tutoriel utile, n'hésitez pas à m'envoyer un e-mail avec un lien et une brève description. J'ajouterai les meilleurs à la liste chaque mois. Les liens sont conservés chaque mois, vous pouvez u... ]]> Thu, 01 Jul 10 00:00:00 +0200 http://www.jdmweb.com/resources/paypal_checkout PayPal est une solution de payement réputée, qui vous permet d'accepter des payements en ligne depuis votre site, en laissant PayPal s'occuper des transactions financières. Cette transparence est souvent appréciée des développeurs, car elle leur permet d'intégrer des applications de boutique en ligne, tout en sous traitant toutes les procédures bancaires à PayPal. Une autre qualité de PayPal, son API, qui est très polyvalente. Elle peut être très simple si vos besoins sont simples, ou très personnalisée afin de répondre à un besoin précis. Par contre, je ne la trouve parfois pas très intuit... ]]> Tue, 15 Jun 10 00:00:00 +0200 http://www.jdmweb.com/resources/links0510 Chaque mois, vous pourrez retrouver dans cette section une liste de liens utiles que j'aurais amassés durant le mois écoulé, avec pour chaque, une bref explication décrivant pourquoi il m'a semblé utile de le conserver. Sans plus attendre, voici donc la liste des liens collectés durant le mois de Mai 2010. Si vous même vous écrivez de temps à autres un article ou tutoriel utile, n'hésitez pas à m'envoyer un e-mail avec un lien et une brève description. J'ajouterai les meilleurs à la liste chaque mois. Les liens sont conservés chaque mois, vous pouvez ut... ]]> Thu, 01 Jan 70 01:00:00 +0100 http://www.jdmweb.com/resources/jquery_to_wordpress_plugin WordPress et jQuery sont deux plateformes réputées pour leurs plugins. Dans le cas de jQuery, les plugins permettent aux développeurs d'étendre les capacités de la librairie afin de réer de superbes effets. Dans le cas de WordPress, ils permettent à chacun de bénéficier du travail des autres, car ils sont présentés sous la forme de module qu'il est possible d'activer très simplement depuis l'interface d'administration. Créer l'un de ces modules n'est pas vraiment difficile, mais si vous n'êtes pas familier avec leur syntaxe, cela peut rapidement devenir épineux. Il y a déjà énormément de pl... ]]> Sat, 15 May 10 00:00:00 +0200 http://www.jdmweb.com/resources/links0410 Chaque mois, vous pourrez retrouver dans cette section une liste de liens utiles que j'aurais amassés durant le mois écoulé, avec pour chaque, une bref explication décrivant pourquoi il m'a semblé utile de le conserver. Sans plus attendre, voici donc la liste des liens collectés durant le mois de Avril 2010. Si vous même vous écrivez de temps à autres un article ou tutoriel utile, n'hésitez pas à m'envoyer un e-mail avec un lien et une brève description. J'ajouterai les meilleurs à la liste chaque mois. Les liens sont conservés chaque mois, vous pouvez ... ]]> Sat, 01 May 10 00:00:00 +0200 http://www.jdmweb.com/resources/video_manager YouTube est indiscutablement la plateforme la plus populaire de partage de vidéos en ligne. C'est donc du coup probable qu'un jour, en tant que développeur web, un client vous demande d'intégrer des vidéos hébergées sur YouTube dans une application web. Nous allons voir dans ce tutoriel comment à partir d'une classe PHP, une table MYSQL faite seulement de 3 champs, et un peu de jQuery, il est possible d'obtenir une interface intéressante et puissante d'administration de vidéos. Cette interface vous permettra à vous ou à votre client de gérer un bibliothèque de vidéos facilement, même san... ]]> Thu, 15 Apr 10 00:00:00 +0200 http://www.jdmweb.com/resources/links0310 Chaque mois, vous pourrez retrouver dans cette section une liste de liens utiles que j'aurais amassés durant le mois écoulé, avec pour chaque, une bref explication décrivant pourquoi il m'a semblé utile de le conserver. Sans plus attendre, voici donc la liste des liens collectés durant le mois de Février 2010. Si vous même vous écrivez de temps à autres un article ou tutoriel utile, n'hésitez pas à m'envoyer un e-mail avec un lien et une brève description. J'ajouterai les meilleurs à la liste chaque mois. Les liens sont conservés chaque mois, vous pouve... ]]> Thu, 01 Apr 10 00:00:00 +0200 http://www.jdmweb.com/resources/formclone Construire des formulaires dynamiques est une tâche que nombre de développeurs web auront à réaliser durant certains projets. Par dynamique, je fais référence aux formulaires qui s'adaptent et changent selon les actions de l'utilisateur. Un exemple simple de formulaire dynamique sont ceux qui permettent à l'utilisateur d'ajouter le même groupe d'information plusieurs fois, par exemple, une réservation où vous pouvez ajouter plusieurs billets, un formulaire d'adhérent avec plusieurs personnes, une page de media où l'on peut ajouter plusieurs photos en même temps etc etc, les possibilités son... ]]> Mon, 15 Mar 10 00:00:00 +0100 http://www.jdmweb.com/resources/links0210 Chaque mois, vous pourrez retrouver dans cette section une liste de liens utiles que j'aurais amassés durant le mois écoulé, avec pour chaque, une bref explication décrivant pourquoi il m'a semblé utile de le conserver. Sans plus attendre, voici donc la liste des liens collectés durant le mois de Février 2010.... ]]> Mon, 01 Mar 10 00:00:00 +0100 http://www.jdmweb.com/resources/favmysql Durant les années précédentes, j'ai essayé d'identifier les étapes de mon travail qui me prenaient le plus de temps, afin de tenter de les optimiser. L'une de ces étapes concerne les interactions de base de données, c'est à dire les requêtes 'SELECT', 'INSERT', 'UPDATE', et 'DELETE'. Au commencement de mon apprentissage PHP, je passais bien trop de temps à coder chaque requête, cela me prenait bien trop de temps et c'était plutôt ennuyeux. Un jour, pour un projet, j'ai eu à apprendre le framework Zend, et je dois dire que j'ai vraiment apprécié la façon dont il me permettait d'appréhende... ]]> Mon, 15 Feb 10 00:00:00 +0100 http://www.jdmweb.com/resources/links0110 Chaque mois, vous pourrez retrouver dans cette section une liste de liens utiles que j'aurais amassés durant le mois écoulé, avec pour chaque, une bref explication décrivant pourquoi il m'a semblé utile de le conserver. Sans plus attendre, voici donc la liste des liens collectés durant le mois de Janvier 2010.... ]]> Mon, 01 Feb 10 00:00:00 +0100 http://www.jdmweb.com/resources/jquery_ajax jQuery, la fantastique librairie a révolutionné la manière dont nous écrivons du code javascript. Elle a été globalement acclamée et adoptée, ce qui eut pour effet de lui valoir la récompense de meilleur projet open source fin 2009.... ]]> Fri, 15 Jan 10 00:00:00 +0100 http://www.jdmweb.com/resources/fancy_videos Récemment, un amis m'a demandé comment il était possible de lire des vidéos directement dans une fancybox. Ce post présente la solution que j'utilise généralement en expliquant les différents éléments impliqués, html, css et jQuery, ainsi que leurs relations afin d'obtenir le résultat désiré.... ]]> Tue, 15 Dec 09 00:00:00 +0100 http://www.jdmweb.com/resources/custom_rss Utiliser un flux RSS est une manière efficace de permettre aux utilisateurs de votre site de rester en phase avec son contenu. C'est donc en partie une raison pour laquelle c'est largement utilisé par les célèbres blogs et sites. Une fois qu'un utilisateur s'abonne à un flux RSS, il recevra une notification dès que vous posterez un nouvel article. Cela permet de fidéliser vos utilisateurs et du coup d'augmenter votre trafic. Cela vaut donc le coup d'être implémenté. Ce tutoriel va vous guider à travers les différentes étapes nécessaires à la réalisation de votre propre flux RSS à partir ... ]]> Sun, 15 Nov 09 00:00:00 +0100 http://www.jdmweb.com/resources/ajax_form Même sur des sites ou des blogs très reconnus comme Smashing Magazine ou Webdesigner Depot par exemple, on trouve des formulaires permettant aux utilisateurs de laisser des commentaires, qui ne sont pas vérifié avant la soumission. Du coup, si on clique le bouton envoyer, sans renseigner aucun champ, on est redirigé vers cette fameuse page d'erreur: "Error: please fill the required fields (name, email).". Grâce à jQuery et ses plugins, il est possible de changer la faç... ]]> Thu, 15 Oct 09 00:00:00 +0200 http://www.jdmweb.com/resources/friendlyurls C'est devenu maintenant monnaie courante de remplacer les urls classiques, contenant des paramètres souvent longs et dénués de sens, par des urls d'un genre nouveau, faites de mots clés séparés par des slashs, d'où leur nom. Il y a bien sûr plusieurs façon de faire cela, et je n'ai pas la prétention de dire que celle présentée ici est la meilleure est unique solution, mais c'est celle que j'aime utiliser dans mes projets personnels car elle est facile à utiliser, robuste, et dynamique. Cette m&eacut... ]]> Tue, 15 Sep 09 00:00:00 +0200 http://www.jdmweb.com/resources/Facebook_Search Quand on considère les réseaux sociaux, Facebook est clairement une référence en la matière. Le site regorge de fonctionnalités très puissantes comme les champs de recherche avec autosuggestion lorsque vous voulez retrouver rapidement l'un de vos amis. Une autre que je trouve particulièrement efficace se trouve sur la page de composition des nouveaux messages, c'est extrêmement facile de sélectionner les amis auxquels vous voulez envoyer un message. C'est maintenant utilise par hotmail aussi. Il existe un script Mootools ... ]]> Sat, 15 Aug 09 00:00:00 +0200 http://www.jdmweb.com/resources/SchmancyBox Voici le plugin SchmancyBox, qui est en fait le dérivé du plugin FancyBox pour Wordpress. Si vous utilisez la plateforme Wordpress, vous apprécierez surement cet outil pratique et simple à mettre en place, mais surtout doté d'un effet ultra séduisant. L'idée originale de cet outil vient du Designer George Wiscombe et un grand merci à lui de m'avoir permit de participer. © Ce script est vraiment pratique car il sert à créer des miniatures d'images. De plus, les images générées sont gardées dans un cache afin de les retrouver plus rapidement dans le futur. C'est vraiment simple à utiliser. Par exemple, c'est ce script qui génère toutes les miniatures de mon site. TimThumb script a été crée par Tim McDaniels et Darren Hoyt et modifié par Ben Gillbanks.... ]]> Wed, 15 Jul 09 00:00:00 +0200 http://www.jdmweb.com/resources/LightBox Mon plugin préféré! Principalement utile avec des images ou des galeries, ce plugin est un outil animé de zoom vraiment bien fait et vraiment pratique pour effectuer toute sorte de démonstrations. Source et © Leandro Vieira Pinho.... ]]> Wed, 01 Jul 09 00:00:00 +0200 http://www.jdmweb.com/resources/FancyBox FancyBox est un des plugins que j'utilise le plus. Il est très facile d'utilisation et rend parfaitement bien, spécialement avec des images. Cet outil de zoom proche du design Mac, doté de nombreuses options que vous pourrez modifiez selon votre besoin. Source et © Janis Skarnelis.... ]]> Mon, 15 Jun 09 00:00:00 +0200 http://www.jdmweb.com/resources/jCarousel jCarousel est un plugin jQuery permettant de contrôler une liste verticale ou horizontale d'éléments. Ces éléments (statiques ou chargés via ajax)peuvent ensuite être déplacés d'avant en arrière ou de bas en haut (avec ou sans animation). Très pratique pour les galeries d'images par exemple. Source et © Jan Sorgalla.... ]]> Mon, 01 Jun 09 00:00:00 +0200 http://www.jdmweb.com/resources/FaceBox Comme son nom l'indique, la boîte générée par ce plugin ressemble à celle utilisée sur le fameux site facebook. Bien plus élégant et efficace qu'un alert() javascript, ce plugin peut charger; tout type de contenu dans sa boîte. Très pratique pour toute interaction entre l'utilisateur et le site. Source et © Chris Wanstrath.... ]]> Fri, 15 May 09 00:00:00 +0200 http://www.jdmweb.com/resources/ThickBox Ce plugin vous permet d'afficher dynamiquement une boîte de dialogue avec à l'intérieur toute sorte de contenu (page, images, feeds...) sans recharger ou quitter la page actuelle. Source and © Cody Lindley.... ]]> Fri, 01 May 09 00:00:00 +0200 http://www.jdmweb.com/resources/Validation Le plugin Validation permet d'effectuer des validations de formulaires du côté client, pour assurer que les données que vous jugez obligatoires soient effectivement entrées par l'utilisateur sans soumettre le formulaire. C'est un plugin très puissant car très bien adaptable. Source et © Jörn Zaefferer.... ]]> Wed, 15 Apr 09 00:00:00 +0200 http://www.jdmweb.com/resources/jQuery jQuery est une librairie JavaScript d'un genre nouveau. C'est une librairie rapide et concise qui simplifie grandement la manière d'écrire du JavaScript, de gérer les évènements, les animations et les interactions Ajax pour un développement rapide et efficace. En plus, c'est vraiment simple à comprendre et à manipuler.... ]]> Thu, 02 Apr 09 00:00:00 +0200