here is html5 cheat sheets , its just a prototype but good for remembering the new standards
html5 canvas cheat sheet in pdf format
general html5 cheat sheet in pdf format
best wishes

hey guys its been a long time since last time i wrote in this blog , i want you to excuse me for that because it was a tough time to me , any way lets hit the point in this article we are here to talk about most technique used today in the modern web site .
the main reason that makes me writing this articles is one of my friends told me that he is not going to use ajax in his web site because he needs to be highly seo optimized.
many reason that makes my friend and many other think like that is poor developers that uses this technology in the bad way , you can write javascript code to perform ajax in many ways some of it can get the benefits of seo and we are here to clear and study that ways so lets begin
first : google or other search engines cant crawl javascript so the secret is dont EVER let javascript handle the links without html support in another meaning lets see that example

HTML 5 Canvas Games :-

html5 the new horse that many developers and company bets on such as Apple after their fight with flash and also the big and rich one google
html5 brings to us new tools and techniques transforming the browser to rich and smart environment
one of the greatest things that html5 introduce is canvas element that magical element do more that expectation , for many years javascript developers try to animate and draw things over pure html but it wasnt stable and dont support any thing like rotating or transform or effects like shadow or gradient so if you tell any one before that you are going to develop a game that using only pure html & javascript it will call you a crazy or an amateur
but canvas element support all of those it support 2d drawing , image effects , text effects and many other things without crash the browser or being so heavy and slow

what about 3d:

canvas element till now support only 2d but it will support 3d soon via engine using some of openGL libraries or maybe DirectX when it happens we will see full 3d games runs from native browsers without any kind of plugins
ok lets see some actions

Top 10 HTML5 Games:-

1- z-war:-

the best game till now written in javascript using DHTML or Canvas big game with music supporting good accelerating and semi 3d using good canvas effects and load every element as canvas if you choose canvas style in rendering. created by Darkimmortal

2- canvasscape:-

hi all did you tried before doing a puzzle game on any image , now its easy by using jqPuzzle a new jquery plugin lets you easily transform any image on your website into puzzle game

jqPuzzle is tested in Firefox 1.5+, Internet Explorer 6 + 7 and Opera 9. It is also reported to work in Safari. See also the jQuery Browser Compatibility page. jqPuzzle requires jQuery 1.2.1 or higher.

Home Page - Demo - install instruction - Download

lets start today talking about exciting issue in lovely css
how to make transparent div in css working in firefox ,internet explorer and opera
ok first lets make a small div



ok now in css lets type


.transparent_div{
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}


now you can see your div transparent
i tested the code on firefox , internet explorer and opera
have fun and see u

hi guys we will talk to day about my favourite javascript framework ( jquery )
and the first lesson you should learn in jquery is Selectors or how you can select a DOM element in the page
ok lets start
first to select a DOM you must wait the full page to load, the javascript programmers know that if we want to control an element in the web page we use
window.onload event to run the code in it
but the problem is that this event will fire after all page downloaded including images and other heavy element
jquery has a similar event but the event fired when the DOM is ready

$('document').ready(function(){
// your code here
});



we will talking today about javascript frameworks
first : what we mean by javascript framework ??
“A software framework, in computer programming, is an abstraction in which common code providing generic functionality can be selectively overridden or specialized by user code providing specific functionality.”
from wikipedia
so we can say that javascript framework is abstracting to tranditional javascript codes so you can do amazing things with javascript just with a few lines of code
you can control DOM ,doing amazing animation , ajax and alot of cool things that helps when you develop a website
now ,we  knows what it means but there is alot of frameworks what is the best
we will go in a short tour with the best 10 javascript frameworks

1- jquery:-

the best framework ever for javascript , specially with the new realese 1.3 the jquery become lighter , faster , more powerful
you can control DOM easly with the DOM engine using CSS3
website :-  jquery.com
license : MIT & GPL