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/wpAdminTables WordPress list tables are a very common element of the WordPress admin interface. They are used by nearly all default admin list pages, and also often implemented by developers while writing plugins. However, creating one of those tables is not really an intuitive thing to do when you haven't done it before, and I've seen cases where people where trying to replicate one, with techniques such as using the WordPress CSS classes on personal markup, or even replicating the CSS from scratch. In this article, we'll see how WordPress provides native functionality that can be used to generate some ... ]]> Mon, 10 Oct 11 00:00:00 +0200 http://www.jdmweb.com/resources/imgallery An image gallery is a very common feature for a website to have. It is an efficient way to nicely present a set of pictures. With the increasing popularity of JavaScript plugin, image galleries are nowadays implemented with rich features, effects, and transitions, in order to emphasize the given content. When you wish to create a picture gallery, there are several steps involved in the process. In this tutorial, we will see how you can set everything up, and then add, remove, or edit pictures in your gallery, in a simple and dynamic manner. Finally, we will explain how we can setup the jQue... ]]> Thu, 15 Jul 10 00:00:00 +0200 http://www.jdmweb.com/resources/paypal_checkout PayPal is a renowned payment platform that allows you to accept online payments on your site, by taking care of all the money transactions for you. This transparency really is an appreciated quality that allows developers to integrate checkout solutions on merchant sites, by completely outsourcing the banking operations to PayPal. Another good thing for developers is that the PayPal API is very versatile. It can be very simple if your needs are simple, or it can be very well customized to meet some more advanced needs such as complete shopping carts handling. On the other hand, I sometimes... ]]> Tue, 15 Jun 10 00:00:00 +0200 http://www.jdmweb.com/resources/jquery_to_wordpress_plugin WordPress and jQuery are both very famous for their plugins. In the case of jQuery, plugins allow developers to extend the library's capacities in order to create beautiful effects. In WordPress, they allow anyone to benefit from the work of others, as they come under the form of a module that you can easily activate from within the administration interface, and start using right away. Creating one of those modules is not that difficult, but if you are not familiar with their syntax, it could end up being a headache. There are many jQuery plugins that have been transferred into a WordPress ... ]]> Sat, 15 May 10 00:00:00 +0200 http://www.jdmweb.com/resources/video_manager Youtube is the most popular platform when it comes to upload your videos to the web. It's therefore likely that some day, as a web developer, you'll be asked by one of your clients to integrate some YouTube videos on a web page or a social web app. We'll see in this post how with a PHP class, a little MYSQL table made of only 3 fields, and a bit of jQuery code, you can build a very nice Video Manager. This manager will allow yourself or your client to manage videos easily, without any technical knowledge. We'll see how you can add a video simply by pasting its YouTube url, how to edit ... ]]> Thu, 15 Apr 10 00:00:00 +0200 http://www.jdmweb.com/resources/formclone Building dynamic forms is a task that a lot of web developers will have to do at some point. By dynamic I mean forms that change based on what the user inputs. A basic example of dynamic forms, are those that allow the user to add the same group of information several times. For example, an attendance form, where you can add several persons, a booking form where you can add several tickets, a membership with several users, a media page with several pictures or videos and so on, the possibilities are countless. In order to facilitate the development of such forms, I created a little plug... ]]> Mon, 15 Mar 10 00:00:00 +0100 http://www.jdmweb.com/resources/favmysql For the previous years I've been trying to point out the areas of my workflow that were taking most of my time to try to optimise them. One of these areas was database interactions meaning the famous 'SELECT', 'INSERT', 'UPDATE' and 'DELETE' statements. When I was still discovering PHP, I spent far too much time hard coding every single database query. It was time consuming, but also very annoying. Then, for a project, I discovered Zend, a powerful PHP framework. I loved the way it handled the queries, by having a database class with predefined methods for each interaction. The only pr... ]]> Mon, 15 Feb 10 00:00:00 +0100 http://www.jdmweb.com/resources/jquery_ajax The fantastic jQuery library revolutionized the way javascript is being written around the globe. It's been globally acclaimed and adopted, resulting in an award for best open source project in the end of 2009. In this article, we are going to see how we can use the power of this library to create your own Ajax request effortlessly, to make pages communicate in a user friendly way. Thank you jQuery team, the days of javascript darkness are over!... ]]> Fri, 15 Jan 10 00:00:00 +0100 http://www.jdmweb.com/resources/fancy_videos Recently, a friend of mine asked me how it would be possible to play videos directly from within a fancybox. This post presents the solution I usually use, and reviews the different elements needed, html, css and javascript, along with details on how they interact with each others in order to obtain the expected result.... ]]> Tue, 15 Dec 09 00:00:00 +0100 http://www.jdmweb.com/resources/custom_rss RSS is a way of easily keep your site's readers up to date with your latest content. That's a reason why it is widely used by the famous blogs and big sites. Once someone subscribes to an RSS feed, he'll get a notification every time you post some new content to your site. It helps fidelizing your users, therefore improving your traffic. It is definitely worth implementing. This tutorial will guide throught the steps involved in the creation of your own RSS feed from scratch, and based on your site's existing platform.... ]]> Sun, 15 Nov 09 00:00:00 +0100 http://www.jdmweb.com/resources/ajax_form Even on some very famous websites and blogs based on the Wordpress platform, such as Smashing Magazine or Webdesigner Depot for example, the comment forms are not checked prior to submission. Which means that if the user hits the submit button without actually filling any information, he is redirected to the famous error: "Error: please fill the required fields (name, email).". Thanks to jQuery and its plugins, it is possible to change the way those forms are handled, ... ]]> Thu, 15 Oct 09 00:00:00 +0200 http://www.jdmweb.com/resources/friendlyurls It's now quite common to swap the old url format containing file extensions and non explicit query strings by SEO friendly ones, only made of keywords and slashes, hence their name. There are several techniques to do so, and I certainly do not have the pretention to say that this one is the best of all, but it is the one I use in personal projects as it works nicely, and it is robust and dynamic. It makes use of an .htaccess file to rewrite the urls, of a php function to parse the given parameters, and a content manager to serve the appropriate content according to them. Before we sta... ]]> Tue, 15 Sep 09 00:00:00 +0200 http://www.jdmweb.com/resources/Facebook_Search When it comes to social web, facebook is clearly a reference, packed with outstanding features. Among them, their famous autocompletion search input, allowing you to quickly find a particular friend. Another one that I like is when you want to send a message, it is really easy to select the friends you want to send it to. It is now being used by hotmail as well. There's a Mootools script for this already, developped by Guillermo Rauch, and that I use for several projects, but I didn't find any s... ]]> Sat, 15 Aug 09 00:00:00 +0200 http://www.jdmweb.com/resources/SchmancyBox SchmancyBox, is the implementation of the FancyBox plugin for Wordpress. So if you're a WordPress user, you'll probably love that stylish and easy to use plugin. Start to add some fancy effects to your website now! The original idea of that plugin came from the London designer George Wiscombe and I'm glad he proposed me to get involved. © George Wiscombe and A very handy script allowing you to create thumbnails for any given picture. It will also create a cached copy of the result on your server so it's quite interesting performance wise as well. In fact, it's really easy to use and does what it says very well. For example, it has been used to create every thumbnail of this website. TimThumb script was created by Tim McDaniels and Darren Hoyt with tweaks by Ben Gillbanks.... ]]> Wed, 15 Jul 09 00:00:00 +0200 http://www.jdmweb.com/resources/LightBox My favourite plugin! Mostly dedicated to pictures and galleries, this plugin is a zooming and animated tool, well designed and so practical for any demonstration purpose. Source and © Leandro Vieira Pinho.... ]]> Wed, 01 Jul 09 00:00:00 +0200 http://www.jdmweb.com/resources/FancyBox The FancyBox is one of the plugin that I like the most. It's so easy to use and renders really nicely, especially with images. It's a Mac like zooming tool that you can customize quite well and really looks amazing. Source and © Janis Skarnelis... ]]> Mon, 15 Jun 09 00:00:00 +0200 http://www.jdmweb.com/resources/jCarousel jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation). Very nice for an Image Gallery for example. Source and © Jan Sorgalla.... ]]> Mon, 01 Jun 09 00:00:00 +0200 http://www.jdmweb.com/resources/FaceBox This code, as its names implies, creates a widget like the one widely used in the famous website facebook. It's far more efficient and nicer than a JavaScript alert() box. Any content can be loaded inside it, pretty helpful for user interaction as well. Source and © Chris Wanstrath.... ]]> Fri, 15 May 09 00:00:00 +0200 http://www.jdmweb.com/resources/ThickBox This plugin allows you to display a user interface dialog box with any content inside (remote page, images, feeds...) without loading another page. Source and © Cody Lindley.... ]]> Fri, 01 May 09 00:00:00 +0200 http://www.jdmweb.com/resources/Validation The jQuery validation plugin allows you to perform client side form validation, to ensure that all the required data are effectively entered by the user without submitting the form. It's a very powerful plugin with many ways of customization to match your needs. Source and © Jörn Zaefferer.... ]]> Wed, 15 Apr 09 00:00:00 +0200 http://www.jdmweb.com/resources/jQuery jQuery is a new kind of JavaScript Library. It is a fast and concise library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development, and last but not least, is really simple to understand and manipulate.... ]]> Thu, 02 Apr 09 00:00:00 +0200