jQuery is the most popular javascript library. jQuery's syntax is designed to simplify navigating a document, selecting DOM elements, creating animations, handling events, and developing Ajax applications.

Here is an excellent short 18-minute introductory video on jquery. This is a very basic introduction to including jQuery on your web page and getting started writing a few functions:

Intro to jQuery – Part 1

Here is the second introductory video tutorial on jQuery. It is 25 minutes long. This video tutorial explores a simple variable and an IF/ELSE statement. Then it examines the AJAX-y .load() function, the CSS function, and ends up with writing out own custom function:

Intro to jQuery – Part 2

jQuery – Two Intro Video Tutorials is a post from: IdealProgrammer.com

Related posts:

1. Free jquery video tutorials  Thanks to 1stwebdesigner for this wonderful article. You can...
2. jquery slider In This tutorial we are going to learn how to...
3. Free Python Video Tutorials – Intro to Python Looking for free Python video tutorials? Here are some of...

Related posts brought to you by Yet Another Related Posts Plugin.

The Live Demo

Click HERE to see the full working demo.

October 20th, 2010 in JQuery Tutorials by Lee Grant
jQuery Slide Effect2 Votes, Rating: 5.00 Loading …0diggs
digg4
Share About The Author: Lee GrantLee has a passion for all things design and web related and spends his days working as a full time web developer at Covenant Solutions. He most enjoys working on new web interfaces and working with html & css. When not sat in front of the computer he enjoys jogging and cinema. If you want to follow him on his path then head over to his website at Klever media.

Lee Grant has written 1 posts. In today’s tutorial we are going to learn how to make a cool looking slide effect using jQuery that will really make our images pop.
The Live Demo
Click HERE to see the full working demo.

What makes this effect
html
css
jQuery

Dreamweaver (or your favourite text editor)

Setting up our files
Ok let’s start by opening our text editor and creating a new html document, save this to your desktop as “index.html”. Now create a new css file and save this as “style.css” in a new folder named “css”.

Include our files
Getting back to our index file, we now need to include our newly created css file and the jQuery library into the head of our document.

1 <link href="style.css" rel="stylesheet" type="text/css" /> 

In this tutorial we are going to link to the google api version of jQuery as the chances are your user has come across this file at some point so it was already be cached on their system. You can alternatively host your own version and link to it which you can download here.

Read More at http://www.hv-designs.co.uk/2010/10/20/jquery-slide-effect/

jquery slider is a post from: IdealProgrammer.com

Related posts:

1. Google Rankings Case Study – Getting 44 #1 Google Rankings in Two Weeks I have been trying out two week trial of Traffic...

Related posts brought to you by Yet Another Related Posts Plugin.

Web novices often believe that by blocking their visitors use of the right mouse button that they can prevent the theft of their web page content. Nothing could be further from the truth as there are so many ways to bypass the "no right click script" that the only effects that such a script has is to annoy those of your visitors who legitimately use the context menu (as that menu is properly called) in their web navigation.

Well here's a really simple script that you can use to block all access to the context menu (not just from the right mouse button but from the keyboard as well) and really annoy your visitors. The script is even simpler than most of the ones that only block the mouse button and works in about as many browsers as those scripts do. Here's the entire script for you.

Adding just that small piece of code to the body tag of your web page is more effective at blocking your visitor's access to the context menu than the many no right click scripts that you can find elsewhere on the web because it blocks access from both the mouse button and the keyboard options described above.

Of course the script doesn't work in all web browsers (eg Opera ignores it – but then Opera ignores all of the no right click scripts as well). It also does nothing to prevent your visitors from accessing the page source using the View Source option from their browser menu, from saving the web page and viewing the source of the saved copy in their favourite editor, or from using a View Source Bookmarklet.

Also, when the context menu has been disabled like this it can be easily re-enabled by typing javascript:void oncontextmenu(null) into the address bar of the browser.

Additionally, all of the scripts that I have seen to do this only block access to the context menu from the right muse button. They don't consider the fact that the menu is also accessible from the keyboard. All anyone needs to do to access the menu using a 104 key keyboard is to select the object on the screen that they want to access the context menu for (for example by left clicking on it) and then press the context menu key on their keyboard (it's the one immediately to the left of the right CTRL key) or on a 101 key keyboard hold down the shift key and press F10 to achieve the same effect.

Disable copy with javascript is a post from: IdealProgrammer.com

Related posts:

1. Programming Languages News Why Would You Want To Use Perl Scripts –...
2. button JavaScript (JS) Example: HTML DOM Objects – Mouse/Keyboard Attributes – button JavaScript (JS) Example button JavaScript (JS) Example: HTML DOM Objects - Mouse/Keyboard Attributes...
3. screenY JavaScript (JS) Example: HTML DOM Objects – Mouse/Keyboard Attributes – screenY JavaScript (JS) Example screenY JavaScript (JS) Example: HTML DOM Objects - Mouse/Keyboard Attributes...

Related posts brought to you by Yet Another Related Posts Plugin.

35 Excellent Javascript Tutorials at intelligentedu.com is a post from: IdealProgrammer.com

Related posts:

1. Programmer Resources and News Here you will be able to find great resources for...
2. Introduction to Ruby on Rails – Best Rated Free Video Tutorials Here are some of the best rated free video tutorials...
3. Javascript Video Tutorials Here are the best rated video tutorials for Javascript. One...

Related posts brought to you by Yet Another Related Posts Plugin.

photo credit: jm3

Douglas Crockford: "The JavaScript Programming Language – 4 part series

Part 1 of 4

31 min

Covers history, language, advanced features, platforms, standards, and style. The powerpoint presentation can be downloaded from here.

Part 2 of 4:
31 min

Part 3 of 4:
29 min

Part 4 of 4:
29 min

Douglas Crockford: Advanced JavaScript: 3 part series

Douglas Crockford teaches "Advanced JavaScript." This course is broken into three clips; this is the first of those three clips. Slides: http://yuiblog.com/assets/crockford/advancedjavascript.zip. Note that when Douglas begins the talk… more Douglas Crockford teaches "Advanced JavaScript." This course is broken into three clips; this is the first of those three clips. Slides: http://yuiblog.com/assets/crockford/advancedjavascript.zip. Note that when Douglas begins the talk referring to the "third installment", he's referring to "Advanced JavaScript" being the third class in a series; this is indeed the first of the three clips comprising the "Advanced JavaScript" class.

Part 1 of 3:

Part 2 of 3:

Douglas Crockford: "An Inconvenient API: The Theory of the Dom." 3 Part Series

Douglas Crockford teaches "An Inconvenient API: The Theory of the Dom." This course is broken into three clips; this is the first of those three clips. Slides: http://yuiblog.com/assets/crockford/theory.zip.

Part 1 of 3:

Part 2 of 3:

Douglas Crockford: JavaScript – The Good Parts

Yahoo JavaScript architect Douglas Crockford delivered the keynote talk at the 2007 Konfabulator Developer Day and discussed the evolution of JavaScript and of his relationship to the language. Through his description of his own journey with the language, Douglas evokes what he considers to be the "good stuff" therein.

Javascript Video Tutorials is a post from: IdealProgrammer.com

Related posts:

1. Introduction to Perl – Best Rated Videos Here are some of the best rated video introductions and...

Related posts brought to you by Yet Another Related Posts Plugin.