http://www.good-tutorials.com This is the newest 25 tutorials added to Good-Tutorials.com. en-us The NETTUTS community asked for it. So here you are! One of the innovations of the web is online shopping. It allows us to buy things without ever leaving the comfort of our homes. However, the most basic element of online shopping, the shopping cart, has not evolved much. In this tutorial, we're going to make an AJAX powered shopping cart using PHP, jQuery, and a few nifty plugins. envato Wed, 03 Sep 2008 20:00:03 +0000 http://www.good-tutorials.com/tutorial/30991/build-an-ajax-powered-shopping-cart http://www.good-tutorials.com/tutorial/30991/build-an-ajax-powered-shopping-cart We're running short on quick tips! That means we need your expertise! For tonight's evening tip, I'll simply refer you to the "2 Minute Video Tip" that I created on my personal site, Detached Designs, this morning. We'll be back to the normal format tomorrow. Keep reading if you have some ideas. envato Wed, 03 Sep 2008 19:00:03 +0000 http://www.good-tutorials.com/tutorial/30986/force-ie6-to-display-alpha-transparency http://www.good-tutorials.com/tutorial/30986/force-ie6-to-display-alpha-transparency In this tutorial I will be showing you how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement. envato Wed, 03 Sep 2008 12:30:02 +0000 http://www.good-tutorials.com/tutorial/30981/how-to-create-an-amazine-jquery-style-switcher http://www.good-tutorials.com/tutorial/30981/how-to-create-an-amazine-jquery-style-switcher One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we'll also animate it. envato Wed, 03 Sep 2008 12:30:02 +0000 http://www.good-tutorials.com/tutorial/30982/build-an-incredible-login-form-with-jquery http://www.good-tutorials.com/tutorial/30982/build-an-incredible-login-form-with-jquery In many modern web applications, developers look for ways to make it easier and more intuitive for users to interact. A drag and select function can help your users select multiple objects quickly. envato Wed, 03 Sep 2008 06:30:06 +0000 http://www.good-tutorials.com/tutorial/30983/create-a-click-and-drag-function-with-javascript http://www.good-tutorials.com/tutorial/30983/create-a-click-and-drag-function-with-javascript Tutorial on how to create a searchform containing check boxes, when submitted we get all checked checkboxes through jQuery and send a JSON string via Ajax that will be used by PHP to get the search result. prodevtips Tue, 02 Sep 2008 05:30:01 +0000 http://www.good-tutorials.com/tutorial/30953/jquery-and-check-boxes http://www.good-tutorials.com/tutorial/30953/jquery-and-check-boxes This tutorial will explain how you can override the default alert box of your browser, without modifying your existing code and by adding 2 lines of javascript code. gezzle Mon, 01 Sep 2008 14:30:02 +0000 http://www.good-tutorials.com/tutorial/30926/yui-based-alert-box-replace-your-ugly-javascript-alert-box http://www.good-tutorials.com/tutorial/30926/yui-based-alert-box-replace-your-ugly-javascript-alert-box Welcome to another exciting tutorial, this time we are going to integrate the Google Maps (iFrame Block) into FancyBox. FancyBox is a plugin for jQuery and has been written by Janis Skarnelis. FancyBox allows you to recreate the Apple inspired image enlarge effects, but not only for images, also YouTube, and other HTML content. So lets get started! Headshot Sat, 30 Aug 2008 19:30:02 +0000 http://www.good-tutorials.com/tutorial/30908/integrating-google-maps-into-fancybox http://www.good-tutorials.com/tutorial/30908/integrating-google-maps-into-fancybox Some blogs have over 100 comments on every new posts, wich makes the page extremely large. So lets say you want to shorten those pages by making the comments collapsable, well there is a easy solution for that! jQuery! We are going to intergrate jQuery into Wordpress and make the comments collapsable! Headshot Fri, 29 Aug 2008 06:00:01 +0000 http://www.good-tutorials.com/tutorial/30856/making-wordpress-comments-collapsable-using-jquery http://www.good-tutorials.com/tutorial/30856/making-wordpress-comments-collapsable-using-jquery How to setup click tracking on external links with Google Analytics on any site. prodevtips Mon, 25 Aug 2008 09:00:02 +0000 http://www.good-tutorials.com/tutorial/30735/tracking-clicks-with-jquery-and-google-analytics http://www.good-tutorials.com/tutorial/30735/tracking-clicks-with-jquery-and-google-analytics How to use jQuery Flash to insert shockwave files in your Wordpress articles. Probably works for any CMS that doesn't filter out HTML. prodevtips Mon, 25 Aug 2008 08:30:02 +0000 http://www.good-tutorials.com/tutorial/30734/shockwaves-in-wordpress-with-jquery-flash http://www.good-tutorials.com/tutorial/30734/shockwaves-in-wordpress-with-jquery-flash A traditional blogroll is a simple list of other sites, often in the sidebar, that are related, owned by, or otherwise friendly to the home site. Blogrolls are a great idea and on-point with the spirit of blogging, but how is a casual reader to know if any of these sites are truly of interest? Let's improve upon the concept of a blogroll by not just listing sites, but dynamically pulling recent headlines from them, and using some fun jQuery animation. envato Mon, 18 Aug 2008 12:34:06 +0000 http://www.good-tutorials.com/tutorial/30558/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery http://www.good-tutorials.com/tutorial/30558/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery Last week, Philo showed you how to implement sIFR3. This time, I'm going to show you how to implement Facelift Image Replacement (or FLIR), an alternative to sIFR that does not require Flash. envato Mon, 18 Aug 2008 11:30:02 +0000 http://www.good-tutorials.com/tutorial/30554/how-to-use-any-font-you-wish-with-flir http://www.good-tutorials.com/tutorial/30554/how-to-use-any-font-you-wish-with-flir In this quick tip, I'll show you how to load data from an XML file onto a blank page. We'll work with the $.get function and will also implement a loading gif while the information is being retrieved. We'll be displaying a simple list of recommended web development books. Let's go ahead and get started. envato Mon, 18 Aug 2008 11:00:02 +0000 http://www.good-tutorials.com/tutorial/30553/use-jquery-to-retrieve-data-from-an-xml-file http://www.good-tutorials.com/tutorial/30553/use-jquery-to-retrieve-data-from-an-xml-file Creating tabbed interfaces suddenly becomes a piece-of-cake when using the Tabs function in the jQuery UI library. It can be utilized to create completely unique interfaces without having to be a coding God - using only one line of code! envato Mon, 18 Aug 2008 10:00:09 +0000 http://www.good-tutorials.com/tutorial/30548/create-a-tabbed-interface-using-jquery http://www.good-tutorials.com/tutorial/30548/create-a-tabbed-interface-using-jquery Toggle expanded and hided on or off with a nice animation. This is different from an accordion since more than one item can be expanded at one time. prodevtips Mon, 18 Aug 2008 08:30:01 +0000 http://www.good-tutorials.com/tutorial/30519/expand-and-hide-your-sidebar-in-wordpress-with-jquery http://www.good-tutorials.com/tutorial/30519/expand-and-hide-your-sidebar-in-wordpress-with-jquery Simple how to on using jQuery JSON to pass javascript objects to PHP. In PHP we use the new json_encode and json_decode functions to make sense of the information we get from the Javascript through Ajax. prodevtips Mon, 18 Aug 2008 08:00:05 +0000 http://www.good-tutorials.com/tutorial/30518/jquery-json-with-php-json-encode-and-json-decode- http://www.good-tutorials.com/tutorial/30518/jquery-json-with-php-json-encode-and-json-decode- Do you want to build more dynamic, responsive, desktop-like web applications like Gmail and Google Maps? Then this article is for you! It guides you through the Ajax basics and through the process of building a simple Ajax application. sitepoint.com Sun, 10 Aug 2008 08:30:01 +0000 http://www.good-tutorials.com/tutorial/30326/take-command-with-ajax http://www.good-tutorials.com/tutorial/30326/take-command-with-ajax JavaScript libraries such as MooTools can save a lot of time when developing a site. In this tutorial, I'll be showing you how to combine many of MooTools's functions to create a nice photo gallery. envato Wed, 06 Aug 2008 10:30:02 +0000 http://www.good-tutorials.com/tutorial/30176/create-a-spectacular-photo-gallery-with-mootools http://www.good-tutorials.com/tutorial/30176/create-a-spectacular-photo-gallery-with-mootools This tutorial will walk you through how to set drop-down boxes up to pull the values from a database as well as update the values of the other boxes based on what the user selects in the first and second boxes. This is handy if you are asking people to select categories of things they would like to search for, like tutorials. spyderman4g63 Thu, 31 Jul 2008 20:00:05 +0000 http://www.good-tutorials.com/tutorial/30045/pulling-drop-down-values-from-a-database-using-javascript-and-php http://www.good-tutorials.com/tutorial/30045/pulling-drop-down-values-from-a-database-using-javascript-and-php This tutorial will show you how to program a button that will add textboxes to your site without having to reload the page that you are one. To do this we will be using JavaScript. spyderman4g63 Thu, 31 Jul 2008 08:30:03 +0000 http://www.good-tutorials.com/tutorial/30042/dynamically-add-textbox-to-site http://www.good-tutorials.com/tutorial/30042/dynamically-add-textbox-to-site In this tutorial we will be working with PHP and MySQL to insert the data that was inserted into the text boxes on the Dynamically Add Textbox to Site tutorial. We will collect the data and insert the values into a database spyderman4g63 Thu, 31 Jul 2008 08:00:03 +0000 http://www.good-tutorials.com/tutorial/30041/receiving-dynamic-textbox-data http://www.good-tutorials.com/tutorial/30041/receiving-dynamic-textbox-data This tutorial will walk you through creating a basic HTML site with several checkboxes on it. Then it will show you how to use a single click on a button to check all objects and un-check all objects using JavaScript. spyderman4g63 Thu, 31 Jul 2008 06:30:16 +0000 http://www.good-tutorials.com/tutorial/30040/use-javascript-to-check-uncheck-checkboxes http://www.good-tutorials.com/tutorial/30040/use-javascript-to-check-uncheck-checkboxes This tutorial will show you how to create a hidden Div and display it with the click of a link. There are a few reasons you may want to hide a Div in a website design. You may want to create a drop down type menu or a box that will show more information when you click a link. Another reason would be for SEO purposes. In theory hiding information in a Div is not against Google’s rules. As long as the user can still see the content when clicking a button you are not displaying different informat spyderman4g63 Thu, 31 Jul 2008 06:30:09 +0000 http://www.good-tutorials.com/tutorial/30039/hide-and-show-a-div-using-javascript http://www.good-tutorials.com/tutorial/30039/hide-and-show-a-div-using-javascript Drawing graphs with jQuery and the Javascript canvas made easy. This tutorial covers a more complex scenario than the examples on the jFlot homepage. prodevtips Tue, 29 Jul 2008 16:30:03 +0000 http://www.good-tutorials.com/tutorial/29991/jquery-flot-a-more-complex-example http://www.good-tutorials.com/tutorial/29991/jquery-flot-a-more-complex-example