jQuery Articleshttp://www.theopenuniversity.com/Copyright ©2010 TheOpenUniversity.com All rights reserved.Thank you so much Alex from phpacademy for 200 brand new jQuery tutorials! Here is a link to the phpacademy YouTube Channel. Go and subscribe now! www.youtube.com And here is the phpacademy official website: phpacademy.orghttp://www.theopenuniversity.com/post/jquery-tutorials-are-finally-here-thank-you-phpacademy-.htmlWed, 10 Aug 2011 00:02:38 -0500jQuery Tutorials - 12. Output image while loading.http://www.theopenuniversity.com/post/jquery-tutorials-12-output-image-while-loading-.htmlSat, 06 Aug 2011 00:02:06 -0500Source code here: jquerytutorialsforbeginners.com ... video highlights below. [1:10] Creating a link to click [2:20] Coding a jQuery click event [3:35] Testing the click event [3:50] Disabling the default click behavior (return false) [4:30] Using preventDefault instead of return false [6:25] More jQuery events [6:55] Demonstrating the hover event [7:31] Demonstrating the mousetover eventhttp://www.theopenuniversity.com/post/jquery-events-jquery-tutorials-for-beginners-2.htmlFri, 08 Jul 2011 00:02:09 -0500Source code here: jquerytutorialsforbeginners.com ... video highlights below. [1:10] Creating a link to click [2:20] Coding a jQuery click event [3:35] Testing the click event [3:50] Disabling the default click behavior (return false) [4:30] Using preventDefault instead of return false [6:25] More jQuery events [6:55] Demonstrating the hover event [7:31] Demonstrating the mousetover eventhttp://www.theopenuniversity.com/post/jquery-events-jquery-tutorials-for-beginners.htmlThu, 30 Jun 2011 00:02:03 -0500Source code here: jquerytutorialsforbeginners.com ... video highlights below. [0:34] Similarities with CSS [1:03] Internal scripting (often better for development) [2:10] External scripting (best for production) [4:23] Inline scripting (don't do this!) [7:49] The ideal setup [8:51] Recommended site for learning CSS: www.w3schools.comhttp://www.theopenuniversity.com/post/internal-external-and-inline-scripting-jquery-tutorials-for-beginners.htmlThu, 30 Jun 2011 00:02:03 -0500Source code here: jquerytutorialsforbeginners.com ... video highlights below. [0:47] The setup [1:24] The directory structure we're using [2:00] Going through our starting source code [3:47] What comes first, .css files or .js files? [4:19] Writing our CSS code (simple p.highlight class) [5:30] On click, add the highlight class to every paragraph on the page [6:15] Highlighting only the second paragraph on the page (with some trial and error) [7:48] Adding multiple classes with one click [8:36] Using jQuery's .css method to achieve the same effect [10:58] On click, remove the highlight class [11:49] On click, toggle the highlight class [12:33] Simple examples, lots of potentialhttp://www.theopenuniversity.com/post/adding-and-removing-css-classes-with-jquery-jquery-tutorials-for-beginners.htmlThu, 30 Jun 2011 00:02:02 -0500See the associated blog post here: jquerytutorialsforbeginners.com [0:32] What the hell is JavaScript? [0:45] Where JavaScript fits in with HTML and CSS [1:29] What is jQuery? [2:33] jQuery in use on Amazon.com [3:57] jQuery in use on Twitter [4:50] Other power players that use jQuery [5:07] Komodo Media's foliage-o-meter [5:46] Subtle nav fade-in/fade-out on Bright Creative [6:12] Sliding panel from Net Tuts [6:48] Eco Lecom's sliding website (built with Coda-Slider) [7:53] Other great things about jQueryhttp://www.theopenuniversity.com/post/what-is-jquery-jquery-tutorials-for-beginners.htmlSat, 25 Jun 2011 00:02:04 -0500Source code here: jquerytutorialsforbeginners.com [0:37] Folder structure I use for the demo [1:00] Opening index.html in a text editor (I use TextWrangler. If you're on Windows, try Notepad++) [1:37] Downloading jQuery, and the difference between production and development versions [3:05] Calling the jQuery core file from index.html [4:49] Writing a simple alert to confirm jQuery is working [5:55] Fixing an error, and getting the alert working [6:39] (document).ready alternatives [7:10] When to use (window).load [8:36] Using a jQuery CDN to host your core file [9:33] How to comment out a line of jQuery codehttp://www.theopenuniversity.com/post/installing-and-using-jquery-jquery-tutorials-for-beginners.htmlSat, 25 Jun 2011 00:02:04 -0500Dreamweaver CS5 Lesson Series My overall aim will be to show how you can build a small website from the ground up using Dreamweaver CS5. 1. We will start of by creating site definitions for our site. 3. We will then create a 2 column web page. 4. Home work for building this site! 5. We will attach our jQuery menu to our page. 6. Site Definitions 1. How to setup site definitions in Dreamweaver CS5! 2. How to create a root folder 3. From the root folder create folders and files such as an index.html page. 4. How to create a styles css file. 5. How to link the css file to the index page. 6. I will then demonstrate the relationship between div's and css styles Building the 2 column Web page 1. Create our index page and css file. 2. Link the css file to the index page. 3. Create a div with a class. 4. Layout our web page using div's. 5. Style our div's using our css file. Install the jQuery Horizontal Navigation Menu 1. We will copy the file into our root folder. 2. Link our scripts to our index page. 3. We will also link our script hooks. 4. Copy and paste our styles to our css file. See Link below to jQuery tutorials: - www.youtube.com www.youtube.com www.youtube.comhttp://www.theopenuniversity.com/post/how-to-build-a-website.htmlSun, 19 Jun 2011 00:01:45 -0500How to set up site sefinitions in Dreamweaver CS5 Dreamweaver CS5 Lesson Series Please rate + subscribe + comment My overall aim will be to show how you can build a small website from the ground up using Dreamweaver CS5. 1. We will start of by creating site definitions for our site. 3. We will then create a 2 column web page. 4. Home work for building this site! 5. We will attach our jQuery menu to our page. Site Definitions 1. How to setup site definitions in Dreamweaver CS5! 2. How to create a root folder 3. From the root folder create folders and files such as an index.html page. 4. How to create a styles css file. 5. How to link the css file to the index page. 6. I will then demonstrate the relationship between div's and css styles See Link below to jQuery tutorials: - www.youtube.com www.youtube.com www.youtube.comhttp://www.theopenuniversity.com/post/how-to-set-a-web-site-up-in-dreamweaver-cs5.htmlSun, 19 Jun 2011 00:01:44 -0500