hi all i found great resource for mobile emulators and simulators for mobile developers , iphone simulators, android , blackberry ,  symbian , windows mobile and much more
from here 

here is new case study by Sarah Sampsel aims to design the wasington post for iPad  , the case study on two entries the first one shows the idea and the types of interaction, visual design, and brand issues she had to consider when designing for the device.The second one shows some wireframes of the evolution of the home screen design.
thanks sarah for sharing such information 

Did you get hacked before ? if you say yes then you know how dangerous the setuation be , if not please read the article carefully
when you lunch a web site as a developer all your concern is that the website functionality doing well , and the site shows prefectly on all browsers … etc , but many developers dont spend any time to enhance security into thier web applications , ok lets start this case study
john is a web developer he works with php and javascript and his company told him to develop a website for a education institute which have a online payed session and online registration
john begin to develop this functionallity and perfectly done the site and test it (not security but only functionally)  and john deliver the project to his boss , and website lunched , john go to his home happy with his work
on another hand , there is a hacker some where , hear about this website and he begin to test it (security bugs)  and after a while he found a sql injection expoit with it he can bypass the registration , so the hacker hacked into the site and add a new user and just download all the educational material and then dropped the database and insert just one record in the db (HACKED BY ::: ) , and he continued and uploaded the educational material on sharing website to be available to all for free

did you getting tired from spammers , are you afraid of post any emails in your posts to avoid spammers crawlers , do you tried any solutions before , now post emails easly and without fear with this awesome plugin , get it now from here http://wordpress.org/extend/plugins/wp-email-guard/

the idea behind this plugin is to replace normal email with special javascript code which the spammers cant crawel and read it so the email remain secure and at the same time it simple and readable for humans  , enjoy it and if you like it please rate us in wordpress plugins

CSS Print Stylesheet:-

many of us working on css to style web page for the visitors
you may added this line before in your page

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

ok the css file now will affect the screen but what if we want the css affect the print
yes we want the visitor print the page but without the menu , advertisement .. etc
ok we will now create a  css file and we will name it print.css

now add this line to your page
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
do you notice someting ??
yes , media=”print” this tells the browser to use this css file when print

concepts of print style sheet:-

1- adjust body margin
adjust the body margin so printed page margin will be as you want not the browser default
you can use this for example

body{margin:0;
border:1px solid #000000;
}
2- use one measure for your fonts and line height and related things:
you must use one measure for font size and related things like pt , em so it can display good on your printer

there is many situations that you need to set the default timezone before you use date or time function such as date()
for example if your script user not in the country that you have the server or hosting on and you want to record lastlogin time , yes you are in trouble
there is many ways to do that

GIMP

may be you saw gimp before or may be better than that you may be worked on it and may be you working on it now , but unfortunately may be you never heard about it , in all cases this article will be useful for you
ok lets start

— GIMP is not totally different from PhotoShop :-

if you are a photoshop designer dont worry about your previous exerience of photoshop gimp also has similar functions as photoshop you will not feel strange when you open gimp
take alook

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
2- prototype:-
the fastest framework it really very fast an also contain a good DOM engine but not powerful as  jquery.

This icon set has been carefully crafted to be pixel perfect on both normal and high resolution iOS devices. The icons contain beautiful shaded portions to give added depth and to highlight icon features. They are meant to go on the tab bar at the bottom of your app.
you can use it for free for both commercial and non-commercial purpose
Download Now

Dive Into CSS3

we will talking today about the awesome css3 features the implemented by w3 supported with many browsers on top of them safai and google chrome and of cource firefox

1- background image size:-

with css2 it was impossible to define a size to background image  but with css3 you can simply define the background image size by a few css lines
you can add something like that if we want 100% background size in css3



background:transparent url(img/simplebg.jpg) no-repeat;

background-size: 100%;

simple , isn’l , but wait
you tried it and it  didn’t work with you ??
unforunately that will face you much when you dealing with css 3 issues becasue it doesnt implemented the same way in all browsers and doesn’t implemented yet in browsers such as internet explorer

google made a wonderful module for Apache to increase website speed , the module made pretty good optimization automatically to websites with more than 15 on-the-fly optimizations that address various aspects of web performance, including optimizing caching, minimizing client-server round trips and minimizing payload size. We’ve seen mod_pagespeed reduce page load times by up to 50%

hi there
we will talk to day about the most common techniques on the web nowadays – yes thats right we will talk about mod rewrite that awesome module that brings static urls benefits into dynamic contents
ok lets start

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