its easy to setup new  plugin to your WordPress.com site by simply doing next steps :

 Enlarge

 Enlarge

 Enlarge

Free online courses (videos)

1- developphp.com : in this website you can find some cool tutorials in php basics and also you can find some projects like how to build cms ,shopping cart and more

2-killerphp.com :  this website will  teach you PRACTICAL PHP to non-nerd web designer types. Because of the nature of the Web today (Web 2.0, Ajax, shopping carts etc …), PHP is now one of the key languages that I believe every web designer should learn. You could say in fact, that PHP is one of the four pillars of web design

3-phpacademy.org : phpacademy is one of my favorite sites and believe me if you just focus and use this website you will learn tons of stuff about php ,phpacademy  provide free PHP tutorials and other web development tutorials, absolutely free.

if you have any others online training website please share with others , thank you .

Sponsor Flip Wall With jQuery & CSS 
in this jquery and css tutorial we build  a sponsors page  so you can build the Flip effect  to organize element in your pages or maybe you can use it to build your next jquery game !

DEMO 

DOWNLOAD 

TUTORIAL 

TipTip jQuery Plugin

This plugin cn be used to make  a sweet & simple custom tooltip in easy way and its work   just like the browser tooltip, and that is exactly what TipTip is so usefull
TipTip tooltip detects the edges of the browser window and will make sure tht the tooltip stays within the current window size. and  adjust itself to be displayed below,above,  left or to the right of the element its a very   intelligent custom tooltip jQuery plugin. and also cn be ran very fast without using images and using just css and jquery

DEMO 

DOWNLOAD 

TUTORIAL 

jquery.timepickr.js
with this plugin you can now create some cool nd better time picker in degradation

Photo Zoom Out Effect with jQuery
in this jquery tutorial we will show you how to create a simple image zoom effect .  This plugin could be used in web galleries and photography websites

DEMO 

DOWNLOAD 

TUTORIAL 

A Fresh Bottom Slide Out Menu with jQuery
In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for the interaction.

DEMO 

DOWNLOAD 

TUTORIAL 

Nivo Slider 
with this cool plugin you can make some good slider for your website and also can be used in wordpress websites :

• 16 unique transition effects
• Simple clean & valid markup
• Loads of settings to tweak
• Built in directional and control navigation
• Packed version only weighs 12kb
• Supports linking images
• Keyboard Navigation
• HTML Captions
• 3 Slick Themes
• Free to use and abuse under the MIT license

jQuery.Syntax 
jQuery.Syntax is an extremely fast and lightweight syntax highlighter. It has dynamic loading of syntax source files and integrates cleanly using CSS or modelines.

DEMO 

DOWNLOAD 

Colorful Sliders With jQuery & CSS3 
In this jquery  tutorial we are using css3  and jQuery   to build a cool dimensional dynamic slider effect. The examples presented  can be used to make cool powerfull bars.you can download download the PSD, to create your own shapes and colors bars

DEMO 

DOWNLOAD 

TUTORIAL 

Making a Mosaic Slideshow With jQuery & CSS 
in this example we are making a jQuery  mosaic gallery. with tile transition effect when moving from one slide to another.

DEMO 

DOWNLOAD 

TUTORIAL 

gameQuery – a javascript game engine with jQuery
so you wanna build a cool jquery game  check gameQuery plugin

Getting Buggy CSS Selectors to Work Cross-Browser via jQuery
in this tuto you’ll find a simple table that describes some of CSS selectors that are not cross-browser compatible, along with the jQuery syntax for each.

TUTORIAL

17 jQuery Plugins for Easy and Efficient Reordering and Filtering Page Elements 
This tutorial provides an overview of  some of the best plugins you can use to add some cool powerful functionality to  to your website so you can reorder,  add drag and drop and filter elements etc…

DEMO 

DOWNLOAD 

TUTORIAL 

Create an Impressive Content Editing System with jQuery and PHP 

If you want to find a way to easilly edit  html files or provide an edit functionnality to your clients yoou can now use this tutorial to help you

DEMO 

DOWNLOAD 

TUTORIAL 

jQuery MegaMenu Plugin

build simple jquery and css menu

TUTORIAL

jqFancyTransitions: jQuery Image Rotator Plugin
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

A demo of AD Gallery
A highly customizable gallery/showcase plugin for jQuery.

Extending jQuery’s selector capabilities

How to show/hide a hidden input form field using jQuery

A Better jQuery In-Field Label Plugin
you want save space on forms. There are a billion different ways to implement this, and I don’t suggest you use the example from above because that was just a quick way to show the effect.

jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element 
yet another simple and cool selectmenu ui

Create a Content Rich Tooltip with JSON and jQuery
This tutorial will show how to maketooltips that are powered by jQuery, with  JSON .

jQuery image zoom effect 
I’m going to run through the technique used to zoom the image thumbnails and display the overlay of text.

jQuery Roundabout Shapes
The current version of Roundabout Shapes offers eleven additional movements.Roundabout Shapes provide even more paths along which your Roundabout can move.

Useful JavaScript / jQuery Tools

How to Test your JavaScript Code with QUnit 
QUnit, developed by the jQuery team, is a great framework for unit testing your JavaScript. In this tutorial, I’ll introduce what QUnit specifically is, and why you should care about rigorously testing your code.

CoffeeScript
CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript’s less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it’s just another way of saying it.

Mind-blowing JavaScript Experiments
The following JavaScript experiments demonstrates the amazing capabilities of the modern browsers such as Chrome and Safari. In this post I will showcase to you an array of experiments that will surely blows your mind off.

Online javascript beautifier
This little beautifier will reformat and reindent bookmarklets, ugly javascript, unpack scripts packed by the popular Dean Edward’s packer, as well as deobfuscate scripts processed by javascriptobfuscator.com.

CSS & Javascript Character Entity Calculator 
Enter your HTML Entity Character number (such as &#2335 or just 2335 – ?) to get the CSS and JS values for that entity.

jQuery Grid Plugin

Pines Notify jQuery Plugin
Pines Notify’s features include:
- Timed hiding with visual effects.
- Sticky (no automatic hiding) notices.
- Optional hide button.
- Supports dynamically updating text, title, icon, type…
- Stacks allow notice sets to stack independently.
- Control stack direction and push to top or bottom.

jQuery Slider plugin (Safari style) 
jQuery Slider is easy to use and multifunctional jQuery plugin.

Dygraphs: Create interactive graphs from open source Javascript library 
Dygraphs is an open source JavaScript library that produces an interactive, zoom-able charts of the present time series. It is mainly designed to display the dense data sets and enable the users to explore and interpret them. It is a JavaScript Visualization Library.

Showdown – Markdown in JavaScript
Showdown – a JavaScript port of Markdown

Copy to Clipboard with ZeroClipboard, Flash 10 and jQuery
With today’s post I will show you a contrived example to get you started. I eventually hope to add this to the contextMenu.js jQuery plugin that I use, but for now this should be pretty straight forward. I do want to note that in the demo and download I am loading the latest version of the jQuery library (1.3.1) from Google’s CDN for the first time in any of my posts. For more information on how to do this see the instructions from Google.

fLABjs
fLABjs is a special API wrapper around LABjs which adapts the code to work properly in a file:// local filesystem environment. There are a number of things with core LABjs does which are not appropriate for local filesystems, such as XHR, special path handling rules, etc.

jQuery LazyLoad Ad : Delays loading of advertising
jQuery LazyLoad Ad is a jQuery plugin that takes advantage of LazyLoad delaying ads loading.

qTip – The jQuery tooltip plugin 
qTip is a tooltip plugin for the jQuery framework. It’s cross-browser, customizable and packed full of features!

jQuery Collapsing and Expanding Table Rows

Improving Search Boxes with jQuery 
This time we will learn how to improve a little more our sites by adding some additional interactions to our search boxes like autofocus, highlighting, autoreplace default text and more by using jQuery.

JavaScriptMVC
JavaScriptMVC is an open-source framework containing the best ideas in enterprise JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

PEG.js – Parser Generator for JavaScript
PEG.js is a parser generator for JavaScript based on the parsing expression grammar formalism.

PhoneGap 
PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript.

JavaScript Shell
A command-line interface for JavaScript and DOM.

WireIt – a Javascript Wiring Library
WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages, graphical modeling, or graph editors.

JavaScript Programming Patterns 
In this article I am trying to present some of the techniques out there that I have discovered. The patterns I would like to mention are the following:
- The Old-School Way
- Singleton
- Module Pattern
- Revealing Module Pattern
- Custom Objects
- Lazy Function Definition

Compare JavaScript frameworks
Modern Web sites and Web applications tend to rely quite heavily on client-side JavaScript to provide rich interactivity, particularly through the advent of asynchronous HTTP requests that do not require page refreshes to return data or responses from a server-side script or database system. In this article, you will discover how JavaScript frameworks make it easier and faster to create highly interactive and responsive Web sites and Web applications.